@layer organisms{.play-mode{z-index:var(--z-play-mode);color:var(--game-ink);font-family:var(--font-sans);isolation:isolate;position:fixed;inset:0}.play-mode__canvas{background:color-mix(in oklch, var(--game-canvas) 74%, transparent);touch-action:none;width:100%;height:100%;position:absolute;inset:0}.play-mode__hud,.play-mode__actions,.play-mode__controls,.play-mode__brief,.play-mode__result{z-index:2;position:fixed}.play-mode__hud{top:max(var(--space-4), env(safe-area-inset-top));left:max(var(--space-4), env(safe-area-inset-left));border:1px solid var(--game-line);border-radius:var(--radius-pill);background:var(--game-hud);box-shadow:var(--shadow-nav);flex-wrap:wrap;display:flex;overflow:hidden}.play-mode__hud span{gap:var(--space-2);padding:var(--space-2) var(--space-3);font:600 var(--text-control) var(--font-mono);grid-template-columns:auto auto;align-items:baseline;display:grid}.play-mode__hud span+span{border-left:1px solid var(--game-line)}.play-mode__hud small{color:var(--color-text-muted);text-transform:uppercase;font-size:.62rem;font-weight:500}.play-mode__actions{top:max(var(--space-4), env(safe-area-inset-top));right:max(var(--space-4), env(safe-area-inset-right));gap:var(--space-2);display:flex}.play-mode__actions button,.play-mode__result button{min-height:var(--hit-area);padding:var(--space-2) var(--space-4);border:1px solid var(--game-line);border-radius:var(--radius-pill);background:var(--game-hud);box-shadow:var(--shadow-nav);font-weight:600}.play-mode kbd{margin-left:var(--space-2);color:var(--color-text-muted);font:var(--text-meta) var(--font-mono)}.play-mode__brief{gap:var(--space-2);width:min(34rem,100% - 2rem);padding:var(--space-5);border-radius:var(--radius-lg);color:var(--color-surface);background:var(--game-signal-strong);text-align:center;transition:opacity var(--duration-layout) var(--ease-out-expo), transform var(--duration-layout) var(--ease-out-expo);pointer-events:none;display:grid;top:17%;left:50%;transform:translate(-50%)}.play-mode__brief strong{font:600 var(--text-h3) / .95 var(--font-sans);letter-spacing:-.045em}.play-mode__brief span{opacity:.76}.play-mode__brief[data-hidden=true]{opacity:0;transform:translate(-50%)translateY(-1rem)scale(.98)}.play-mode__controls{left:max(var(--space-4), env(safe-area-inset-left));bottom:max(var(--space-4), env(safe-area-inset-bottom));padding:var(--space-2) var(--space-3);border:1px solid var(--game-line);border-radius:var(--radius-pill);background:var(--game-hud);box-shadow:var(--shadow-nav);font:var(--text-meta) var(--font-mono)}.play-mode__result{width:min(38rem,100% - 2rem);padding:var(--space-7);border:1px solid var(--game-line);border-radius:var(--radius-lg);background:var(--game-hud);box-shadow:var(--shadow-panel);animation:play-mode-result .28s var(--ease-out-expo) both;top:50%;left:50%;transform:translate(-50%,-50%)}.play-mode__result h2{max-width:12ch;margin-block:var(--space-3);font-size:var(--text-h3);letter-spacing:-.05em;line-height:.95}.play-mode__result>p:not(.micro-label){color:var(--color-text-muted)}.play-mode__result>div{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.play-mode__result button:first-child{color:var(--color-surface);background:var(--game-signal-strong)}[data-play-mode=true] .custom-cursor{opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out-expo), transform .22s var(--ease-out-expo)}@keyframes play-mode-result{0%{opacity:0;transform:translate(-50%,calc(1rem - 50%))scale(.97)}}@media (width<=40rem){.play-mode__hud{right:var(--space-3);left:var(--space-3);justify-content:center}.play-mode__hud span{flex:1;grid-template-columns:1fr;justify-items:center;gap:0}.play-mode__actions{top:auto;right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom))}.play-mode__actions button{padding-inline:var(--space-3)}.play-mode__controls{right:var(--space-3);bottom:calc(max(var(--space-3), env(safe-area-inset-bottom)) + 3.4rem);border-radius:var(--radius-md);text-align:center}}@media (prefers-reduced-motion:reduce){.play-mode__brief,.play-mode__result{transition:opacity 80ms linear;animation:none}}#pa-studio .pa-footer{border-top:1px solid var(--color-border);padding:24px var(--layout-page-inline);font-size:var(--text-meta);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}#pa-studio .pa-footer :is(a,button){min-height:44px;color:var(--color-text);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;text-decoration:underline}@container pa-site (width<=700px){#pa-studio .pa-footer{padding:20px 22px}}@container pa-site (width<=390px){#pa-studio .pa-footer{padding:20px 17px}}#pa-studio .pa-footer>div{gap:var(--space-1);display:grid}#pa-studio .pa-footer strong{color:var(--color-text);font-weight:500}#pa-studio .pa-footer nav{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}#pa-studio .pa-footer :is(a,button){min-height:var(--hit-area);font-size:var(--text-small);min-width:var(--hit-area);align-items:center;display:inline-flex}#pa-studio .pa-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:22px var(--layout-page-inline);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}#pa-studio .pa-brand{letter-spacing:-.025em;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:4px 0;font-weight:500;display:flex}#pa-studio .pa-monogram{background:var(--color-text);width:29px;height:29px;color:var(--color-surface);font-size:var(--text-meta);letter-spacing:-.06em;border-radius:50%;place-items:center;display:grid}#pa-studio .pa-nav{align-items:center;gap:6px;display:flex}#pa-studio .pa-nav :is(a,button){padding:10px var(--space-3);min-height:44px;font-size:var(--text-control);color:var(--color-text-muted);background:0 0;border:0;position:relative}#pa-studio .pa-nav :is(a,button)[aria-current=page]{color:var(--color-text)}#pa-studio .pa-nav :is(a,button)[aria-current=page]:after{content:"";background:var(--color-accent);border-radius:2px;height:2px;position:absolute;bottom:4px;left:12px;right:12px}@container pa-site (width<=700px){#pa-studio .pa-header{gap:5px;padding:15px 22px}}@container pa-site (width<=390px){#pa-studio .pa-header{gap:1px;padding:12px 17px}#pa-studio .pa-brand{font-size:var(--font-size-14);gap:7px}#pa-studio .pa-nav{gap:0}#pa-studio .pa-nav :is(a,button){font-size:var(--font-size-13);padding:9px 8px}}@media (hover:hover) and (pointer:fine){#pa-studio[data-input=pointer] .pa-nav :is(a,button):hover{color:var(--color-accent)}}#pa-studio .pa-header{z-index:var(--z-nav);background:var(--color-surface);padding-block:var(--space-3);min-height:var(--layout-header-height);flex-wrap:nowrap;position:sticky;top:0}#pa-studio .pa-brand{white-space:nowrap;text-decoration:none}#pa-studio .pa-monogram{transition:background var(--duration-select) var(--ease-out), box-shadow var(--duration-select) var(--ease-out), transform var(--duration-select) var(--ease-out);flex:none}#pa-studio .pa-brand:focus-visible .pa-monogram{background:var(--color-accent);transform:rotate(-8deg)}#pa-studio .pa-brand:active .pa-monogram{background:var(--color-accent);transition-duration:var(--duration-press);transform:rotate(-8deg)scale(.88)}#pa-studio .pa-monogram[data-play=true]{animation:pa-monogram-roll .52s var(--ease-out)}@media (hover:hover) and (pointer:fine){#pa-studio[data-input=pointer] .pa-brand:hover:not(:active) .pa-monogram{background:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 22%, transparent);transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){#pa-studio .pa-monogram[data-play=true]{animation:none}#pa-studio .pa-brand:focus-visible .pa-monogram,#pa-studio .pa-brand:active .pa-monogram,#pa-studio[data-input=pointer] .pa-brand:hover:not(:active) .pa-monogram{transform:none}}#pa-studio .pa-nav{gap:var(--space-1);margin-left:auto}#pa-studio .pa-nav :is(a,button){align-items:center;gap:var(--space-1);white-space:nowrap;padding:var(--space-2);font-size:var(--text-small);text-decoration:none;display:inline-flex}#pa-studio .pa-theme-toggle{margin-left:var(--space-1)}#pa-studio .pa-menu-button{min-height:var(--hit-area);padding-inline:var(--space-3);font-size:var(--text-control);align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:none}@container pa-site (width<=850px){#pa-studio .pa-header{gap:var(--space-2);flex-wrap:wrap}#pa-studio .pa-menu-button{display:inline-flex}#pa-studio .pa-theme-toggle{margin-left:auto}#pa-studio .pa-nav{display:none}#pa-studio .pa-nav[data-open=true]{height:calc(100dvh - var(--layout-header-height));padding:var(--space-5);background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;align-items:stretch;margin:0;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}#pa-studio .pa-nav[data-open=true] :is(a,button){padding:var(--space-4);font-size:var(--text-lede);min-height:var(--hit-area)}#pa-studio .pa-nav[data-open=true] a[aria-current=page]{background:var(--color-accent-subtle);border-radius:var(--radius-sm)}#pa-studio .pa-nav :is(a,button)[aria-current=page]:after{display:none}}#pa-studio .pa-header{min-height:calc(var(--control-height) + var(--space-5))}#pa-studio .pa-nav :is(a,button){justify-content:center;min-width:44px}@keyframes pa-monogram-roll{0%{transform:rotate(0)scale(.9)}55%{transform:rotate(200deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.nav-menu-button,.nav-ask{display:none}@media (width<=50rem){.nav-menu-button{justify-self:center;align-items:center;gap:var(--space-2);min-height:var(--hit-area);padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-control);font-weight:600;display:flex}.nav-ask{display:grid}}.cursor-provider-boundary{display:contents}@media (hover:hover) and (pointer:fine){html[data-cursor-wear]{cursor:var(--site-cursor)}:where(html[data-cursor-wear]) :where(input,textarea,select,[contenteditable=true],.ask-widget,dialog,[data-cursor-native],[data-cursor-suppress]){cursor:auto}}.custom-cursor{z-index:var(--z-cursor);opacity:0;pointer-events:none;contain:layout style;will-change:transform, opacity;width:0;height:0;position:fixed;inset:0 auto auto 0}.custom-cursor[data-cursor-layer=top-layer]{z-index:2147483646}.custom-cursor__particle{will-change:transform, opacity;position:absolute;inset:0 auto auto 0}.custom-cursor__trail{z-index:1;position:absolute;inset:0 auto auto 0}.custom-cursor__particle{background:color-mix(in oklch, var(--color-accent) 82%, var(--color-surface));border-radius:50%;width:.42rem;height:.42rem;margin:-.21rem 0 0 -.21rem}.custom-cursor--comet .custom-cursor__particle{background:hsl(calc(18 + var(--particle-index) * 48) 84% 57%);border-radius:12% 88% 48% 52%}.custom-cursor--prism .custom-cursor__particle{clip-path:polygon(50% 0,100% 100%,0 72%);background:hsl(calc(270 - var(--particle-index) * 34) 82% 62%);border-radius:0}.cursor-closet{gap:var(--space-5);width:100%;color:var(--color-text);padding:clamp(1.25rem,5cqi,3rem);display:grid}.cursor-closet__heading,.cursor-closet__actions{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.cursor-closet__heading h3,.cursor-closet__heading p{margin:0}.cursor-closet__heading p{margin-top:var(--space-2);color:var(--color-text-muted)}.cursor-closet__note{font-family:var(--font-mono);font-size:var(--text-meta)}.cursor-closet__choices{gap:var(--space-3);border:0;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.cursor-closet__legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cursor-closet__choice{gap:var(--space-3);min-height:5.5rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-state) var(--ease-out-expo), transform var(--duration-state) var(--ease-out-expo);grid-template-columns:3rem 1fr;align-items:center;display:grid;position:relative}.cursor-closet__choice:focus-within,.cursor-closet__choice[data-selected=true]{border-color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.cursor-closet__choice:hover{border-color:var(--color-accent);transform:translateY(-.2rem)}}.cursor-closet__choice input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.cursor-closet__choice:focus-within{box-shadow:var(--focus-ring)}.cursor-closet__preview{background:var(--color-accent-subtle);border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.cursor-closet__preview img{width:2rem;height:2rem}.cursor-closet__preview>span{border:.12rem solid var(--color-surface);background:var(--color-accent);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .1rem var(--color-accent);border-radius:50%}.cursor-closet__choice strong,.cursor-closet__choice small{display:block}.cursor-closet__choice small{margin-top:var(--space-1);color:var(--color-text-muted)}.cursor-closet__wear,.cursor-closet__reset{min-height:var(--hit-area)}.cursor-closet__wear{align-items:center;gap:var(--space-2);padding-inline:var(--space-2);display:inline-flex;position:relative}.cursor-closet__wear input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.cursor-closet__wear>span{border:1px solid var(--color-border-strong);border-radius:50%;width:1.25rem;height:1.25rem;display:block;position:relative}.cursor-closet__wear input:checked+span:after{content:"";background:var(--color-accent);border-radius:50%;position:absolute;inset:.22rem}.cursor-closet__wear:focus-within{box-shadow:var(--focus-ring);border-radius:var(--radius-pill)}.cursor-closet__reset{padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:inherit;background:0 0}@media (width<=48rem){.cursor-closet__choices{padding-bottom:var(--space-2);scroll-snap-type:x mandatory;touch-action:auto;grid-template-columns:none;grid-auto-columns:minmax(15rem,84%);grid-auto-flow:column;overflow-x:auto}.cursor-closet__choice{scroll-snap-align:center}.cursor-closet__heading,.cursor-closet__actions{flex-direction:column;align-items:stretch}}@media (hover:none),(pointer:coarse){.custom-cursor{display:none}}@media (prefers-reduced-motion:reduce){.custom-cursor__particle{display:none}.custom-cursor,.cursor-closet__choice{transition:none}.cursor-closet__choice:hover,.cursor-closet__choice:focus-within,.cursor-closet__choice[data-selected=true]{transform:none}}}@layer atoms{.logo-mark{--brand-mark-scale:1;--brand-mark-inset:.375rem;--brand-mark-width:5rem;--brand-mark-height:5rem;--brand-mark-inner-height:calc(var(--brand-mark-height) - 2 * var(--brand-mark-inset));block-size:var(--brand-mark-height);inline-size:var(--brand-mark-width);padding:var(--brand-mark-inset);place-items:center;display:grid}.logo-mark[data-aspect=landscape]{--brand-mark-width:7.5rem}.logo-mark[data-aspect=wide]{--brand-mark-width:13rem}.logo-mark[data-safe-area=compact]{--brand-mark-inset:.25rem}.logo-mark[data-safe-area=generous]{--brand-mark-inset:.5rem}.logo-mark__image{block-size:auto;inline-size:auto;max-block-size:calc(var(--brand-mark-inner-height) * var(--brand-mark-scale));max-inline-size:calc(100% * var(--brand-mark-scale));object-fit:contain;display:block}.logo-mark__fallback{aspect-ratio:1;background:var(--color-text);color:var(--color-surface);font-size:var(--font-size-12);letter-spacing:-.04em;border-radius:50%;align-content:center;justify-items:center;width:2.25rem;font-weight:700;display:grid}.ds-eyebrow{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-meta);letter-spacing:.035em;flex-wrap:wrap;margin:0;display:flex}.ds-lead{max-width:43ch;color:var(--color-text-muted);font-size:var(--text-body);margin:0;line-height:1.6}.ds-button{justify-content:center;align-items:center;gap:var(--space-3);min-height:44px;padding:10px var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-control);border-radius:9px;font-weight:500;text-decoration:none;display:inline-flex}.ds-button--primary{border-color:var(--color-inverse);background:var(--color-inverse);color:var(--color-on-inverse)}.ds-button--pill{justify-content:flex-start;gap:var(--space-2);min-height:var(--hit-area);padding:var(--space-3) var(--space-4);border-color:var(--color-text);border-radius:var(--radius-pill);font-size:inherit;background:0 0;font-weight:600}@media (hover:hover) and (pointer:fine){[data-input=pointer] .ds-button--secondary:hover{background:var(--color-canvas)}}.ds-text-link{min-height:44px;color:var(--color-accent);font-size:var(--font-size-14);text-underline-offset:5px;background:0 0;border:0;align-items:center;padding:5px 0;text-decoration:underline;display:inline-flex}.ds-tag{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-meta)}.ds-badge{padding:.1rem var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font:500 var(--text-caption) var(--font-mono);white-space:nowrap}.ds-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--color-text-muted);transition:color var(--duration-select) var(--ease-out), border-color var(--duration-select) var(--ease-out);flex:none;place-items:center;display:inline-grid}.ds-icon-button svg{transition:transform var(--duration-state) var(--ease-out)}.ds-icon-button:active svg{transition-duration:var(--duration-press);transform:rotate(-30deg)scale(.9)}@media (hover:hover) and (pointer:fine){[data-input=pointer] .ds-icon-button:hover{color:var(--color-text);border-color:var(--color-border-hover)}}@media (prefers-reduced-motion:reduce){.ds-icon-button:active svg{transform:none}}.ds-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer molecules{.ds-provenance{color:var(--color-text-muted);font-size:var(--text-caption);margin:0;line-height:1.5}.ds-provenance .ds-badge{margin-right:var(--space-1)}.ds-tag-list{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}}
