:root{--color-cream-100:#FFF3D6;--color-paper-50:#FFFBF1;--color-tangerine-500:#FF6B35;--color-tangerine-700:#C2410C;--color-teal-500:#14A89B;--color-teal-700:#0E7C72;--color-pink-300:#FFA9C6;--color-sun-300:#FFD166;--color-ink-900:#231A33;--color-ink-600:#5A4E6B;--color-night-950:#120D1A;--color-night-900:#1C1527;--color-night-800:#2A2139;--color-lilac-200:#CFC3DD;--color-sand-200:#E9DFCB;--color-sand-300:#D8CDB8;--color-bg:var(--color-cream-100);--color-surface:var(--color-paper-50);--color-text:var(--color-ink-900);--color-text-muted:var(--color-ink-600);--color-line:var(--color-ink-900);--color-on-color:var(--color-ink-900);--color-ink:var(--color-ink-900);--color-ink-soft:var(--color-ink-600);--color-paper:var(--color-paper-50);--color-cream:var(--color-cream-100);--color-accent:var(--color-tangerine-500);--color-accent-2:var(--color-teal-500);--color-highlight:var(--color-pink-300);--color-sun:var(--color-sun-300);--color-focus:var(--color-teal-700);--color-error:var(--color-tangerine-700);--color-footer-bg:var(--color-ink-900);--color-footer-text:var(--color-cream-100);--color-footer-muted:var(--color-sand-200);--color-footer-fine:var(--color-sand-300);--color-footer-rule:color-mix(in srgb,var(--color-cream-100) 30%,transparent);--color-hatch:color-mix(in srgb,var(--color-line) 7%,transparent);--color-dots-board:color-mix(in srgb,var(--color-line) 18%,transparent);--color-dots-wall:color-mix(in srgb,var(--color-line) 22%,transparent);--color-rule-soft:color-mix(in srgb,var(--color-ink) 45%,transparent);--color-tape-edge:color-mix(in srgb,var(--color-ink) 35%,transparent);--color-backdrop:color-mix(in srgb,var(--color-ink) 70%,transparent);--color-glass:color-mix(in srgb,var(--color-surface) 92%,transparent);--font-display:"Bagel Fat One","Noto Sans KR",system-ui,sans-serif;--font-body:"Noto Sans KR",system-ui,-apple-system,sans-serif;--fs-hero:clamp(2.6rem,6.6vw,6.4rem);--fs-hero-m:clamp(2.3rem,11vw,3rem);--fs-h1:clamp(2.1rem,4.4vw,4rem);--fs-h2:clamp(1.7rem,3.2vw,2.75rem);--fs-h3:clamp(1.3rem,2vw,1.75rem);--fs-wordmark:clamp(5rem,21vw,19rem);--fs-body:1.0625rem;--fs-small:.875rem;--fs-3xs:.66rem;--fs-2xs:.72rem;--fs-xs:.8rem;--fs-sm:.9rem;--fs-md:1rem;--fs-md-lg:1.05rem;--fs-lg:1.15rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.7rem;--fs-4xl:2rem;--fs-5xl:2.2rem;--lh-wordmark:.82;--lh-sticker:1.05;--lh-snug-tight:1.1;--lh-tight:1.12;--lh-snug:1.2;--lh-h3:1.25;--lh-relaxed:1.5;--lh-body:1.6;--fw-body:400;--fw-medium:600;--fw-bold:700;--fw-heavy:800;--fw-black:900;--ls-display:-.01em;--ls-h3:-.02em;--ls-wordmark:-.03em;--ls-caps:.06em;--ls-caps-wide:.08em;--ls-label:.02em;--ls-sticker:.04em;--space-0:2px;--space-0h:3px;--space-1:4px;--space-1h:6px;--space-2:8px;--space-2h:10px;--space-3:12px;--space-3h:14px;--space-4:16px;--space-4h:18px;--space-5:24px;--space-5h:28px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--gutter:clamp(16px,4vw,48px);--maxw:1320px;--scroll-pad:96px;--scroll-pad-m:16px;--radius-2xs:2px;--radius-xs:6px;--radius-chip:10px;--radius-sm:12px;--radius-tab:14px;--radius-field:16px;--radius-md:18px;--radius-bar:20px;--radius-tile:22px;--radius-lg:28px;--radius-xl:36px;--radius-bubble:44px;--radius-pill:999px;--radius-squircle:34%;--radius-blob:62% 38% 54% 46%/44% 56% 44% 56%;--radius-bubble-round:50% 50% 46% 46%/30% 30% 36% 36%;--radius-token-head:50% 50% 42% 42%;--shape-star:polygon(50% 0%,61% 30%,93% 25%,70% 50%,93% 75%,61% 70%,50% 100%,39% 70%,7% 75%,30% 50%,7% 25%,39% 30%);--stroke:3px;--stroke-md:2.5px;--stroke-sm:2px;--sr-size:1px;--shadow-sm:3px 3px 0 var(--color-line);--shadow-md:6px 6px 0 var(--color-line);--shadow-lg:10px 10px 0 var(--color-line);--shadow-hover:5px 6px 0 var(--color-line);--shadow-press-sm:0 4px 0 var(--color-line);--shadow-press:0 6px 0 var(--color-line);--shadow-pressed:0 0 0 var(--color-line);--shadow-drag:8px 10px 0 var(--color-ink);--shadow-tile:4px 4px 0 var(--color-ink);--shadow-tile-on:6px 6px 0 var(--color-ink);--shadow-token:0 4px 0 var(--color-ink);--blur-glass:8px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-fade:ease;--dur-none:.01ms;--dur-xs:.2s;--dur-fast:.25s;--dur-sm:.4s;--dur-lb:.45s;--dur:.5s;--dur-deal:.55s;--dur-meter:.6s;--dur-md:.7s;--dur-slow:.8s;--dur-pop:.9s;--dur-loop:1.8s;--stagger:.08s;--delay-ln2:.12s;--delay-lead:.3s;--delay-ctas:.42s;--delay-sk-base:.5s;--delay-sk-step:.1s;--nudge-xs:2px;--nudge-sm:3px;--nudge-md:4px;--nudge-lg:6px;--nudge-xl:20px;--deal-y:24px;--rv-y:28px;--hop-y:-26px;--bounce-y:-18px;--btn-pad:14px 26px;--badge-pad:5px 14px;--kick-pad:6px 14px;--ph-lbl-pad:2px 10px;--ph-stripe:10px;--icon-sticker:2rem;--icon-sticker-m:1.5rem;--hd-pad:14px;--logo-pad:8px 16px 6px;--tabbar-pad:6px 6px 9px;--tab-pad:8px 14px;--tab-pad-md:8px 11px;--tab-pad-m:6px 2px;--tab-gap-m:5px;--tabbar-inset-m:10px;--tabbar-h-m:84px;--hero-pad-top:104px;--hero-pad-top-m:78px;--board-h:min(calc(100dvh - 150px),760px);--board-min-h:560px;--board-h-m:680px;--dots-board:26px;--dot-board:1.6px;--dot-board-fade:1.8px;--sk-1-w:132px;--sk-1-w-m:96px;--sk-2-pad:12px 22px;--sk-2-pad-m:9px 16px;--sk-3-w:88px;--sk-3-w-m:66px;--sk-4-w:82px;--sk-4-w-m:62px;--sk-5-w:118px;--sk-5-w-m:88px;--sk-6-pad:8px 18px;--sk-6-pad-m:6px 12px;--sk-7-w:104px;--sk-7-w-m:80px;--sk-8-w:96px;--sk-8-w-m:72px;--hint-bottom:16px;--chip-pad:16px 26px 16px 18px;--chip-pad-m:12px 18px 12px 12px;--chip-icon:40px;--chip-icon-m:34px;--stamp-size:96px;--stamp-size-m:80px;--stamp-top:-26px;--stamp-top-m:-22px;--stamp-right:28px;--stamp-right-m:14px;--point-pad:6px 12px;--dots-wall:34px;--dot-wall:2px;--dot-wall-fade:2.4px;--wall-col:240px;--pol-pad:14px 14px 18px;--pol-pad-m:8px 8px 12px;--pol-cap-gap:14px;--tape-w:96px;--tape-w-m:64px;--tape-h:30px;--tape-h-m:22px;--tape-top:-16px;--tape-top-m:-12px;--lb-w:880px;--lb-inset:32px;--hit-lg:48px;--gcard-w:300px;--gboard-h:500px;--gboard-h-m:760px;--gboard-inset:14px;--space-n:78px;--space-n-m:68px;--space-tag-pad:3px 12px;--space-tag-max-m:40vw;--trk-bed:46;--trk:38;--trk-dash:3;--trk-dasharray:2 14;--token-w:54px;--token-h:66px;--token-dy:17px;--token-head-inset:0 7px 18px;--token-base-h:24px;--token-star:18px;--token-star-top:10px;--gtag-pad:4px 14px;--dice-size:72px;--meter-h:14px;--deck-perspective:1400px;--deck-max-md:640px;--tc-drop-1:28px;--tc-drop-2:20px;--face-pad:14px;--face-pad-m:10px;--face-radius:22px;--face-radius-m:16px;--face-role-pad:8px 12px;--face-role-pad-m:6px 8px;--stat-h:12px;--move-pad:10px 12px;--move-pad-m:7px 8px;--quote-pad:28px 26px 26px;--quote-pad-blob:44px 40px 40px;--quote-pad-round:44px 36px 40px;--quote-pad-m:36px 30px 32px;--quote-tail:26px;--quote-tail-bottom:-15px;--quote-tail-left:42px;--quote-drop-1:40px;--quote-drop-2:28px;--quote-cap-gap:30px 0 0 12px;--avatar:44px;--tag-top:-14px;--tag-right:18px;--tag-pad:3px 10px;--order-max:860px;--stars-inset:30px;--stars-inset-m:25px;--star-size:60px;--star-size-m:50px;--star-ring:4px;--toggle-min:170px;--toggle-h:92px;--toggle-h-m:78px;--toggle-pad:14px 18px;--toggle-pad-m:12px 14px;--field-pad:14px 16px;--field-min-h:120px;--done-star:150px;--up-size:132px;--up-size-m:108px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--color-night-900);--color-surface:var(--color-night-800);--color-text:var(--color-cream-100);--color-text-muted:var(--color-lilac-200);--color-line:var(--color-cream-100);--color-focus:var(--color-teal-500);--color-error:var(--color-tangerine-500);--color-footer-bg:var(--color-night-950)}}:root[data-theme=dark]{--color-bg:var(--color-night-900);--color-surface:var(--color-night-800);--color-text:var(--color-cream-100);--color-text-muted:var(--color-lilac-200);--color-line:var(--color-cream-100);--color-focus:var(--color-teal-500);--color-error:var(--color-tangerine-500);--color-footer-bg:var(--color-night-950)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:var(--scroll-pad);background:var(--color-bg)}html:has(dialog[open]){overflow:hidden}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);word-break:keep-all}body,main{overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:var(--fw-body);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}h3{font-weight:var(--fw-heavy);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}img,video{max-width:100%;display:block}:focus-visible{outline:var(--stroke) solid var(--color-focus);outline-offset:var(--nudge-md);border-radius:var(--radius-xs)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:var(--sr-size);height:var(--sr-size);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{position:fixed;z-index:60;left:var(--space-4);top:var(--space-4);width:auto;height:auto;clip:auto;padding:var(--btn-pad);font-weight:var(--fw-heavy);background:var(--color-surface);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}section{position:relative}.ic{width:1.15em;height:1.15em;flex:none;fill:currentColor}.ph{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,var(--color-hatch) 0 var(--ph-stripe),transparent var(--ph-stripe) calc(var(--ph-stripe) * 2)),var(--color-surface);border:var(--stroke) solid var(--color-line);color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);overflow:hidden}.ph .lbl{background:var(--color-surface);border:var(--stroke-sm) solid var(--color-line);border-radius:var(--radius-pill);padding:var(--ph-lbl-pad);color:var(--color-text)}.media{display:block;width:100%;height:100%;object-fit:cover}.media.f-0-0{object-position:0 0}.media.f-50-0{object-position:50% 0}.media.f-100-0{object-position:100% 0}.media.f-0-50{object-position:0 50%}.media.f-50-50{object-position:50% 50%}.media.f-100-50{object-position:100% 50%}.media.f-0-100{object-position:0 100%}.media.f-50-100{object-position:50% 100%}.media.f-100-100{object-position:100% 100%}.btn{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:var(--fw-heavy);font-size:var(--fs-md);padding:var(--btn-pad);border-radius:var(--radius-pill);border:var(--stroke) solid var(--color-line);box-shadow:var(--shadow-sm);background:var(--color-surface);color:var(--color-text);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-spring)}.btn:hover{transform:translate(calc(var(--nudge-xs) * -1),calc(var(--nudge-sm) * -1)) rotate(-2deg);box-shadow:var(--shadow-hover)}.btn:active{transform:translate(var(--nudge-xs),var(--nudge-xs));box-shadow:var(--shadow-pressed)}.btn--primary{background:var(--color-accent)}.btn--primary,.btn--teal{color:var(--color-on-color);border-color:var(--color-ink)}.btn--teal{background:var(--color-accent-2)}.nav-row .btn[hidden],.nav-row[hidden]{display:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1h);font-size:var(--fs-xs);font-weight:var(--fw-heavy);padding:var(--badge-pad);border-radius:var(--radius-pill);border:var(--stroke-sm) solid var(--color-line);background:var(--color-surface);color:var(--color-text)}.badge--pink{background:var(--color-highlight)}.badge--pink,.badge--tan{color:var(--color-on-color);border-color:var(--color-ink)}.badge--tan{background:var(--color-accent)}.star{-webkit-clip-path:var(--shape-star);clip-path:var(--shape-star);display:grid;place-items:center}html.pop-js .rv{transition:opacity var(--dur-sm) var(--ease-fade),transform var(--dur-slow) var(--ease-spring);transition-delay:var(--d,0s)}html.pop-js .rv:not(.in){opacity:0;transform:translateY(var(--rv-y)) scale(.94) rotate(var(--tilt,0deg))}.sec{padding:var(--space-10) 0 var(--space-8)}.kick{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-black);font-size:var(--fs-small);letter-spacing:var(--ls-caps);text-transform:uppercase;padding:var(--kick-pad);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--kc,var(--color-highlight));color:var(--color-on-color);box-shadow:var(--shadow-sm);transform:rotate(-3deg);margin-bottom:var(--space-4)}.kick b{font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-md);letter-spacing:0}.kick--teal{--kc:var(--color-accent-2)}.kick--tan{--kc:var(--color-accent)}.kick--paper{--kc:var(--color-paper)}.sec-title{font-size:var(--fs-h1);max-width:20ch}.sec-sub{color:var(--color-text-muted);font-weight:var(--fw-medium);max-width:46ch;margin-top:var(--space-4)}.sec-sub.rv{--d:calc(var(--stagger) * 1.25)}.hd{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--hd-pad) var(--gutter);pointer-events:none}.hd>*{pointer-events:auto}.logo{flex:none;font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1;padding:var(--logo-pad);background:var(--color-highlight);color:var(--color-on-color);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transform:rotate(-3deg);transition:transform var(--dur) var(--ease-spring)}.logo:hover{transform:rotate(3deg) scale(1.06)}.tabbar{min-width:0;overflow-x:auto;scrollbar-width:none;padding:var(--tabbar-pad);background:var(--color-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--stroke) solid var(--color-line);border-radius:var(--radius-bar);box-shadow:var(--shadow-sm)}.tabbar,.tabbar a{display:flex;gap:var(--space-1h)}.tabbar a{flex:none;align-items:center;padding:var(--tab-pad);font-weight:var(--fw-heavy);font-size:var(--fs-sm);border:var(--stroke-md) solid var(--color-line);border-radius:var(--radius-tab);background:var(--color-bg);box-shadow:var(--shadow-press-sm);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-spring),background var(--dur-xs)}.tabbar a:hover{transform:translateY(calc(var(--nudge-xs) * -1));box-shadow:var(--shadow-press)}.tabbar a.tab--cta{background:var(--color-accent-2)}.tabbar a.tab--cta,.tabbar a[aria-current=true]{color:var(--color-on-color);border-color:var(--color-ink)}.tabbar a[aria-current=true]{transform:translateY(var(--nudge-md));box-shadow:var(--shadow-pressed);background:var(--color-accent)}.hero{padding:var(--hero-pad-top) 0 var(--space-8)}.board{position:relative;height:var(--board-h);min-height:var(--board-min-h);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(var(--color-dots-board) var(--dot-board),transparent var(--dot-board-fade)) 0 0/var(--dots-board) var(--dots-board),var(--color-surface);overflow:hidden;touch-action:pan-y}.board-copy{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 12%;pointer-events:none}.board-copy>*{pointer-events:auto}.board h1{font-size:var(--fs-hero);max-width:14ch}.board h1 .ln{display:block;animation:popUp var(--dur-pop) var(--ease-spring) both}.board h1 .ln:nth-child(2){animation-delay:var(--delay-ln2)}.board .lead{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text-muted);max-width:36ch;margin:var(--space-5) 0 var(--space-6);animation:fadeUp var(--dur-md) var(--ease-out) var(--delay-lead) both}.board-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;animation:fadeUp var(--dur-md) var(--ease-out) var(--delay-ctas) both}.board-hint{left:50%;bottom:var(--hint-bottom);transform:translateX(-50%);font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--color-text-muted);display:flex;gap:var(--space-1h);align-items:center;white-space:nowrap;pointer-events:none}.board-hint,.sk{position:absolute}.sk{z-index:2;border:var(--stroke) solid var(--color-ink);display:grid;place-items:center;text-align:center;font-weight:var(--fw-black);line-height:var(--lh-sticker);color:var(--color-on-color);cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;padding:0;transform:rotate(var(--r,0deg));box-shadow:var(--shadow-sm);transition:left var(--dur-md) var(--ease-spring),top var(--dur-md) var(--ease-spring),transform var(--dur-sm) var(--ease-spring),box-shadow var(--dur-xs);animation:slap var(--dur-md) var(--ease-spring) both;animation-delay:var(--d,var(--delay-sk-base))}.sk:hover{transform:rotate(calc(var(--r,0deg) * -1)) scale(1.06)}.sk.drag{cursor:-webkit-grabbing;cursor:grabbing;transition:transform var(--dur-xs) var(--ease-spring),box-shadow var(--dur-xs);transform:rotate(0) scale(1.1);box-shadow:var(--shadow-drag);z-index:5}.sk:focus-visible{outline-offset:var(--nudge-lg)}.sk .ic{width:var(--icon-sticker);height:var(--icon-sticker)}.sk-1{width:var(--sk-1-w);aspect-ratio:1;padding:0 2.2em;background:var(--color-accent);-webkit-clip-path:var(--shape-star);clip-path:var(--shape-star);border:none;box-shadow:none;font-size:var(--fs-md)}.sk-2{padding:var(--sk-2-pad);border-radius:var(--radius-pill);background:var(--color-highlight);font-size:var(--fs-md-lg)}.sk-3{width:var(--sk-3-w);border-radius:50%;background:var(--color-accent-2)}.sk-3,.sk-4{aspect-ratio:1}.sk-4{width:var(--sk-4-w);border-radius:var(--radius-squircle);background:var(--color-paper);color:var(--color-ink)}.sk-5{width:var(--sk-5-w);aspect-ratio:1.15;border-radius:var(--radius-blob);background:var(--color-highlight);font-size:var(--fs-2xl)}.sk-5,.sk-6{font-family:var(--font-display);font-weight:var(--fw-body)}.sk-6{padding:var(--sk-6-pad);background:var(--color-cream);color:var(--color-ink);font-size:var(--fs-xl);border-radius:var(--radius-xs);border-style:dashed}.sk-7{width:var(--sk-7-w);padding:0 2em;background:var(--color-accent-2);-webkit-clip-path:var(--shape-star);clip-path:var(--shape-star);border:none;box-shadow:none}.sk-7,.sk-8{aspect-ratio:1;font-size:var(--fs-xs)}.sk-8{width:var(--sk-8-w);padding:0 1.4em;border-radius:50%;background:var(--color-ink);color:var(--color-cream);border-color:var(--color-cream);outline:var(--stroke) solid var(--color-ink);letter-spacing:var(--ls-sticker)}.sk-1{--r:-10deg;left:4%;top:5%}.sk-2{--r:7deg;--d:calc(var(--delay-sk-base) + var(--delay-sk-step));left:80%;top:6%}.sk-3{--r:-4deg;--d:calc(var(--delay-sk-base) + 2 * var(--delay-sk-step));left:6%;top:72%}.sk-4{--r:12deg;--d:calc(var(--delay-sk-base) + 3 * var(--delay-sk-step));left:84%;top:70%}.sk-5{--r:-8deg;--d:calc(var(--delay-sk-base) + 4 * var(--delay-sk-step));left:26%;top:4%}.sk-6{--r:4deg;--d:calc(var(--delay-sk-base) + 5 * var(--delay-sk-step));left:58%;top:80%}.sk-7{--r:14deg;--d:calc(var(--delay-sk-base) + 6 * var(--delay-sk-step));left:88%;top:38%}.sk-8{--r:-12deg;--d:calc(var(--delay-sk-base) + 7 * var(--delay-sk-step));left:2%;top:38%}.mission-head{align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-7)}.chips,.mission-head{display:flex;flex-wrap:wrap}.chips{border:0;padding:0;margin:0 0 var(--space-6);gap:var(--space-4)}.chips.rv{--d:calc(var(--stagger) * 2)}.chip-in{position:relative}.chip-in input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.chip-in>span{display:flex;align-items:center;gap:var(--space-2h);padding:var(--chip-pad);font-weight:var(--fw-black);font-size:var(--fs-lg);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-press);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-spring),background var(--dur-xs)}.chip-in .ic{box-sizing:border-box;width:var(--chip-icon);height:var(--chip-icon);padding:var(--space-2);border-radius:50%;border:var(--stroke-md) solid var(--color-ink);background:var(--cc);color:var(--color-on-color)}.chip-in:hover>span{transform:translateY(calc(var(--nudge-sm) * -1)) rotate(-1.5deg)}.chip-in input:checked+span{background:var(--cc);color:var(--color-on-color);border-color:var(--color-ink);transform:translateY(var(--nudge-lg));box-shadow:var(--shadow-pressed)}.chip-in input:checked+span .ic{background:var(--color-paper)}.chip-in input:focus-visible+span{outline:var(--stroke) solid var(--color-focus);outline-offset:var(--nudge-md)}.chip-in:nth-of-type(4n+1){--cc:var(--color-highlight)}.chip-in:nth-of-type(4n+2){--cc:var(--color-accent)}.chip-in:nth-of-type(4n+3){--cc:var(--color-accent-2)}.chip-in:nth-of-type(4n+4){--cc:var(--color-sun)}.rec{display:none;grid-template-columns:.9fr 1.1fr;gap:var(--space-7);align-items:center;background:var(--color-surface);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);position:relative}.rec.rv{--d:calc(var(--stagger) * 2.5)}.mission:has(.chip-in:first-of-type input:checked) .rec:first-of-type,.mission:has(.chip-in:nth-of-type(2) input:checked) .rec:nth-of-type(2),.mission:has(.chip-in:nth-of-type(3) input:checked) .rec:nth-of-type(3),.mission:has(.chip-in:nth-of-type(4) input:checked) .rec:nth-of-type(4){display:grid}.rec:nth-of-type(4n+1){--rc:var(--color-highlight)}.rec:nth-of-type(4n+2){--rc:var(--color-accent)}.rec:nth-of-type(4n+3){--rc:var(--color-accent-2)}.rec:nth-of-type(4n+4){--rc:var(--color-sun)}.rec .media,.rec .ph{aspect-ratio:4/3;border-radius:var(--radius-md)}.rec .ph{background-color:var(--rc)}.rec .ph .lbl{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-ink)}.rec.swap{animation:dealIn var(--dur-deal) var(--ease-spring)}.rec h3{font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-h2);line-height:var(--lh-snug-tight);margin:var(--space-4) 0 var(--space-3)}.rec p{color:var(--color-text-muted);max-width:44ch}.rec ul{list-style:none;margin:var(--space-5) 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.rec li{display:flex;align-items:center;gap:var(--space-1h);font-weight:var(--fw-heavy);font-size:var(--fs-sm);padding:var(--point-pad);border:var(--stroke-sm) dashed var(--color-line);border-radius:var(--radius-sm)}.rec dl{display:flex;gap:var(--space-6);margin:0 0 var(--space-5)}.rec dt{font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--color-text-muted)}.rec dd{margin:0;font-size:var(--fs-lg)}.rec .stamp,.rec dd{font-weight:var(--fw-black)}.rec .stamp{position:absolute;z-index:1;top:var(--stamp-top);right:var(--stamp-right);width:var(--stamp-size);aspect-ratio:1;padding:0 2.2em;background:var(--color-accent);color:var(--color-on-color);font-size:var(--fs-xs);line-height:var(--lh-snug-tight);text-align:center;transform:rotate(12deg)}.work{background:radial-gradient(var(--color-dots-wall) var(--dot-wall),transparent var(--dot-wall-fade)) 0 0/var(--dots-wall) var(--dots-wall);border-block:var(--stroke) solid var(--color-line)}.work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-8)}.wall{columns:4 var(--wall-col);column-gap:var(--space-7)}.pol{display:block;width:100%;page-break-inside:avoid;break-inside:avoid;margin:0 0 var(--space-8);padding:var(--pol-pad);background:var(--color-paper);color:var(--color-ink);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);text-align:left;position:relative;transform:rotate(var(--tilt,0deg));transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-spring)}.pol:before{content:"";position:absolute;top:var(--tape-top);left:50%;width:var(--tape-w);height:var(--tape-h);background:color-mix(in srgb,var(--tape,var(--color-highlight)) 75%,transparent);border:var(--stroke-sm) dashed var(--color-tape-edge);transform:translateX(-50%) rotate(var(--tt,-4deg));z-index:1}.pol:nth-child(3n+2){--tape:var(--color-accent-2);--tt:5deg}.pol:nth-child(3n){--tape:var(--color-accent);--tt:-8deg}.pol:nth-child(5n+1){--tilt:-2deg}.pol:nth-child(5n+2){--tilt:1.5deg}.pol:nth-child(5n+3){--tilt:-1deg}.pol:nth-child(5n+4){--tilt:2.5deg}.pol:nth-child(5n){--tilt:-1.5deg}.pol:hover{transform:rotate(0) scale(1.04) translateY(calc(var(--nudge-lg) * -1));box-shadow:var(--shadow-lg);z-index:2}.pol .ph{border-radius:var(--radius-2xs);aspect-ratio:1;border-width:var(--stroke-sm);border-color:var(--color-ink);background-color:var(--color-cream);color:var(--color-ink-soft)}.pol:nth-child(8n+1) .ph,.pol:nth-child(8n+7) .ph{aspect-ratio:4/5}.pol:nth-child(8n) .ph,.pol:nth-child(8n+2) .ph{aspect-ratio:9/16}.pol:nth-child(8n+4) .ph{aspect-ratio:16/10}.pol:nth-child(8n+5) .ph{aspect-ratio:3/4}.pol .ph .lbl{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-ink)}.pol .media{height:auto;border-radius:var(--radius-2xs)}.pol b{display:block;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-xl);line-height:var(--lh-snug);margin-top:var(--pol-cap-gap)}.pol small{display:block;font-weight:var(--fw-bold);font-size:var(--fs-xs);color:var(--color-ink-soft)}.lb{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--color-surface);color:var(--color-text);padding:var(--space-5);width:min(var(--lb-w),calc(100vw - var(--lb-inset)));max-height:calc(100dvh - var(--lb-inset))}.lb::-webkit-backdrop{background:var(--color-backdrop)}.lb::backdrop{background:var(--color-backdrop)}.lb[open]{animation:dealIn var(--dur-lb) var(--ease-spring)}.lb-media .media,.lb-media .ph{max-height:60dvh;width:auto;max-width:100%;margin:0 auto;border-radius:var(--radius-md)}.lb-media .ph{aspect-ratio:16/9}.lb-media .media{height:auto;object-fit:contain}.lb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-5)}.lb-title{font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-h3);margin-top:var(--space-2h)}.lb-desc{color:var(--color-text-muted);margin-top:var(--space-2)}.lb-meta:empty{display:none}.x{flex:none;width:var(--hit-lg);height:var(--hit-lg);border-radius:50%;border:var(--stroke) solid var(--color-ink);background:var(--color-highlight);color:var(--color-on-color);display:grid;place-items:center;box-shadow:var(--shadow-sm);font-size:var(--fs-xl);transition:transform var(--dur-fast) var(--ease-spring)}.x:hover{transform:rotate(90deg)}.game-wrap{display:grid;grid-template-columns:1fr var(--gcard-w);grid-gap:var(--space-6);gap:var(--space-6);align-items:stretch;margin-top:var(--space-7)}.gboard{position:relative;height:var(--gboard-h);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-accent-2);box-shadow:var(--shadow-lg);overflow:hidden}.gboard:before{content:"";position:absolute;inset:var(--gboard-inset);border:var(--stroke) dashed var(--color-rule-soft);border-radius:var(--radius-md);pointer-events:none}.gboard svg{position:absolute;inset:0;width:100%;height:100%}.gboard svg path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.trk-bed{stroke:var(--color-ink);stroke-width:var(--trk-bed)}.trk{stroke:var(--color-cream);stroke-width:var(--trk)}.trk-dash{stroke:var(--color-ink);stroke-width:var(--trk-dash);stroke-dasharray:var(--trk-dasharray);opacity:.45}.p-m{display:none}.spaces{list-style:none;margin:0;padding:0}.space{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;grid-gap:var(--space-1h);gap:var(--space-1h);z-index:1}.space .n{width:var(--space-n);aspect-ratio:1;border-radius:var(--radius-tile);display:grid;place-items:center;border:var(--stroke) solid var(--color-ink);background:var(--sc,var(--color-paper));color:var(--color-on-color);font-family:var(--font-display);font-size:var(--fs-4xl);box-shadow:var(--shadow-tile);transform:rotate(var(--sr,-4deg));transition:transform var(--dur-sm) var(--ease-spring),box-shadow var(--dur-fast)}.space:nth-child(6n+1){--sc:var(--color-highlight)}.space:nth-child(6n+2){--sc:var(--color-cream);--sr:5deg}.space:nth-child(6n+3){--sc:var(--color-accent)}.space:nth-child(6n+4){--sc:var(--color-paper);--sr:3deg}.space:nth-child(6n+5){--sc:var(--color-highlight);--sr:-6deg}.space:nth-child(6n){--sc:var(--color-cream);--sr:4deg}.space .l{font-weight:var(--fw-black);font-size:var(--fs-sm);background:var(--color-paper);color:var(--color-ink);border:var(--stroke-md) solid var(--color-ink);border-radius:var(--radius-pill);padding:var(--space-tag-pad);white-space:nowrap}.space[aria-current=step] .n{transform:rotate(0) scale(1.14);box-shadow:var(--shadow-tile-on)}.gboard.n1 .space:first-child,.gboard.n2 .space:first-child{--x:10%;--y:68%;--mx:28%;--my:12%}.gboard.n2 .space:nth-child(2){--x:90%;--y:30%;--mx:72%;--my:88%}.gboard.n3 .space:first-child{--x:10%;--y:68%;--mx:28%;--my:12%}.gboard.n3 .space:nth-child(2){--x:50%;--y:30%;--mx:72%;--my:50%}.gboard.n3 .space:nth-child(3){--x:90%;--y:68%;--mx:28%;--my:88%}.gboard.n4 .space:first-child{--x:10%;--y:68%;--mx:28%;--my:12%}.gboard.n4 .space:nth-child(2){--x:36.67%;--y:30%;--mx:72%;--my:37.33%}.gboard.n4 .space:nth-child(3){--x:63.33%;--y:68%;--mx:28%;--my:62.67%}.gboard.n4 .space:nth-child(4){--x:90%;--y:30%;--mx:72%;--my:88%}.gboard.n5 .space:first-child{--x:10%;--y:68%;--mx:28%;--my:12%}.gboard.n5 .space:nth-child(2){--x:30%;--y:30%;--mx:72%;--my:31%}.gboard.n5 .space:nth-child(3){--x:50%;--y:68%;--mx:28%;--my:50%}.gboard.n5 .space:nth-child(4){--x:70%;--y:30%;--mx:72%;--my:69%}.gboard.n5 .space:nth-child(5){--x:90%;--y:68%;--mx:28%;--my:88%}.gboard.n6 .space:first-child{--x:10%;--y:68%;--mx:28%;--my:12%}.gboard.n6 .space:nth-child(2){--x:26%;--y:30%;--mx:72%;--my:27.2%}.gboard.n6 .space:nth-child(3){--x:42%;--y:68%;--mx:28%;--my:42.4%}.gboard.n6 .space:nth-child(4){--x:58%;--y:30%;--mx:72%;--my:57.6%}.gboard.n6 .space:nth-child(5){--x:74%;--y:68%;--mx:28%;--my:72.8%}.gboard.n6 .space:nth-child(6){--x:90%;--y:30%;--mx:72%;--my:88%}.token{position:absolute;z-index:3;left:10%;top:calc(68% - var(--token-dy));width:var(--token-w);height:var(--token-h);transform:translate(-50%,-112%);transition:left var(--dur-md) var(--ease-spring),top var(--dur-md) var(--ease-spring);pointer-events:none}.token:before{inset:var(--token-head-inset);border-radius:var(--radius-token-head);border:var(--stroke) solid var(--color-ink)}.token:after,.token:before{content:"";position:absolute;background:var(--color-highlight)}.token:after{left:0;right:0;bottom:0;height:var(--token-base-h);border-radius:50%;border:var(--stroke) solid var(--color-ink);box-shadow:var(--shadow-token)}.token span{position:absolute;z-index:1;left:50%;top:var(--token-star-top);width:var(--token-star);height:var(--token-star);transform:translateX(-50%);background:var(--color-accent);-webkit-clip-path:var(--shape-star);clip-path:var(--shape-star)}.token.hop{animation:hop var(--dur-md) var(--ease-spring)}.gtag{position:absolute;z-index:2;font-family:var(--font-display);font-size:var(--fs-md-lg);padding:var(--gtag-pad);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-chip);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-sm)}.gtag.s{left:3%;top:40%;transform:rotate(-8deg)}.gtag.g{right:2.5%;top:36%;transform:rotate(7deg);background:var(--color-accent)}.gboard:is(.n2,.n4,.n6) .gtag.g{top:56%}.gcard{background:var(--color-surface);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.dice{width:var(--dice-size);aspect-ratio:1;border-radius:var(--radius-md);border:var(--stroke) solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);display:grid;place-items:center;font-size:var(--fs-5xl);box-shadow:var(--shadow-sm);transform:rotate(-6deg)}.dice,.gcard h3{font-family:var(--font-display)}.gcard h3{font-weight:var(--fw-body);font-size:var(--fs-3xl)}.gcard p{color:var(--color-text-muted)}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--meter-h);border:var(--stroke-md) solid var(--color-line);border-radius:var(--radius-pill);overflow:hidden;margin-top:auto;background:transparent}.meter::-webkit-progress-bar{background:transparent}.meter::-webkit-progress-value{background:var(--color-accent);border-right:var(--stroke-md) solid var(--color-line);-webkit-transition:width var(--dur-meter) var(--ease-spring);transition:width var(--dur-meter) var(--ease-spring)}.meter::-moz-progress-bar{background:var(--color-accent)}.flip-hint{display:flex;align-items:center;gap:var(--space-1h);font-weight:var(--fw-heavy);color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:var(--space-3)}.deck{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-7);perspective:var(--deck-perspective)}.tc{position:relative;aspect-ratio:5/7;border:0;padding:0;background:none;transform:rotate(var(--tilt,0deg));transition:transform var(--dur) var(--ease-spring)}.tc:nth-child(4n+1){--tilt:-2deg;--fc:var(--color-accent)}.tc:nth-child(4n+2){--tilt:1.5deg;--fc:var(--color-accent-2);--d:var(--stagger);margin-top:var(--tc-drop-1)}.tc:nth-child(4n+3){--tilt:-1deg;--fc:var(--color-highlight);--d:calc(var(--stagger) * 2)}.tc:nth-child(4n+4){--tilt:2.5deg;--fc:var(--color-sun);--d:calc(var(--stagger) * 3);margin-top:var(--tc-drop-2)}.tc:hover{transform:rotate(0) translateY(calc(var(--nudge-lg) * -1))}.tc-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease-spring)}.tc[aria-pressed=true] .tc-in{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;gap:var(--space-2h);padding:var(--face-pad);border:var(--stroke) solid var(--color-ink);border-radius:var(--face-radius);box-shadow:var(--shadow-md);text-align:left;color:var(--color-on-color);background:var(--fc)}.face .top{display:flex;justify-content:space-between;align-items:center;font-weight:var(--fw-black);font-size:var(--fs-xs)}.face .top b{font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-xl)}.face .media,.face .ph{flex:1 1;min-height:0;border-radius:var(--radius-tab)}.face .ph{background-color:var(--color-paper);color:var(--color-ink-soft)}.face .ph,.face .ph .lbl{border-color:var(--color-ink)}.face .ph .lbl{background:var(--color-paper);color:var(--color-ink)}.face .media{border:var(--stroke) solid var(--color-ink)}.face .role{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:var(--fw-heavy);font-size:var(--fs-small);border:var(--stroke-md) solid var(--color-ink);border-radius:var(--radius-sm);padding:var(--face-role-pad)}.back,.face .role{background:var(--color-paper);color:var(--color-ink)}.back{transform:rotateY(180deg);gap:var(--space-3)}.back-h{display:block;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-xl);line-height:var(--lh-snug-tight)}.stat{display:grid;grid-template-columns:5.5em 1fr 2em;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-heavy)}.stat progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--stat-h);border:var(--stroke-sm) solid var(--color-ink);border-radius:var(--radius-pill);overflow:hidden;background:transparent}.stat progress::-webkit-progress-bar{background:transparent}.stat progress::-webkit-progress-value{background:var(--fc)}.stat progress::-moz-progress-bar{background:var(--fc)}.back .move{margin-top:auto;padding:var(--move-pad);border-radius:var(--radius-sm);background:var(--fc);border:var(--stroke-md) solid var(--color-ink);font-weight:var(--fw-heavy);font-size:var(--fs-small);line-height:var(--lh-h3)}.shop{background:var(--color-highlight);color:var(--color-on-color);border-block:var(--stroke) solid var(--color-ink)}.shop .sec-sub{color:var(--color-ink-soft)}.shelf{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8) var(--space-7);gap:var(--space-8) var(--space-7);margin-top:var(--space-8);align-items:start}.quote{position:relative;margin:0;transform:rotate(var(--tilt,0deg));transition:transform var(--dur) var(--ease-spring)}.quote:hover{transform:rotate(0) scale(1.03)}.quote blockquote{margin:0;position:relative;padding:var(--quote-pad);border:var(--stroke) solid var(--color-ink);background:var(--qc,var(--color-paper));color:var(--color-ink);box-shadow:var(--shadow-md);font-weight:var(--fw-bold);font-size:var(--fs-md-lg);line-height:var(--lh-relaxed)}.quote blockquote:after{content:"";position:absolute;width:var(--quote-tail);height:var(--quote-tail);background:inherit;border:solid var(--color-ink);border-width:0 var(--stroke) var(--stroke) 0;bottom:var(--quote-tail-bottom);left:var(--tail,var(--quote-tail-left));transform:rotate(45deg) skew(8deg,8deg)}.quote blockquote b{display:block;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-2xl);line-height:var(--lh-snug);margin-bottom:var(--space-2h)}.quote figcaption{display:flex;align-items:center;gap:var(--space-2h);margin:var(--quote-cap-gap);font-weight:var(--fw-heavy);font-size:var(--fs-sm)}.quote figcaption .media,.quote figcaption .ph{width:var(--avatar);height:var(--avatar);border-radius:50%;flex:none}.quote figcaption .ph{border-width:var(--stroke-md);border-color:var(--color-ink);background-color:var(--color-paper)}.quote figcaption .ph .lbl{display:none}.quote figcaption small{display:block;font-weight:var(--fw-bold);color:var(--color-ink-soft)}.quote .tag{position:absolute;z-index:2;top:var(--tag-top);right:var(--tag-right);font-size:var(--fs-2xs);font-weight:var(--fw-black);letter-spacing:var(--ls-caps);padding:var(--tag-pad);border:var(--stroke-md) solid var(--color-ink);border-radius:var(--radius-xs);background:var(--color-cream);color:var(--color-ink);transform:rotate(6deg)}.quote:nth-child(6n+1) blockquote{border-radius:var(--radius-blob);padding:var(--quote-pad-blob);--qc:var(--color-cream)}.quote:nth-child(6n+2) blockquote{border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) var(--radius-chip);--qc:var(--color-accent-2)}.quote:nth-child(6n+3) blockquote{border-radius:var(--radius-bubble-round);padding:var(--quote-pad-round);text-align:center;--qc:var(--color-accent);--tail:50%}.quote:nth-child(6n+4) blockquote{border-radius:var(--radius-chip) var(--radius-bubble) var(--radius-bubble) var(--radius-bubble);--qc:var(--color-paper)}.quote:nth-child(6n+5) blockquote{border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) var(--radius-chip);--qc:var(--color-cream)}.quote:nth-child(6n) blockquote{border-radius:var(--radius-blob);padding:var(--quote-pad-blob);--qc:var(--color-sun)}.quote:nth-child(6n+1){--tilt:-2deg}.quote:nth-child(6n+2){--tilt:1.5deg;--d:var(--stagger);margin-top:var(--quote-drop-1)}.quote:nth-child(6n+3){--tilt:-1deg;--d:calc(var(--stagger) * 2)}.quote:nth-child(6n+4){--tilt:2deg}.quote:nth-child(6n+5){--tilt:-2.5deg;--d:var(--stagger);margin-top:var(--quote-drop-2)}.quote:nth-child(6n){--tilt:1deg;--d:calc(var(--stagger) * 2)}.contact-head{text-align:center}.contact-head .sec-sub,.contact-head .sec-title{margin-inline:auto}.order{max-width:var(--order-max);margin:var(--space-7) auto 0;background:var(--color-surface);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-7)}.order,.stars{position:relative}.stars{list-style:none;margin:0 0 var(--space-7);padding:0;display:flex;align-items:center;justify-content:space-between}.stars:before{content:"";position:absolute;left:var(--stars-inset);right:var(--stars-inset);top:var(--stars-inset);border-top:var(--stroke) dashed var(--color-line);opacity:.5}.stars li{position:relative;display:grid;justify-items:center;grid-gap:var(--space-1h);gap:var(--space-1h);font-weight:var(--fw-heavy);font-size:var(--fs-small);color:var(--color-text-muted)}.stars .st{width:var(--star-size);aspect-ratio:1;background:var(--color-line);display:grid;place-items:center;transition:transform var(--dur) var(--ease-spring)}.stars .st,.stars .st:before{-webkit-clip-path:var(--shape-star);clip-path:var(--shape-star)}.stars .st:before{content:"";position:absolute;inset:var(--star-ring);background:var(--color-surface);transition:background var(--dur-fast)}.stars .st b{position:relative;font-family:var(--font-display);font-weight:var(--fw-body);font-size:var(--fs-md-lg)}.stars .st b,.stars li.on{color:var(--color-text)}.stars li.on .st{transform:rotate(18deg) scale(1.1)}.stars li.on .st:before{background:var(--color-accent)}.stars li.on .st b{color:var(--color-on-color)}.order fieldset{border:0;margin:0;padding:0;min-width:0}.order .step+.step{margin-top:var(--space-7)}html.pop-js .order .step:not(.on){display:none}html.pop-js .order .step+.step{margin-top:0}html:not(.pop-js) .order [data-next],html:not(.pop-js) .order [data-prev]{display:none}.order legend:focus{outline:none}.order legend{font-family:var(--font-display);font-size:var(--fs-h3);line-height:var(--lh-snug);margin-bottom:var(--space-2);padding:0}.order .hint{color:var(--color-text-muted);font-weight:var(--fw-medium);margin-bottom:var(--space-5)}.toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--toggle-min),1fr));grid-gap:var(--space-4);gap:var(--space-4)}.tg{position:relative}.tg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.tg>span{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--toggle-h);justify-content:center;padding:var(--toggle-pad);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-bar);background:var(--color-bg);box-shadow:var(--shadow-press);font-weight:var(--fw-black);font-size:var(--fs-md-lg);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-spring),background var(--dur-xs)}.tg small{font-weight:var(--fw-bold);font-size:var(--fs-xs);color:var(--color-text-muted)}.tg:hover>span{transform:translateY(calc(var(--nudge-sm) * -1))}.tg input:checked+span{transform:translateY(var(--nudge-lg));box-shadow:var(--shadow-pressed);background:var(--color-accent-2);border-color:var(--color-ink)}.tg input:checked+span,.tg input:checked+span small{color:var(--color-on-color)}.tg input:focus-visible+span{outline:var(--stroke) solid var(--color-focus);outline-offset:var(--nudge-md)}.fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.fields label{display:grid;grid-gap:var(--space-1h);gap:var(--space-1h);font-weight:var(--fw-heavy);font-size:var(--fs-sm)}.fields label.full{grid-column:1/-1}.fields input,.fields textarea{font:inherit;font-weight:var(--fw-medium);color:var(--color-text);background:var(--color-bg);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-field);padding:var(--field-pad);width:100%}.fields textarea{min-height:var(--field-min-h);resize:vertical}.fields input:focus-visible,.fields textarea:focus-visible{outline:var(--stroke) solid var(--color-focus);outline-offset:var(--nudge-xs)}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-7)}.err{color:var(--color-error);font-weight:var(--fw-heavy);min-height:1.6em;margin-top:var(--space-4)}.done{text-align:center;padding:var(--space-6) 0}.done .star{width:var(--done-star);aspect-ratio:1;background:var(--color-accent);margin:0 auto var(--space-5);color:var(--color-on-color);font-size:var(--fs-xl);animation:slap var(--dur-md) var(--ease-spring) both}.done .star,.done h3{font-family:var(--font-display)}.done h3{font-weight:var(--fw-body);font-size:var(--fs-h2)}.done p{color:var(--color-text-muted);margin-top:var(--space-3)}.ft{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-9) 0 var(--space-6);border-top:var(--stroke) solid var(--color-line);position:relative;overflow:hidden}.ft-map{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;grid-gap:var(--space-6);gap:var(--space-6);padding-bottom:var(--space-8);border-bottom:var(--stroke-sm) dashed var(--color-footer-rule)}.ft h4{margin:0 0 var(--space-3);font-size:var(--fs-xs);letter-spacing:var(--ls-caps-wide);text-transform:uppercase;color:var(--color-highlight)}.ft ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-1h);gap:var(--space-1h)}.ft ul a{font-weight:var(--fw-bold);transition:color var(--dur-xs)}.ft ul a:hover{color:var(--color-highlight)}.ft dl{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-1h) var(--space-4);gap:var(--space-1h) var(--space-4);margin:0;font-size:var(--fs-md)}.ft dt{font-weight:var(--fw-heavy);color:var(--color-highlight)}.ft dd{margin:0;color:var(--color-footer-muted)}.ft-mark{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-7)}.wordmark{font-family:var(--font-display);font-size:var(--fs-wordmark);line-height:var(--lh-wordmark);letter-spacing:var(--ls-wordmark);color:var(--color-footer-text);margin:0;overflow-wrap:break-word}.wordmark span{color:var(--color-accent)}.up{flex:none;width:var(--up-size);aspect-ratio:1;background:var(--color-highlight);color:var(--color-ink);text-align:center;font-weight:var(--fw-black);font-size:var(--fs-sm);line-height:var(--lh-snug-tight);animation:bounce var(--dur-loop) var(--ease-spring) 3}.up .ic{display:block;width:var(--icon-sticker-m);height:var(--icon-sticker-m);margin:0 auto var(--space-0)}.up:hover{background:var(--color-accent)}.ft .bottom{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--fs-small);color:var(--color-footer-fine)}.ft .bottom,.legal{display:flex;flex-wrap:wrap}.legal{gap:var(--space-1) var(--space-4)}.legal a{font-weight:var(--fw-bold)}@keyframes popUp{0%{transform:translateY(40%) rotate(4deg);opacity:0}to{transform:none;opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(var(--nudge-xl))}to{opacity:1;transform:none}}@keyframes slap{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@keyframes dealIn{0%{opacity:0;transform:translateY(var(--deal-y)) rotate(-3deg) scale(.96)}to{opacity:1;transform:none}}@keyframes hop{0%,to{translate:0 0}40%{translate:0 var(--hop-y)}}@keyframes bounce{0%,to{translate:0 0;rotate:-6deg}50%{translate:0 var(--bounce-y);rotate:6deg}}@media (min-width:768px) and (max-width:1100px){.tabbar a span{position:absolute;width:var(--sr-size);height:var(--sr-size);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tabbar a{padding:var(--tab-pad-md)}}@media (max-width:1100px){.deck{grid-template-columns:repeat(2,1fr);max-width:var(--deck-max-md);margin-inline:auto}.tc:nth-child(n){margin-top:0}.shelf{grid-template-columns:repeat(2,1fr)}.quote:nth-child(n){margin-top:0}.game-wrap{grid-template-columns:1fr}}@media (max-width:767px){html{scroll-padding-top:var(--scroll-pad-m)}body:has(.tabbar){padding-bottom:calc(var(--tabbar-h-m) + env(safe-area-inset-bottom))}.hd{position:absolute;padding:var(--hd-pad) var(--space-4)}.tabbar{position:fixed;left:var(--tabbar-inset-m);right:var(--tabbar-inset-m);bottom:calc(var(--tabbar-inset-m) + env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc((100% - 4 * var(--tab-gap-m)) / 5),1fr);grid-gap:var(--tab-gap-m);gap:var(--tab-gap-m);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border-radius:var(--radius-tile);z-index:40}.tabbar a{flex-direction:column;gap:var(--space-0);padding:var(--tab-pad-m);font-size:var(--fs-2xs);border-radius:var(--radius-sm);justify-content:center;scroll-snap-align:start}.tabbar a .ic{width:var(--fs-xl);height:var(--fs-xl)}.sec{padding:var(--space-9) 0 var(--space-7)}.btn{white-space:normal}.hero{padding:var(--hero-pad-top-m) 0 var(--space-6)}.board{height:var(--board-h-m);min-height:0;border-radius:var(--radius-lg)}.board-hint{display:none}.board-copy{padding:0 var(--space-4h)}.board h1{font-size:var(--fs-hero-m)}.board .lead{font-size:var(--fs-md);margin:var(--space-4) 0 var(--space-5)}.sk-1{width:var(--sk-1-w-m);font-size:var(--fs-xs);left:2%;top:2%}.sk-2{padding:var(--sk-2-pad-m);font-size:var(--fs-sm);left:48%;top:17%}.sk-3{width:var(--sk-3-w-m);left:3%;top:79%}.sk-4{width:var(--sk-4-w-m);left:78%;top:86%}.sk-5{width:var(--sk-5-w-m);font-size:var(--fs-lg);left:30%;top:5%}.sk-6{font-size:var(--fs-md);padding:var(--sk-6-pad-m);left:24%;top:91%}.sk-7{width:var(--sk-7-w-m);left:76%;top:2%}.sk-7,.sk-8{font-size:var(--fs-3xs)}.sk-8{width:var(--sk-8-w-m);left:52%;top:79%}.sk .ic{width:var(--icon-sticker-m);height:var(--icon-sticker-m)}.chip-in>span{font-size:var(--fs-md);padding:var(--chip-pad-m)}.chip-in .ic{width:var(--chip-icon-m);height:var(--chip-icon-m)}.chips{gap:var(--space-3)}.rec:nth-of-type(n){grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5)}.rec .stamp{width:var(--stamp-size-m);top:var(--stamp-top-m);right:var(--stamp-right-m);font-size:var(--fs-2xs)}.rec dl{gap:var(--space-5)}.wall{column-count:2;column-gap:var(--space-4)}.pol{padding:var(--pol-pad-m);margin-bottom:var(--space-6)}.pol:before{width:var(--tape-w-m);height:var(--tape-h-m);top:var(--tape-top-m)}.pol b{font-size:var(--fs-md);margin-top:var(--space-2)}.pol small{font-size:var(--fs-2xs)}.gboard{height:var(--gboard-h-m)}.p-d{display:none}.p-m{display:inline}.space{left:var(--mx);top:var(--my)}.space .n{width:var(--space-n-m);font-size:var(--fs-3xl)}.space .l{white-space:normal;max-width:var(--space-tag-max-m);text-align:center}.token{left:28%;top:calc(12% - var(--token-dy))}.gtag.s{left:auto;right:8%;top:5%}.gboard:is(.n2,.n4,.n6) .gtag.g,.gtag.g{right:8%;left:auto;top:auto;bottom:6%}.gboard:is(.n2,.n4,.n6) .gtag.g{right:auto;left:8%}.deck{gap:var(--space-4)}.face{padding:var(--face-pad-m);gap:var(--space-2);border-radius:var(--face-radius-m)}.face .top{font-size:var(--fs-2xs)}.face .top b{font-size:var(--fs-md)}.face .role{font-size:var(--fs-2xs);padding:var(--face-role-pad-m)}.back{gap:var(--space-2)}.back-h{font-size:var(--fs-md)}.stat{grid-template-columns:1fr;gap:var(--space-0);font-size:var(--fs-3xs)}.stat span:nth-child(3){display:none}.back .move{font-size:var(--fs-2xs);padding:var(--move-pad-m)}.shelf{grid-template-columns:1fr;gap:var(--space-8)}.quote:nth-child(6n) blockquote,.quote:nth-child(6n+1) blockquote,.quote:nth-child(6n+3) blockquote{padding:var(--quote-pad-m)}.order{padding:var(--space-6) var(--space-5)}.stars .st{width:var(--star-size-m)}.stars:before{top:var(--stars-inset-m)}.fields{grid-template-columns:1fr}.toggles{grid-template-columns:1fr 1fr}.tg>span{min-height:var(--toggle-h-m);font-size:var(--fs-md);padding:var(--toggle-pad-m)}.ft-map{grid-template-columns:1fr 1fr}.ft-map>.ft-visit{grid-column:1/-1}.ft-mark{flex-direction:column;align-items:flex-start}.up{width:var(--up-size-m);align-self:flex-end}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:var(--dur-none)!important;transition-delay:0s!important;scroll-behavior:auto!important}html.pop-js .rv:not(.in){opacity:1;transform:rotate(var(--tilt,0deg))}}.fs-sec{--fs-max:var(--maxw);--fs-max-narrow:calc(var(--maxw) * .6);--fs-max-wide:calc(var(--maxw) * 1.2);--fs-pad-s:var(--space-8);--fs-pad-m:var(--space-9);--fs-pad-l:calc(var(--space-9) + var(--space-8));--fs-gap-s:var(--space-4);--fs-gap-m:var(--space-6);--fs-gap-l:var(--space-8);--fs-row-gap:var(--space-8);--fs-el-gap:var(--space-4);--fs-space-s:var(--space-4);--fs-space-m:var(--space-6);--fs-space-l:var(--space-8);--fs-spacer-s:var(--space-4);--fs-spacer-m:var(--space-6);--fs-spacer-l:var(--space-9);--fs-measure:calc(var(--space-9) * 6.5);--fs-round:var(--radius-lg)}.fs-tone-dark{background:var(--color-footer-bg);color:var(--color-footer-text)}.fs-tone-accent{background:var(--color-sun);color:var(--color-on-color)}.fs-h{font-family:var(--font-display);font-weight:var(--fw-body);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}.fs-h2{font-size:var(--fs-h2)}.fs-h3,.fs-size-s .fs-h2{font-size:var(--fs-h3)}.fs-size-l .fs-h2{font-size:var(--fs-h1)}.fs-size-s .fs-h3{font-size:var(--fs-xl)}.fs-size-l .fs-h3{font-size:var(--fs-h2)}.fs-el-list,.fs-el-text p{color:var(--color-text-muted)}.fs-tone-dark .fs-el-list,.fs-tone-dark .fs-el-text p,.fs-tone-dark figcaption{color:var(--color-footer-muted)}.fs-tone-accent .fs-el-list,.fs-tone-accent .fs-el-text p,.fs-tone-accent figcaption{color:var(--color-on-color)}.fs-el-list.fs-size-s,.fs-el-text.fs-size-s{font-size:var(--fs-small)}.fs-el-list.fs-size-l,.fs-el-text.fs-size-l{font-size:var(--fs-xl);line-height:var(--lh-relaxed)}.fs-el-list li::marker{color:var(--color-accent)}.fs-tone-accent .fs-el-list li::marker{color:var(--color-on-color)}.fs-el-image figcaption{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--color-text-muted)}.fs-media,.fs-ph{border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-md)}.fs-size-s .btn.fs-btn{padding:var(--space-2) var(--space-4);font-size:var(--fs-small)}.fs-size-l .btn.fs-btn{padding:var(--space-4) var(--space-6);font-size:var(--fs-xl)}.fs-link{color:inherit;font-weight:var(--fw-heavy);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-decoration-thickness:var(--stroke)}.fs-size-s .fs-link{font-size:var(--fs-small)}.fs-size-l .fs-link{font-size:var(--fs-xl)}.fs-el-divider hr{border-top:var(--stroke) dashed}@media (min-width:1101px){.v-cols-3 .deck{grid-template-columns:repeat(3,1fr)}.v-cols-2 .shelf{grid-template-columns:repeat(2,1fr)}}