:root{--bg: #fdf0e3;--bg-art: radial-gradient(circle at 12% 8%, rgba(246, 149, 99, .28) 0, transparent 34%), radial-gradient(circle at 92% 22%, rgba(237, 207, 114, .35) 0, transparent 30%), radial-gradient(circle at 70% 100%, rgba(242, 177, 121, .3) 0, transparent 40%);--bg-size: auto;--card: #fffaf5;--card-blur: none;--line: #f1dfcf;--text: #5a4032;--muted: #9a7b68;--accent: #f67c5f;--accent-ink: #ffffff;--btn-bg: #fff4ea;--btn-ink: #5a4032;--ok: #3f8f5a;--ok-bg: #e2f3e4;--warn: #c0661c;--warn-bg: #fde7cf;--chip-bg: #f8e9da;--radius: 24px;--radius-sm: 999px;--border-w: 0px;--shadow: 10px 12px 28px rgba(206, 140, 92, .22), inset -6px -6px 14px rgba(240, 196, 160, .35), inset 6px 6px 14px rgba(255, 255, 255, .9);--btn-shadow: 0 5px 0 #efd3bd, 0 8px 16px rgba(206, 140, 92, .2), inset 0 2px 0 rgba(255, 255, 255, .8);--btn-shadow-press: 0 2px 0 #efd3bd;--primary-shadow: 0 5px 0 #d5573c, 0 10px 18px rgba(246, 124, 95, .35), inset 0 2px 0 rgba(255, 255, 255, .35);--primary-shadow-press: 0 2px 0 #d5573c;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 400;--mark-1: #f67c5f;--mark-2: #edcf72;--mark-3: #f2b179;--mark-4: #eee4da;--art-bg: linear-gradient(145deg, #f9c9a3, #f5a77c);--art-tile: #edc22e;--art-ink: #ffffff;--art-shadow: 0 8px 0 #c99e1b, 0 16px 26px rgba(160, 90, 40, .35), inset 0 3px 0 rgba(255, 255, 255, .5);--art-deco-1: #eee4da;--art-deco-2: #f65e3b;--modal-bg: #fffaf5;--modal-shadow: 0 30px 60px rgba(150, 90, 50, .3)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;background:var(--bg-art),var(--bg);background-size:var(--bg-size);background-attachment:fixed;color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}#root{max-width:920px;margin:0 auto;padding:0 16px 48px}h1,h2{font-family:var(--font-display);font-weight:var(--display-weight)}h1{font-size:clamp(28px,5vw,44px);line-height:1.2;margin:0}h2{font-size:20px;margin:0 0 6px}h3{font-size:14px;color:var(--muted);margin:20px 0 8px;display:flex;align-items:center;gap:8px}code{background:var(--chip-bg);padding:1px 6px;border-radius:4px;font-size:13px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted);font-weight:400}.hint{color:var(--muted);font-size:14px;margin:4px 0 12px}.error{color:#d23f3f;font-weight:600}.site-head{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin-bottom:8px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:var(--display-weight);font-size:18px}.brand-sub{color:var(--muted);font-family:var(--font);font-weight:400;font-size:14px}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);gap:3px}.brand-mark i{width:12px;height:12px;border-radius:3px;background:var(--mark-1)}.brand-mark i:nth-child(2){background:var(--mark-2)}.brand-mark i:nth-child(3){background:var(--mark-3)}.brand-mark i:nth-child(4){background:var(--mark-4)}.site-foot{margin-top:40px;text-align:center;font-size:13px;color:var(--muted)}.hero{padding:28px 0 32px}.hero p{margin:12px 0 0;font-size:16px;color:var(--muted);max-width:34em}.section-title{font-size:15px;color:var(--muted);margin:0 0 12px;font-family:var(--font);font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card.game-card{display:flex;flex-direction:column;padding:0;overflow:hidden;margin:0}.game-art{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;background:var(--art-bg);overflow:hidden}.game-art-tile{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:50px;line-height:1;padding:22px 26px;border-radius:calc(var(--radius) * .8);background:var(--art-tile);color:var(--art-ink);box-shadow:var(--art-shadow);transform:rotate(-4deg)}.game-art:before,.game-art:after{content:"";position:absolute;width:54px;height:54px;border-radius:calc(var(--radius) * .6);background:var(--art-deco-1);top:14%;left:12%;transform:rotate(10deg)}.game-art:after{background:var(--art-deco-2);width:40px;height:40px;top:auto;left:auto;bottom:14%;right:13%;transform:rotate(-12deg)}.game-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.game-body h2{margin:0}.game-meta{display:flex;gap:6px;flex-wrap:wrap}.game-body .btn{margin-top:auto}.card.game-card:only-child{grid-column:1 / -1;flex-direction:row}.game-card:only-child .game-art{flex:0 0 52%;aspect-ratio:auto;min-height:240px}.game-card:only-child .game-art-tile{font-size:64px}.game-card:only-child .game-body{padding:28px;justify-content:center}.game-card:only-child .game-body h2{font-size:30px}.game-card:only-child .game-body .btn{margin-top:8px;align-self:flex-start;font-size:17px;padding:12px 32px}@media (max-width: 640px){.card.game-card:only-child{flex-direction:column}.game-card:only-child .game-art{min-height:180px}}.pane{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:var(--border-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.card>h2:first-child{margin-bottom:10px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.list{list-style:none;margin:0;padding:0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px;flex-wrap:wrap}.list .row:first-child{border-top:0}.row .actions{margin-top:0}.card.row{padding:16px 22px;border-top:var(--border-w) solid var(--line)}.row-actions{display:flex;gap:6px}.hub>.card:first-child h2{font-size:clamp(26px,4vw,36px)}.hub-cta{font-size:17px;padding:12px 24px}.hub .hall-card strong,.main-map .chapter h2{font-family:var(--font-display)}.btn{font:inherit;font-size:15px;font-weight:600;padding:9px 18px;border:var(--border-w) solid var(--line);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-ink);box-shadow:var(--btn-shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.03)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--btn-shadow-press)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--primary-shadow)}.btn-primary:active:not(:disabled){box-shadow:var(--primary-shadow-press)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn-ghost:hover:not(:disabled){filter:none;color:var(--text)}.btn-sm{font-size:13px;padding:4px 10px}.frame{background:var(--card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:var(--border-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px 20px}.frame-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.frame-title{margin:0}.frame-sub{color:var(--muted);font-size:13px}.frame-actions{display:flex;gap:6px}.frame-status{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.frame-status+*{margin-inline:auto;background:var(--tray);border-radius:var(--radius)}.pill{font-size:13px;padding:3px 12px;border-radius:999px;background:var(--chip-bg);color:var(--muted)}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.notice{background:var(--warn-bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;margin-bottom:16px}.notice-error{background:#fdecec;border-color:#f3c3c3;color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141e80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--modal-bg);color:var(--text);border:var(--border-w) solid var(--line);border-radius:var(--radius);width:min(720px,100%);max-height:min(80dvh,100%);display:flex;flex-direction:column;box-shadow:var(--modal-shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:6px 20px 20px;overflow-y:auto}.markdown h3{font-size:16px;color:var(--text);margin:18px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}.markdown h4{font-size:14px;margin:14px 0 4px}.markdown p,.markdown li{font-size:14px;margin:6px 0}.markdown ul,.markdown ol{padding-left:22px;margin:6px 0}.markdown code{background:var(--chip-bg);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:13px}.md-table-wrap{overflow-x:auto;margin:8px 0}.markdown table{border-collapse:collapse;font-size:13px}.markdown th,.markdown td{border:1px solid var(--line);padding:4px 8px;text-align:left;vertical-align:top}.markdown th{background:var(--chip-bg)}.modal-rule{border:0;border-top:1px solid var(--line);margin:18px 0 4px}.replay-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line)}.replay-slider{flex:1 1 200px;min-width:160px;accent-color:var(--accent)}.form{display:flex;flex-direction:column;gap:12px;max-width:360px}.field{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}.field input{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text)}.settings-facts{margin:8px 0 0;padding-left:20px;font-size:15px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card.theme-option{padding:0;overflow:hidden;display:flex;flex-direction:column}.theme-option[aria-current]{outline:3px solid var(--accent);outline-offset:3px}.theme-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--chip-bg)}.theme-thumb iframe{position:absolute;top:0;left:0;width:1280px;height:800px;border:0;transform:scale(var(--thumb-scale, .25));transform-origin:0 0;pointer-events:none}.theme-body{padding:16px 18px 18px}.theme-body h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.theme-body h2 .pill{font-family:var(--font);font-weight:600}a.btn{display:inline-block;text-decoration:none}.lobby{display:flex;flex-direction:column;gap:16px}.lobby-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.name-field{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}.name-field input{font:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;min-width:180px;background:var(--card);color:var(--text)}.admin-xlsx-steps{margin:0 0 12px;padding-left:20px;text-align:left}.admin-import-problems{margin:-4px 0 12px;padding-left:20px;text-align:left}.admin-campaign{max-width:none}.admin-grid-wrap{overflow-x:auto}.admin-grid{border-collapse:collapse;font-size:13px}.admin-grid th,.admin-grid td{border-top:1px solid var(--line);padding:4px 6px;text-align:left;vertical-align:top}.admin-grid input,.admin-grid select,.admin-grid textarea{font:inherit;padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--text)}.admin-grid .admin-num{width:64px}.admin-grid .admin-json{width:260px;min-height:48px;font-family:ui-monospace,monospace;font-size:12px}.admin-row-bad td{background:var(--warn-bg)}.admin-row-problems td{border-top:none;padding-top:0}@media (max-width: 560px){.card{padding:16px}.frame{padding:12px}.brand-sub{display:none}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.hub-unlock-hint{align-self:center;margin:0}.hub-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.hub-head h2{margin:0}.hub-cta{font-size:16px}.level-list .level-icon{display:inline-block;width:1.4em;text-align:center}.level-locked{opacity:.7}.topbar{align-items:center}.topbar-title{flex:1;min-width:140px}.topbar-stars{position:relative;cursor:pointer}.topbar-stars>summary{list-style:none;-webkit-user-select:none;user-select:none}.topbar-stars>summary::-webkit-details-marker{display:none}.topbar-stars-info{opacity:.8}.topbar-stars-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;margin:0;padding:8px 12px;list-style:none;white-space:nowrap;background:var(--panel, #fff);color:var(--ink, #222);border:1px solid var(--line, #ddd);border-radius:8px;box-shadow:0 4px 14px #0000001f;font-size:13px;line-height:1.7}.level-intro,.level-result{width:min(480px,100%)}.result-hint:empty,.result-best:empty,.result-unlock:empty{display:none}.unlock-notice-backdrop{background:#0f0f19b8;z-index:60}.unlock-notice{position:relative;width:min(380px,100%);padding:32px 24px 24px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 20px 60px #00000059;text-align:center;animation:unlock-notice-in .4s cubic-bezier(.2,.9,.3,1.25) both}.unlock-notice-icon{position:relative;font-size:64px;line-height:1;margin:0 auto 12px;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.unlock-notice-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#facc158c,#facc1500 70%);animation:unlock-notice-glow .9s ease-out .15s both;z-index:-1}.unlock-notice-title{margin:0 0 6px;font-size:26px;letter-spacing:.08em;color:var(--warn)}.unlock-notice-text{margin:0 0 18px;font-size:18px;font-weight:600}.unlock-notice-count{margin:-10px 0 14px;font-size:13px}.unlock-notice-go{min-width:140px}@keyframes unlock-notice-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes unlock-notice-glow{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}@media (prefers-reduced-motion: reduce){.unlock-notice,.unlock-notice-icon:before{animation:none}}:root[data-theme=neon]{color-scheme:dark;--bg: #120b26;--bg-art: radial-gradient(ellipse at 15% 0%, rgba(255, 79, 163, .28) 0, transparent 45%), radial-gradient(ellipse at 90% 30%, rgba(62, 230, 255, .2) 0, transparent 40%), radial-gradient(ellipse at 50% 110%, rgba(255, 181, 71, .18) 0, transparent 45%);--bg-size: auto;--card: rgba(255, 255, 255, .06);--card-blur: blur(14px) saturate(140%);--line: rgba(255, 255, 255, .13);--text: #f5eeff;--muted: #b2a6d4;--accent: #ff4fa3;--accent-ink: #ffffff;--btn-bg: rgba(255, 255, 255, .07);--btn-ink: #f5eeff;--ok: #5ff2b0;--ok-bg: rgba(95, 242, 176, .14);--warn: #ffc15e;--warn-bg: rgba(255, 181, 71, .16);--chip-bg: rgba(255, 255, 255, .1);--radius: 18px;--radius-sm: 12px;--border-w: 1px;--shadow: 0 20px 50px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .1);--btn-shadow: none;--btn-shadow-press: none;--primary-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 0 18px rgba(255, 79, 163, .65);--primary-shadow-press: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 0 8px rgba(255, 79, 163, .5);--tray: #f6efe6;--font: "Chiron GoRound TC", "Noto Sans TC", system-ui, sans-serif;--font-display: "Chiron GoRound TC", "Noto Sans TC", system-ui, sans-serif;--display-weight: 800;--mark-1: #ff4fa3;--mark-2: #3ee6ff;--mark-3: #ffc15e;--mark-4: #9d7bff;--art-bg: radial-gradient(circle at 50% 60%, #3a1d6e 0, #170d33 70%);--art-tile: transparent;--art-ink: #ffffff;--art-shadow: 0 0 14px rgba(62, 230, 255, .7), inset 0 0 14px rgba(62, 230, 255, .5);--art-deco-1: transparent;--art-deco-2: transparent;--modal-bg: #1e1440;--modal-shadow: 0 0 0 1px rgba(255, 79, 163, .35), 0 30px 80px rgba(0, 0, 0, .6)}[data-theme=neon] h1,[data-theme=neon] .hub>.card:first-child h2{text-shadow:0 0 6px rgba(255,79,163,.9),0 0 22px rgba(255,79,163,.55)}[data-theme=neon] .brand{text-shadow:0 0 10px rgba(62,230,255,.7)}[data-theme=neon] .btn:not(.btn-primary):not(.btn-ghost):hover:not(:disabled){border-color:#3ee6ff;box-shadow:0 0 14px #3ee6ff73}[data-theme=neon] .game-art{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),var(--art-bg);background-size:22px 22px,22px 22px,auto}[data-theme=neon] .game-art-tile{transform:none;font-size:58px;border:3px solid #3ee6ff;text-shadow:0 0 6px #ff4fa3,0 0 18px #ff4fa3,0 0 40px rgba(255,79,163,.8)}[data-theme=neon] .game-card:only-child .game-art-tile{font-size:68px}[data-theme=neon] .frame-status+*,[data-theme=neon] .frame-status+* h3{color:#5a4a3d}:root[data-theme=paper]{color-scheme:light;--bg: #f7f9fc;--bg-art: linear-gradient(rgba(96, 140, 210, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(96, 140, 210, .13) 1px, transparent 1px);--bg-size: 24px 24px, 24px 24px, auto;--card: #ffffff;--card-blur: none;--line: #d6dde8;--text: #253046;--muted: #69758c;--accent: #2d5be3;--accent-ink: #ffffff;--btn-bg: #ffffff;--btn-ink: #253046;--ok: #217a4b;--ok-bg: #ddf3e6;--warn: #a4560d;--warn-bg: #fff1c2;--chip-bg: #eef2f8;--radius: 6px;--radius-sm: 6px;--border-w: 1.5px;--shadow: 0 1px 0 #d6dde8, 0 10px 24px rgba(37, 48, 70, .08);--btn-shadow: 2px 3px 0 #253046;--btn-shadow-press: 0 1px 0 #253046;--primary-shadow: 2px 3px 0 #253046;--primary-shadow-press: 0 1px 0 #253046;--tray: transparent;--font: "LXGW WenKai TC", "Noto Sans TC", system-ui, sans-serif;--font-display: "LXGW WenKai TC", "Noto Sans TC", system-ui, sans-serif;--display-weight: 700;--mark-1: #2d5be3;--mark-2: #ffd43b;--mark-3: #ff8a65;--mark-4: #9fb3d6;--art-bg: #fdfdfb;--art-tile: #ffffff;--art-ink: #253046;--art-shadow: 4px 5px 0 #253046;--art-deco-1: rgba(255, 212, 59, .55);--art-deco-2: rgba(255, 138, 101, .45);--modal-bg: #ffffff;--modal-shadow: 0 20px 50px rgba(37, 48, 70, .2)}[data-theme=paper] .btn:not(.btn-ghost){border-color:var(--text);border-radius:255px 15px 225px/15px 225px 15px 255px}[data-theme=paper] .card,[data-theme=paper] .frame{position:relative}[data-theme=paper] .pane>.card:first-child:before,[data-theme=paper] .game-card:before,[data-theme=paper] .frame:before{content:"";position:absolute;top:-10px;left:50%;width:96px;height:22px;transform:translate(-50%) rotate(-3deg);background:#ffd43b8c;border-left:2px dashed rgba(255,255,255,.6);border-right:2px dashed rgba(255,255,255,.6);z-index:1}[data-theme=paper] .card.game-card{overflow:visible}[data-theme=paper] .game-art{border-radius:var(--radius) var(--radius) 0 0;background-image:linear-gradient(rgba(96,140,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(96,140,210,.18) 1px,transparent 1px);background-size:16px 16px;border-bottom:1.5px dashed var(--line)}[data-theme=paper] .game-art-tile{border:2px solid var(--text);border-radius:255px 15px 225px/15px 225px 15px 255px}[data-theme=paper] .hub>.card:first-child h2{background:linear-gradient(transparent 58%,rgba(255,212,59,.7) 58%,rgba(255,212,59,.7) 90%,transparent 90%);display:inline}:root[data-theme=pixel]{color-scheme:dark;--bg: #1d1838;--bg-art: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 2px, transparent 2px 4px);--bg-size: auto;--card: #2b2452;--card-blur: none;--line: #4b4185;--text: #f4f1ff;--muted: #a99fe0;--accent: #ffd23f;--accent-ink: #1d1838;--btn-bg: #3b3270;--btn-ink: #f4f1ff;--ok: #6cf2a0;--ok-bg: #1f4a3c;--warn: #ffb04a;--warn-bg: #4d3526;--chip-bg: #3b3270;--radius: 0px;--radius-sm: 0px;--border-w: 0px;--shadow: 0 -4px 0 0 #0f0c22, 0 4px 0 0 #0f0c22, -4px 0 0 0 #0f0c22, 4px 0 0 0 #0f0c22, 8px 8px 0 0 rgba(0, 0, 0, .35);--btn-shadow: 0 -3px 0 0 #0f0c22, 0 3px 0 0 #0f0c22, -3px 0 0 0 #0f0c22, 3px 0 0 0 #0f0c22, inset -3px -3px 0 0 rgba(0, 0, 0, .28), inset 3px 3px 0 0 rgba(255, 255, 255, .25);--btn-shadow-press: 0 -3px 0 0 #0f0c22, 0 3px 0 0 #0f0c22, -3px 0 0 0 #0f0c22, 3px 0 0 0 #0f0c22, inset 3px 3px 0 0 rgba(0, 0, 0, .28);--primary-shadow: 0 -3px 0 0 #0f0c22, 0 3px 0 0 #0f0c22, -3px 0 0 0 #0f0c22, 3px 0 0 0 #0f0c22, inset -3px -3px 0 0 #d9a800, inset 3px 3px 0 0 #fff2b0;--primary-shadow-press: 0 -3px 0 0 #0f0c22, 0 3px 0 0 #0f0c22, -3px 0 0 0 #0f0c22, 3px 0 0 0 #0f0c22, inset 3px 3px 0 0 #d9a800;--tray: #faf8ef;--font: "Noto Sans TC", system-ui, sans-serif;--font-display: "Press Start 2P", "Noto Sans TC", monospace;--display-weight: 400;--mark-1: #ffd23f;--mark-2: #ff5d8f;--mark-3: #6cf2a0;--mark-4: #5fb7ff;--art-bg: #16122d;--art-tile: #ffd23f;--art-ink: #1d1838;--art-shadow: 6px 6px 0 #ff5d8f;--art-deco-1: #5fb7ff;--art-deco-2: #6cf2a0;--modal-bg: #2b2452;--modal-shadow: 0 0 0 4px #0f0c22, 12px 12px 0 rgba(0, 0, 0, .5)}[data-theme=pixel] h1{font-size:clamp(22px,3.6vw,32px);line-height:1.5;color:var(--accent);text-shadow:3px 3px 0 #b8336a}[data-theme=pixel] h2{font-size:16px;line-height:1.6}[data-theme=pixel] .brand{font-size:13px}[data-theme=pixel] .brand-mark i,[data-theme=pixel] .game-art:before,[data-theme=pixel] .game-art:after{border-radius:0;transform:none}[data-theme=pixel] .btn{margin:3px}[data-theme=pixel] .btn-ghost{margin:0}[data-theme=pixel] .game-art{background-image:linear-gradient(rgba(255,255,255,.05) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.05) 2px,transparent 2px);background-size:16px 16px}[data-theme=pixel] .game-art-tile{transform:none;font-size:30px;padding:24px 22px}[data-theme=pixel] .game-card:only-child .game-art-tile{font-size:40px}[data-theme=pixel] .frame-status+*,[data-theme=pixel] .frame-status+* h3{color:#5a4a3d}[data-theme=pixel] .topbar-stars-pop{--panel: #2b2452;--ink: #f4f1ff;border-radius:0}:root[data-theme=pop]{color-scheme:light;--bg: #b9e6ff;--bg-art: radial-gradient(circle, rgba(17, 17, 17, .12) 1.5px, transparent 1.6px);--bg-size: 18px 18px, auto;--card: #ffffff;--card-blur: none;--line: #111111;--text: #111111;--muted: #444a55;--accent: #ff5c8a;--accent-ink: #111111;--btn-bg: #ffffff;--btn-ink: #111111;--ok: #0b6b3a;--ok-bg: #9ff5c0;--warn: #111111;--warn-bg: #ffe14d;--chip-bg: #e9e4ff;--radius: 14px;--radius-sm: 10px;--border-w: 3px;--shadow: 6px 6px 0 #111;--btn-shadow: 4px 4px 0 #111;--btn-shadow-press: 1px 1px 0 #111;--primary-shadow: 4px 4px 0 #111;--primary-shadow-press: 1px 1px 0 #111;--tray: transparent;--font: "Noto Sans TC", system-ui, sans-serif;--font-display: "Noto Sans TC", system-ui, sans-serif;--display-weight: 900;--mark-1: #ff5c8a;--mark-2: #ffe14d;--mark-3: #7df2a8;--mark-4: #8b7bff;--art-bg: #ffe14d;--art-tile: #8b7bff;--art-ink: #ffffff;--art-shadow: 5px 5px 0 #111;--art-deco-1: #ff5c8a;--art-deco-2: #7df2a8;--modal-bg: #ffffff;--modal-shadow: 8px 8px 0 #111}[data-theme=pop] .btn:active:not(:disabled){transform:translate(3px,3px)}[data-theme=pop] .btn-ghost:hover:not(:disabled){text-decoration:underline 3px;text-underline-offset:4px}[data-theme=pop] .pill{border:2px solid #111;font-weight:700;color:#111}[data-theme=pop] .hero h1{font-size:clamp(32px,6vw,56px);letter-spacing:-.01em}[data-theme=pop] .game-art{border-bottom:3px solid #111}[data-theme=pop] .game-art-tile,[data-theme=pop] .game-art:before,[data-theme=pop] .game-art:after{border:3px solid #111}[data-theme=pop] .hub>.card:first-child{background:#ffe14d}[data-theme=pop] .modal-head{border-bottom:3px solid #111;background:#e9e4ff;border-radius:11px 11px 0 0}@media (min-width: 641px){[data-theme=paper] .game-card:only-child .game-art{border-radius:var(--radius) 0 0 var(--radius);border-bottom:0;border-right:1.5px dashed var(--line)}[data-theme=pop] .game-card:only-child .game-art{border-bottom:0;border-right:3px solid #111}}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) body{font-size:18px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) h1{font-size:clamp(34px,6vw,60px)}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) h2{font-size:26px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) h3,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .section-title{font-size:18px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .hero p{font-size:20px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .brand{font-size:24px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .brand-sub,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .site-foot,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .frame-sub,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .hint,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .notice,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .markdown p,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .markdown li,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .field,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .settings-facts{font-size:17px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .brand-mark{grid-template-columns:repeat(2,16px)}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .brand-mark i{width:16px;height:16px;border-radius:5px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .row{font-size:18px;padding:14px 0}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .pill{font-size:16px;padding:5px 14px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .btn,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .btn-sm{min-height:56px;padding:12px 26px;font-size:19px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .btn-sm{padding:10px 18px;font-size:17px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .btn:active:not(:disabled){transform:translateY(4px) scale(.95)}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .game-card:only-child .game-body .btn,:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .hub-cta{min-height:64px;font-size:22px;padding:14px 40px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .game-card:only-child .game-body h2{font-size:36px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .field input{min-height:56px;font-size:18px}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .modal-head h2{font-size:22px}@media (prefers-reduced-motion: no-preference){:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .btn:hover:not(:disabled):not(:active){animation:kid-bounce .45s ease}:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .game-art-tile{animation:kid-float 3.2s ease-in-out infinite}}@keyframes kid-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-5px)}70%{transform:translateY(1px)}}@keyframes kid-float{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}}@media (max-width: 640px){:is([data-theme=forest],[data-theme=ocean],[data-theme=crayon],[data-theme=space],[data-theme=sweets]) .game-card:only-child .game-art{flex:none}:is([data-theme=forest],[data-theme=space]) .hero:before,:is([data-theme=forest],[data-theme=space]) .hero:after{display:none}}:root[data-theme=forest]{color-scheme:light;--bg: #eaf5d3;--bg-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cpath d='M18 34c14-16 34-14 40 0-14 16-34 14-40 0z' fill='%236fb43f' fill-opacity='.2'/%3E%3Cpath d='M84 100c12-14 30-12 34 0-12 14-30 12-34 0z' fill='%23d9a441' fill-opacity='.22'/%3E%3Ccircle cx='104' cy='30' r='4' fill='%23f2994a' fill-opacity='.3'/%3E%3C/svg%3E"), linear-gradient(180deg, #f3fae4 0%, #e2f1c6 100%);--bg-size: 140px 140px, auto;--card: #fffdf2;--card-blur: none;--line: #c9a57a;--text: #3a2814;--muted: #6a5536;--accent: #3d7f1f;--accent-ink: #ffffff;--btn-bg: #fff1c2;--btn-ink: #3a2814;--ok: #2d6a18;--ok-bg: #dbf1c2;--warn: #87470a;--warn-bg: #ffe6a6;--chip-bg: #eef4d8;--radius: 30px;--radius-sm: 22px;--border-w: 3px;--shadow: 0 7px 0 #c9a57a, 0 16px 28px rgba(90, 70, 20, .16);--btn-shadow: 0 5px 0 #d9b25a, 0 8px 14px rgba(120, 90, 20, .16);--btn-shadow-press: 0 1px 0 #d9b25a;--primary-shadow: 0 5px 0 #245512, 0 10px 16px rgba(40, 90, 20, .28);--primary-shadow-press: 0 1px 0 #245512;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Chiron GoRound TC", "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 800;--mark-1: #5cae34;--mark-2: #f5c542;--mark-3: #a8744a;--mark-4: #f28c38;--art-bg: radial-gradient(ellipse 70% 40% at 50% 108%, #7cc34f 0 98%, transparent 100%), radial-gradient(circle at 84% 20%, #ffe38a 0 22px, transparent 24px), linear-gradient(180deg, #c6ecff 0%, #e6f7ff 70%);--art-tile: #f5c542;--art-ink: #3a2814;--art-shadow: 0 8px 0 #b98a1c, 0 16px 24px rgba(90, 70, 20, .28);--art-deco-1: #5cae34;--art-deco-2: #f28c38;--modal-bg: #fffdf2;--modal-shadow: 0 10px 0 #c9a57a, 0 30px 60px rgba(60, 40, 10, .3)}[data-theme=forest] .card,[data-theme=forest] .frame,[data-theme=forest] .modal{border-radius:40px 12px}[data-theme=forest] .card.row{border-radius:28px 10px}[data-theme=forest] .game-art:before{width:64px;height:64px;border-radius:0 100%;transform:rotate(-20deg)}[data-theme=forest] .game-art:after{width:44px;height:44px;border-radius:100% 0}[data-theme=forest] .pane>.card:first-child,[data-theme=forest] .hero{position:relative}[data-theme=forest] .pane>.card:first-child:before,[data-theme=forest] .hero:before{content:"";position:absolute;top:-10px;right:18px;width:38px;height:38px;border-radius:0 100%;background:#6fb43f;box-shadow:inset -4px -4px #0000001a;transform:rotate(-30deg)}[data-theme=forest] .hero:before{top:24px;right:8%;width:56px;height:56px}[data-theme=forest] .btn-ghost{color:#5a4526}:root[data-theme=ocean]{color-scheme:light;--bg: #cdeffd;--bg-art: radial-gradient(circle at 18% 28%, rgba(255, 255, 255, .75) 0 6px, rgba(255, 255, 255, 0) 7px), radial-gradient(circle at 66% 62%, rgba(255, 255, 255, .6) 0 11px, rgba(255, 255, 255, 0) 12px), radial-gradient(circle at 42% 88%, rgba(255, 255, 255, .7) 0 4px, rgba(255, 255, 255, 0) 5px), linear-gradient(180deg, #e4f8ff 0%, #b9e8fb 100%);--bg-size: 170px 170px, 170px 170px, 170px 170px, auto;--card: #ffffff;--card-blur: none;--line: #8fd3ee;--text: #0b3a52;--muted: #3a6479;--accent: #ff7f5c;--accent-ink: #0b2a3a;--btn-bg: #ffffff;--btn-ink: #0b3a52;--ok: #0b6149;--ok-bg: #c6f3e2;--warn: #8a3a00;--warn-bg: #ffe0c7;--chip-bg: #e0f5fe;--radius: 30px;--radius-sm: 999px;--border-w: 3px;--shadow: 0 8px 0 #8fd3ee, 0 18px 30px rgba(20, 110, 160, .18);--btn-shadow: 0 5px 0 #8fd3ee, 0 8px 14px rgba(20, 110, 160, .16);--btn-shadow-press: 0 1px 0 #8fd3ee;--primary-shadow: 0 5px 0 #d9543a, 0 10px 16px rgba(255, 110, 70, .3);--primary-shadow-press: 0 1px 0 #d9543a;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 400;--mark-1: #ff7f5c;--mark-2: #ffd23f;--mark-3: #33bde6;--mark-4: #7be0c3;--art-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='24'%3E%3Cpath d='M0 12 Q20 0 40 12 T80 12 V24 H0z' fill='%23ffffff' fill-opacity='.35'/%3E%3C/svg%3E") bottom / 80px 24px repeat-x, linear-gradient(180deg, #6fd6f7 0%, #1f9fd3 100%);--art-tile: #ffd23f;--art-ink: #0b3a52;--art-shadow: 0 8px 0 #d9a800, 0 16px 26px rgba(10, 70, 110, .35);--art-deco-1: rgba(255, 255, 255, .55);--art-deco-2: #ff7f5c;--modal-bg: #ffffff;--modal-shadow: 0 10px 0 #8fd3ee, 0 30px 60px rgba(10, 70, 110, .3)}[data-theme=ocean] .site-head{position:relative;margin-bottom:20px}[data-theme=ocean] .site-head:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14'%3E%3Cpath d='M0 7 Q10 0 20 7 T40 7' fill='none' stroke='%2333bde6' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:40px 14px}[data-theme=ocean] .game-art:before,[data-theme=ocean] .game-art:after{border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:inset 6px 6px #ffffff73}[data-theme=ocean] .game-art:after{background:#ffffff40;width:30px;height:30px}:root[data-theme=crayon]{color-scheme:light;--bg: #fffdf6;--bg-art: radial-gradient(circle at 20% 30%, rgba(255, 77, 109, .12) 0 3px, transparent 4px), radial-gradient(circle at 70% 70%, rgba(77, 155, 255, .12) 0 3px, transparent 4px), radial-gradient(circle at 80% 20%, rgba(255, 210, 63, .18) 0 4px, transparent 5px);--bg-size: 120px 120px, 150px 150px, 90px 90px;--card: #ffffff;--card-blur: none;--line: #3d3a4b;--text: #2d2a3a;--muted: #5a566c;--accent: #2563eb;--accent-ink: #ffffff;--btn-bg: #ffffff;--btn-ink: #2d2a3a;--ok: #17663f;--ok-bg: #c9f2d9;--warn: #8a3a00;--warn-bg: #fff0b3;--chip-bg: #fff4c2;--radius: 18px;--radius-sm: 16px;--border-w: 4px;--shadow: 6px 7px 0 #ffd23f;--btn-shadow: 4px 5px 0 #8fd0ff;--btn-shadow-press: 1px 1px 0 #8fd0ff;--primary-shadow: 4px 5px 0 #ff8fa3;--primary-shadow-press: 1px 1px 0 #ff8fa3;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Chiron GoRound TC", "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 800;--mark-1: #ff4d6d;--mark-2: #ffd23f;--mark-3: #4cc38a;--mark-4: #4d9bff;--art-bg: repeating-linear-gradient( -8deg, rgba(255, 77, 109, .22) 0 14px, rgba(255, 159, 28, .22) 14px 28px, rgba(255, 210, 63, .26) 28px 42px, rgba(76, 195, 138, .22) 42px 56px, rgba(77, 155, 255, .22) 56px 70px, rgba(155, 107, 255, .2) 70px 84px ), #ffffff;--art-tile: #2f6fe4;--art-ink: #ffffff;--art-shadow: 6px 7px 0 #2d2a3a;--art-deco-1: #ff4d6d;--art-deco-2: #4cc38a;--modal-bg: #ffffff;--modal-shadow: 8px 9px 0 #ffd23f}[data-theme=crayon] .card,[data-theme=crayon] .frame,[data-theme=crayon] .modal{border-radius:28px 10px 24px 12px/12px 26px 10px 28px}[data-theme=crayon] .btn:not(.btn-ghost){border-radius:22px 8px 20px 10px/10px 20px 8px 22px}[data-theme=crayon] .game-art-tile,[data-theme=crayon] .game-art:before,[data-theme=crayon] .game-art:after{border:4px solid #2d2a3a;border-radius:20px 8px 18px 10px/10px 18px 8px 20px}[data-theme=crayon] .game-art{border-bottom:4px solid #3d3a4b}@media (min-width: 641px){[data-theme=crayon] .game-card:only-child .game-art{border-bottom:0;border-right:4px solid #3d3a4b}}[data-theme=crayon] .card:nth-child(4n+2){box-shadow:6px 7px #8fd0ff}[data-theme=crayon] .card:nth-child(4n+3){box-shadow:6px 7px #ff8fa3}[data-theme=crayon] .card:nth-child(4n+4){box-shadow:6px 7px #8fe3b4}[data-theme=crayon] .btn:active:not(:disabled){transform:translate(3px,4px) scale(.96)}[data-theme=crayon] .hero h1:after{content:"";display:block;width:min(300px,70%);height:12px;margin-top:10px;border-radius:12px 4px 10px 6px;background:linear-gradient(90deg,#ff4d6d,#ff9f1c,#ffd23f,#4cc38a,#4d9bff,#9b6bff);transform:rotate(-1.5deg)}[data-theme=crayon] .pill{border:2px solid #3d3a4b;color:#2d2a3a}:root[data-theme=space]{color-scheme:light;--bg: #eeeaff;--bg-art: radial-gradient(circle at 12% 18%, #ffd23f 0 2.5px, transparent 3.5px), radial-gradient(circle at 62% 42%, #ff8fb8 0 2px, transparent 3px), radial-gradient(circle at 38% 78%, #7cc8ff 0 3px, transparent 4px), radial-gradient(circle at 86% 88%, #b69cff 0 2px, transparent 3px), linear-gradient(180deg, #f3f0ff 0%, #e2ddff 60%, #fde6f3 100%);--bg-size: 150px 150px, 110px 110px, 190px 190px, 130px 130px, auto;--card: #ffffff;--card-blur: none;--line: #c8bdfd;--text: #221a4d;--muted: #514879;--accent: #6246ea;--accent-ink: #ffffff;--btn-bg: #ffffff;--btn-ink: #221a4d;--ok: #0f6650;--ok-bg: #c9f4e6;--warn: #8a3d00;--warn-bg: #ffe6bf;--chip-bg: #ece7ff;--radius: 28px;--radius-sm: 999px;--border-w: 3px;--shadow: 0 8px 0 #c8bdfd, 0 18px 34px rgba(98, 70, 234, .16);--btn-shadow: 0 5px 0 #c8bdfd, 0 8px 14px rgba(98, 70, 234, .14);--btn-shadow-press: 0 1px 0 #c8bdfd;--primary-shadow: 0 5px 0 #4029b8, 0 10px 18px rgba(98, 70, 234, .35);--primary-shadow-press: 0 1px 0 #4029b8;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Chiron GoRound TC", "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 800;--mark-1: #6246ea;--mark-2: #ffb547;--mark-3: #ff8fb8;--mark-4: #5cc8ff;--art-bg: radial-gradient(circle at 20% 25%, #ffffff 0 2px, transparent 3px), radial-gradient(circle at 75% 70%, #ffffff 0 2.5px, transparent 3.5px), radial-gradient(circle at 55% 15%, #fff4b0 0 2px, transparent 3px), linear-gradient(160deg, #b8a8ff 0%, #f7b6d8 100%);--art-tile: #ffb547;--art-ink: #221a4d;--art-shadow: 0 8px 0 #d98a1a, 0 16px 26px rgba(60, 30, 140, .3);--art-deco-1: #5cc8ff;--art-deco-2: #ff8fb8;--modal-bg: #ffffff;--modal-shadow: 0 10px 0 #c8bdfd, 0 30px 60px rgba(60, 30, 140, .3)}[data-theme=space] .game-art:before{border-radius:50%;box-shadow:inset -8px -6px #0000001f}[data-theme=space] .game-art:after{border-radius:50%;width:46px;height:46px;box-shadow:inset -6px -5px #0000001f,0 0 0 6px #fff9}[data-theme=space] .hero{position:relative}[data-theme=space] .hero:after{content:"";position:absolute;top:20px;right:6%;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd7a8,#ffb547 60%,#e8912a);box-shadow:0 0 0 10px #6246ea1f}[data-theme=space] .hero:before{content:"";position:absolute;top:46px;right:calc(6% - 18px);width:100px;height:18px;border-radius:50%;border:4px solid #6246ea;transform:rotate(-18deg);z-index:1;opacity:.7}:root[data-theme=sweets]{color-scheme:light;--bg: #fff0f6;--bg-art: radial-gradient(circle at 20% 20%, rgba(126, 224, 195, .55) 0 4px, transparent 5px), radial-gradient(circle at 70% 60%, rgba(255, 224, 102, .6) 0 4px, transparent 5px), repeating-linear-gradient(135deg, rgba(255, 143, 186, .1) 0 22px, transparent 22px 44px);--bg-size: 90px 90px, 120px 120px, auto;--card: #fffafc;--card-blur: none;--line: #ffc2dc;--text: #561c3a;--muted: #7d4462;--accent: #ff6fae;--accent-ink: #3d0f27;--btn-bg: #e6fbf4;--btn-ink: #1f4d40;--ok: #17664f;--ok-bg: #cff6e9;--warn: #874100;--warn-bg: #fff1b8;--chip-bg: #ffe7f1;--radius: 30px;--radius-sm: 999px;--border-w: 0px;--shadow: 0 12px 26px rgba(214, 90, 150, .18), inset 0 -6px 0 rgba(255, 170, 205, .35), inset 0 4px 0 rgba(255, 255, 255, .9);--btn-shadow: 0 5px 0 #9fe3cd, 0 8px 14px rgba(40, 150, 120, .2), inset 0 3px 0 rgba(255, 255, 255, .85);--btn-shadow-press: 0 1px 0 #9fe3cd;--primary-shadow: 0 5px 0 #e0488c, 0 10px 18px rgba(255, 90, 160, .35), inset 0 3px 0 rgba(255, 255, 255, .5);--primary-shadow-press: 0 1px 0 #e0488c;--tray: transparent;--font: "Huninn", "Noto Sans TC", system-ui, sans-serif;--font-display: "Huninn", "Noto Sans TC", system-ui, sans-serif;--display-weight: 400;--mark-1: #ff6fae;--mark-2: #7ee0c3;--mark-3: #ffe066;--mark-4: #b99cff;--art-bg: linear-gradient(160deg, #ffd1e6 0%, #d6f7ec 100%);--art-tile: #ff6fae;--art-ink: #561c3a;--art-shadow: 0 8px 0 #e0488c, 0 16px 26px rgba(214, 60, 130, .3), inset 0 4px 0 rgba(255, 255, 255, .45);--art-deco-1: #7ee0c3;--art-deco-2: #ffe066;--modal-bg: #fffafc;--modal-shadow: 0 30px 60px rgba(160, 50, 100, .28)}[data-theme=sweets] .btn-primary{background:repeating-linear-gradient(-45deg,#ff6fae 0,#ff6fae 14px,#ff8fc0 14px,#ff8fc0 28px)}[data-theme=sweets] .game-art:before{width:66px;height:66px;border-radius:50%;background:conic-gradient(#ff6fae 0,#ff6fae 25%,#fff 0,#fff 50%,#7ee0c3 0,#7ee0c3 75%,#fff 0);box-shadow:0 0 0 5px #fff}[data-theme=sweets] .game-art:after{border-radius:50%;box-shadow:inset 0 4px #ffffffb3}[data-theme=sweets] .game-art-tile{border-radius:999px;padding:22px 34px}