@layer tokens;@layer base{*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;padding:0}html{background:var(--bg)}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:8px}[dir=rtl] svg[data-flip]{transform:scaleX(-1)}}@layer primitives{.card,.panel,.legal-section,.library-game{background:var(--surface);border-radius:var(--radius-l);box-shadow:0 0 0 var(--line) var(--ink), var(--lift)}.pill,.level-chip,.draft-badge,.version-now{padding:3px var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-title);box-shadow:0 0 0 var(--line-thin) var(--ink)}.sticker,.library-game-art img,.recent-thumb img,.tile-hero,.coach-face{--sticker-edge:5px;--sticker-tilt:7deg;filter:drop-shadow(var(--sticker-edge) 0 0 var(--white)) drop-shadow(calc(-1 * var(--sticker-edge)) 0 0 var(--white)) drop-shadow(0 var(--sticker-edge) 0 var(--white)) drop-shadow(0 calc(-1 * var(--sticker-edge)) 0 var(--white)) drop-shadow(0 4px 5px color-mix(in srgb, var(--ink) 24%, transparent));rotate:calc(var(--sticker-tilt) * var(--tilt-sign,1))}.btn,.tile,.report-choice,.icon-btn,.mic-btn,.recent-game,.say-again,.hero-pick,.run-btn,.jump-btn,.choice-card{--drop:calc(var(--press-depth) + var(--line));background:var(--face);box-shadow:0 0 0 var(--line) var(--ink), 0 var(--drop) 0 var(--deep), 0 var(--drop) 0 var(--line) var(--ink)}.btn:active:not(:disabled),.tile:active,.report-choice:active:not(:disabled),.icon-btn:active,.mic-btn:active:not([aria-disabled]),.recent-game:active,.say-again:active,.hero-pick:active,.run-btn:active,.jump-btn:active,.choice-card:active:not(:disabled){transform:translateY(var(--drop));box-shadow:0 0 0 var(--line) var(--ink), 0 0 0 var(--deep), 0 0 0 var(--line) var(--ink)}}@layer components{.page{max-width:1120px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}body:has(.page[data-phase=game][data-world=jungle]){--world-pattern:url(/game-assets/jungle/pattern.png);--world-horizon:url(/game-assets/jungle/mid.png)}body:has(.page[data-phase=game][data-world=space]){--world-pattern:url(/game-assets/space/pattern.png);--world-horizon:url(/game-assets/space/mid.png)}body:has(.page[data-phase=game][data-world=reef]){--world-pattern:url(/game-assets/reef/pattern.png);--world-horizon:url(/game-assets/reef/mid.png)}body:has(.page[data-phase=game][data-world=castle]){--world-pattern:url(/game-assets/castle/pattern.png);--world-horizon:url(/game-assets/castle/mid.png)}body:has(.page[data-phase=game][data-world=kitchen]){--world-pattern:url(/game-assets/kitchen/pattern.png);--world-horizon:url(/game-assets/kitchen/mid.png)}body:has(.page[data-phase=game][data-world=meadow]){--world-pattern:url(/game-assets/meadow/pattern.png);--world-horizon:url(/game-assets/meadow/mid.png)}body:has(.page[data-phase=game][data-world=town]){--world-pattern:url(/game-assets/town/pattern.png);--world-horizon:url(/game-assets/town/mid.png)}body:has(.page[data-phase=game][data-world]){--horizon:150px;padding-block-end:var(--horizon);position:relative}body:before{content:"";z-index:var(--z-behind);pointer-events:none;background:color-mix(in srgb, var(--grape) 16%, var(--bg));-webkit-mask:var(--world-pattern,url(/brand/pattern.png)) repeat 0 0 / 360px;-webkit-mask:var(--world-pattern,url(/brand/pattern.png)) repeat 0 0 / 360px;mask:var(--world-pattern,url(/brand/pattern.png)) repeat 0 0 / 360px;position:fixed;inset:0}body:has(.page[data-phase=game][data-world]):after{content:"";inset-inline:0;height:var(--horizon);z-index:var(--z-behind);pointer-events:none;background:var(--world-horizon) repeat-x center bottom / auto 100%;-webkit-mask:linear-gradient(transparent, var(--ink) 45%);-webkit-mask:linear-gradient(transparent, var(--ink) 45%);mask:linear-gradient(transparent, var(--ink) 45%);position:absolute;bottom:0}@media (max-width:600px){body:has(.page[data-phase=game][data-world]){--horizon:110px}}.said{align-items:baseline;column-gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.said-text{color:var(--ink-soft);font-size:var(--text-m);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:16rem;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.said[data-open] .said-text{display:block}.said-text:before{content:"“"}.said-text:after{content:"”"}.said-text:lang(he):before,.said-text:lang(he):after{content:"\""}.said mark.hl{white-space:normal;background:0 0}.said-toggle{min-height:var(--target);padding:0 var(--space-2);color:var(--grape-deep);font-family:var(--font-title);font-weight:600;font-size:var(--text-s);cursor:pointer;background:0 0;border:0}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.site-header .brand{color:var(--ink);margin:0;text-decoration:none}.site-header nav{align-items:center;gap:var(--space-3);display:flex}.site-header nav a,.library-page a{text-decoration:none}.building-pill{gap:var(--space-2)}.building-pill svg{flex:none;width:18px;height:18px}.building-dot{border-radius:var(--radius-pill);background:var(--grape);flex:none;block-size:10px;inline-size:10px;animation:1.2s ease-in-out infinite building-pulse}@keyframes building-pulse{50%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.building-dot{animation:none}}.lang-switch{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--ink-soft);font-weight:600;font-size:var(--text-s);display:inline-flex}.lang-switch svg{width:18px;height:18px}.lang-switch:hover,.lang-switch:focus-visible{color:var(--grape-deep);background:var(--surface)}.lang-menu{position:relative}.lang-menu>summary{cursor:pointer;justify-content:center;min-width:44px;list-style:none}.lang-menu:not([open]) ul{display:none}.lang-menu>summary::-webkit-details-marker{display:none}.lang-menu[open]>summary{color:var(--grape-deep);background:var(--surface)}.lang-menu ul{inset-inline-end:0;top:calc(100% + var(--space-2));z-index:var(--z-raised);min-width:max-content;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--lift);margin:0;list-style:none;position:absolute}.lang-menu li a{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-s);color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:flex}.lang-menu li a:hover,.lang-menu li a:focus-visible{background:var(--grape-soft);color:var(--grape-deep)}.lang-menu li a[aria-current]{color:var(--grape-deep)}.library-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin:var(--space-7) 0 var(--space-6);flex-wrap:wrap;display:flex}.library-heading h1{font:700 clamp(32px, 5vw, 48px) var(--font-title);margin:0}.library-heading .lede{margin:var(--space-4) 0 0}.library-status,.library-empty{padding:var(--space-7) var(--space-6);background:var(--surface);border-radius:var(--radius-l);text-align:center}.library-empty img{object-fit:contain;width:100px;height:100px}.library-empty h2{font-family:var(--font-title)}.library-empty .btn{margin-top:var(--space-5)}.library-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));display:grid}.library-game{color:var(--ink);transition:transform var(--dur-press);display:block;overflow:hidden}.library-game:hover{transform:translateY(-3px)}.library-game:nth-child(2n),.recent-game:nth-child(2n),.tile:nth-child(2n){--tilt-sign:-1}.library-game-art{background-position:50%;background-size:cover;place-items:end center;height:150px;display:grid}.library-game-art img{object-fit:contain;width:80px;height:96px;margin-bottom:var(--space-2)}.library-game-body{padding:var(--space-6)}.library-game-body h2{font:600 var(--text-xl) var(--font-title);overflow-wrap:anywhere;margin:0}.library-game-body p{color:var(--ink-soft);margin:var(--space-4) 0}.library-game-body .library-expiry{font-size:var(--text-s)}.library-game-body .btn{margin-top:var(--space-3)}.library-page .library-guest-note{margin-top:var(--space-7);text-align:center}.account-actions{align-items:center;gap:var(--space-3);display:flex}.keep-game{margin-top:var(--space-6)}@media (max-width:600px){.site-header{row-gap:var(--space-3);flex-wrap:wrap}.site-header nav{gap:var(--space-2);margin-inline-start:auto}.site-header .brand{font-size:var(--text-l)}.site-header .btn{font-size:var(--text-xs)}.site-header .lang-switch{padding:0 var(--space-3)}.site-header .lang-switch .lang-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav{justify-content:flex-end;row-gap:var(--space-2);flex-wrap:wrap}.site-header .building-slot{flex-basis:100%;justify-content:flex-end;display:flex}}@media (max-width:420px){.site-header .brand{gap:0;min-width:44px}.site-header .brand-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.brand{align-items:center;gap:var(--space-4);font-family:var(--font-title);font-weight:700;font-size:var(--text-xl);margin-bottom:var(--space-6);display:flex}.logo-mark{place-items:center;height:44px;display:grid}.logo-mark img{width:auto;height:44px;display:block}h1,h2,.btn,.stage-title,.bubble,.meter-head,.egg,.tile-title,.segmented,.building-label,.complete-title,.ready-offer-text,.examples-label,.prompt-input{font-family:var(--font-title)}.btn{--face:var(--surface);--deep:var(--shade);--text:var(--ink);justify-content:center;align-items:center;gap:var(--space-4);min-height:48px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);color:var(--text);font-size:var(--text-ml);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease, filter var(--dur-press) ease;-webkit-tap-highlight-color:transparent;border:0;font-weight:700;display:inline-flex}.btn svg{flex:none;width:22px;height:22px}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:default}.btn-grape{--face:var(--grape);--deep:var(--grape-deep);--text:var(--white)}.btn-leaf{--face:var(--leaf);--deep:var(--leaf-deep);--text:var(--ink)}.btn-white{--face:var(--surface);--deep:var(--shade);--text:var(--ink)}.btn-wide{width:100%}.btn-big{min-height:60px;font-size:var(--text-l)}.btn-small{min-height:44px;padding:var(--space-3) var(--space-5);font-size:var(--text-s);--press-depth:3px}.btn-grow{min-height:60px;font-size:var(--text-l);flex:auto}.icon-btn{--face:var(--surface);--deep:var(--shade);--press-depth:4px;justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-m);width:60px;height:60px;color:var(--ink);cursor:pointer;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;-webkit-tap-highlight-color:transparent;border:0;flex:none;padding:0;display:inline-flex}.icon-btn svg{flex:none;width:28px;height:28px}.icon-btn.round{--press-depth:3px;border-radius:50%;width:46px;height:46px}.icon-btn.round svg{width:22px;height:22px}.icon-btn[aria-pressed=true]{color:var(--ink-soft)}.icon-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:700px){.icon-btn.square{width:auto;padding-inline:var(--space-6)}.icon-btn.square .icon-label{clip:auto;width:auto;height:auto;font-family:var(--font-title);font-weight:600;font-size:var(--text-m);position:static;overflow:visible}}.segmented{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.segmented.is-grow{flex:1 1 0}.segmented-label{font-size:var(--text-s);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:help;font-weight:600}.segmented-track{gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:16px;display:flex}.segmented-track button{min-width:40px;min-height:44px;padding:0 var(--space-1);border-radius:var(--radius-s);color:var(--ink-soft);font-size:var(--text-m);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-press) ease, box-shadow var(--dur-press) ease;background:0 0;border:0;flex:1 1 0;font-weight:600}.segmented-track button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 var(--line-thin) var(--ink), 0 3px 0 var(--line-thin) var(--ink)}.level-chip{font-size:var(--text-xs);background:var(--grape);color:var(--white);vertical-align:middle;margin-inline-start:var(--space-3);font-weight:700;display:inline-block}.draft-badge{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;background:var(--sun);color:var(--ink);vertical-align:middle;margin-inline-start:var(--space-3);font-weight:600;display:inline-block}.note{font-size:var(--text-s);color:var(--ink-soft);margin:0;line-height:1.45}.error{margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--coral-soft);color:var(--ink);font-size:var(--text-m);box-shadow:inset 4px 0 0 var(--coral);line-height:1.45}[dir=rtl] .error{box-shadow:inset -4px 0 0 var(--coral)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page[data-phase=home]>:is(.hero,.maker-card,.recent,.examples){width:100%;max-width:820px;margin-inline:auto}.hero{margin-bottom:var(--space-6);text-align:center;position:relative}.hero h1,.hero .lede{margin-inline:auto}h1{letter-spacing:-.02em;margin:0 0 var(--space-4);max-width:16ch;font-size:clamp(34px,6vw,54px);font-weight:700;line-height:1.04}.hl{z-index:0;color:var(--grape);white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;inset-inline:-3px;border-radius:var(--radius-pill);background:var(--sun);height:.26em;position:absolute;bottom:.02em;transform:rotate(-1.5deg)}.lede{color:var(--ink-soft);max-width:40ch;margin:0;font-size:clamp(16px,2.2vw,19px);line-height:1.45}.maker-card{background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--lift);padding:var(--space-6);gap:var(--space-6);display:grid}.prompt-input{width:100%;min-width:0;min-height:64px;padding:var(--space-1) 2px;resize:none;background:0 0;border:0;font-size:clamp(19px,2.6vw,24px);font-weight:500;line-height:1.35}.prompt-input:focus-visible{outline:none}.prompt-input::placeholder{color:var(--ink-soft);opacity:.7}.options{gap:var(--space-4);flex-wrap:wrap;display:flex}.idea-photos{gap:var(--space-3);flex-direction:column;display:flex}.idea-photos-row{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.idea-photo-add svg{flex:none;width:20px;height:20px}.idea-photo{border-radius:var(--radius-s);background:var(--surface);width:64px;height:64px;box-shadow:0 0 0 var(--line-thin) var(--ink);flex:none;margin:0;position:relative}.idea-photo-img{object-fit:cover;border-radius:var(--radius-s);width:100%;height:100%;display:block}.idea-photo[data-status=reading] .idea-photo-img{animation:1.2s ease-in-out infinite alternate idea-photo-read}@keyframes idea-photo-read{0%{opacity:.45}to{opacity:.85}}.idea-photo-ok{background:var(--leaf);width:24px;height:24px;color:var(--ink);box-shadow:0 0 0 var(--line-thin) var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:calc(-1 * var(--space-2));inset-inline-start:calc(-1 * var(--space-2))}.idea-photo-ok svg{width:14px;height:14px}.idea-photo-remove{width:var(--target);height:var(--target);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block-start:calc(-1 * var(--space-5));inset-inline-end:calc(-1 * var(--space-5))}.idea-photo-remove span{background:var(--ink);width:24px;height:24px;color:var(--white);font-size:var(--text-m);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex}@media (prefers-reduced-motion:reduce){.idea-photo[data-status=reading] .idea-photo-img{opacity:.6;animation:none}}.more-options summary{align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-s);color:var(--ink-soft);cursor:pointer;font-weight:600;list-style:none;display:inline-flex}.more-options summary::-webkit-details-marker{display:none}.more-options summary:after{content:"";border-inline-end:2px solid;width:7px;height:7px;transition:transform var(--dur-press) ease;border-bottom:2px solid;transform:rotate(45deg)}.more-options[open] summary:after{transform:rotate(225deg)}.maker-card[dir=rtl] .more-options summary:after{transform:rotate(-45deg)}.maker-card[dir=rtl] .more-options[open] summary:after{transform:rotate(-225deg)}.more-options:not([open])>.options,.more-options .segmented-label{display:none}.examples,.recent{margin-top:var(--space-7)}.recent-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.recent-head h2{font-size:var(--text-l);margin:0;font-weight:700}.recent-head a{min-height:44px;font-family:var(--font-title);font-weight:600;font-size:var(--text-s);color:var(--grape-deep);align-items:center;margin-block:-12px;display:inline-flex}.making-list{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.making-game{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);color:var(--ink);background:linear-gradient(100deg, var(--grape-soft), var(--surface) 70%);border:2px solid var(--grape-soft);box-shadow:0 4px 0 var(--shade);text-decoration:none;display:flex}.making-spark{width:44px;height:44px;color:var(--white);background:var(--grape);border-radius:50%;flex:none;place-items:center;animation:2.4s linear infinite making-spin;display:grid}.making-spark svg{width:24px;height:24px}.making-body{flex:1;min-width:0;display:grid}.making-label{color:var(--grape-deep);font-weight:700}.making-prompt{color:var(--ink-soft);font-size:var(--text-s);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes making-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.making-spark{animation:none}}.btn[data-waiting]{--face:var(--grape-soft);--deep:var(--shade);--text:var(--grape-deep);gap:var(--space-3)}.signin-note{color:var(--coral-deep);font-size:var(--text-s);font-weight:600}.recent-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.recent-game{--face:var(--surface);--deep:var(--shade);--press-depth:4px;align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-3);border-radius:var(--radius-m);color:var(--ink);transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;padding-inline-end:var(--space-5);text-decoration:none;display:flex}.recent-thumb{border-radius:var(--radius-s);background-position:30% 65%;background-size:cover;flex:none;width:72px;height:60px;position:relative;overflow:hidden}.recent-thumb img{inset-inline-start:50%;height:46px;position:absolute;bottom:-2px;translate:-50%}[dir=rtl] .recent-thumb img{translate:50%}.recent-body{gap:2px;min-width:0;display:grid}.recent-title{font-family:var(--font-title);font-weight:700;font-size:var(--text-m);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.recent-meta{font-size:var(--text-s);color:var(--ink-soft)}.examples-label{font-size:var(--text-l);margin:0 0 var(--space-4);font-weight:700}.buddy{pointer-events:none;animation:buddy-in var(--dur-enter) var(--spring-bouncy) both;flex:none}.buddy-rtl{transform:scaleX(-1)}.buddy-row{align-items:center;gap:var(--space-3);display:flex}.buddy-row>:not(.buddy){flex:auto;min-width:0}.mic{padding:var(--space-3);flex:none;justify-content:center;align-items:center;display:flex}.mic-btn{--face:var(--grape);--deep:var(--grape-deep);--press-depth:4px;width:calc(var(--target) + var(--space-4));height:calc(var(--target) + var(--space-4));color:var(--white);cursor:pointer;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.mic-btn svg{flex:none;width:28px;height:28px}.buddy-row>.mic{flex:none}.mic-btn:before{content:"";border:3px solid var(--grape);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.mic-btn[data-state=listening]{--face:var(--grape-deep);--deep:var(--ink)}.mic-btn[data-state=listening]:before{opacity:.55;transform:scale(calc(1.15 + var(--mic-level,0) * .5));transition:transform var(--dur-press) linear}.mic-btn[data-state=hearing],.mic-btn[data-state=asking]{--face:var(--grape-soft);--deep:var(--shade);color:var(--grape-deep);cursor:default}.mic-btn[data-state=hearing] .dots i{background:var(--grape-deep)}.mic-btn:focus-visible{outline-offset:3px}@keyframes mic-shake{20%{transform:translate(-5px)}50%{transform:translate(5px)}80%{transform:translate(-3px)}}@media (prefers-reduced-motion:no-preference){.mic-btn[data-shake]{animation:mic-shake var(--dur-soft) ease-in-out}}@media (prefers-reduced-motion:reduce){.mic-btn[data-state=listening]:before{opacity:.7;transition:none;transform:scale(1.3)}.mic-btn[data-state=hearing] .dots i{animation:none}}.mic-note{padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);background:var(--sky-soft);color:var(--ink)}.ask-field{align-items:flex-start;gap:var(--space-2);display:flex}.ask-field>.edit-input{flex:auto;min-width:0}.ask-field>.mic{padding:var(--space-1)}@keyframes buddy-in{0%{opacity:0;translate:0 10px;scale:.6}}.tiles{gap:var(--space-4);scroll-snap-type:x mandatory;padding:2px var(--space-5) var(--space-4);scrollbar-width:none;grid-auto-columns:minmax(160px,1fr);grid-auto-flow:column;margin-inline:-16px;display:grid;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tile{--face:var(--leaf);--deep:var(--leaf-deep);min-height:160px;padding:var(--space-5);color:var(--ink);text-align:start;scroll-snap-align:start;cursor:pointer;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;border:0;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative;overflow:hidden}.tile[data-tone=grape]{--face:var(--grape);--deep:var(--grape-deep);color:var(--white)}.tile[data-tone=coral]{--face:var(--coral);--deep:var(--coral-deep)}.tile[data-tone=sky]{--face:var(--sky);--deep:var(--sky-deep)}.tile-thumb{background-position:30% 65%;background-size:cover;height:58%;position:absolute;inset:0 0 auto}.tile-hero{inset-inline-start:14px;width:46px;position:absolute;bottom:-6px}.tile-chip{top:10px;min-width:30px;height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink);color:var(--ink);font-family:var(--font-title);font-size:var(--text-ml);place-items:center;font-weight:700;display:grid;position:absolute;inset-inline-end:10px}.tile-title{font-size:var(--text-l);font-weight:700;line-height:1.1;position:relative}.tile-sub{font-size:var(--text-s);margin-top:3px;position:relative}@media (min-width:900px){.tiles{margin-inline:0;padding-inline:0;overflow:visible}}.building{text-align:center}.building-sub{margin:var(--space-4) 0 0;font-size:var(--text-s);color:var(--ink-soft)}.writing-scene{aspect-ratio:16/9;max-height:64dvh;margin:0 auto var(--space-6);border:4px solid var(--surface);border-radius:var(--radius-l);box-shadow:0 0 0 var(--line) var(--ink), var(--lift);isolation:isolate;animation:scene-in var(--dur-soft) var(--spring-soft,var(--spring)) both;grid-template-rows:auto 1fr auto;padding:clamp(12px,3%,28px);display:grid;position:relative;overflow:hidden}.writing-backdrop{z-index:-1;filter:blur(3px)saturate(1.1);background-position:50% 70%;background-size:cover;position:absolute;inset:-16px}.writing-scene:before{content:"";background:radial-gradient(120% 70% at 50% 100%, color-mix(in srgb, var(--white) 40%, transparent), transparent 60%), linear-gradient(color-mix(in srgb, var(--ink) 18%, transparent), transparent 40%);pointer-events:none;position:absolute;inset:0}.writing-marquee{place-items:center;min-height:clamp(44px,12%,72px);display:grid;position:relative}.writing-title{padding:var(--space-2) var(--space-6) var(--space-4);border-radius:var(--radius-pill);background:var(--grape);box-shadow:0 5px 0 var(--grape-deep), 0 12px 24px color-mix(in srgb, var(--ink) 25%, transparent);font-family:var(--font-title);color:var(--white);animation:writing-land var(--dur-enter) var(--spring) both;margin:0;font-size:clamp(22px,4.6vw,42px);font-weight:700;line-height:1.15}.writing-title-blank{gap:var(--space-3);padding:var(--space-5) var(--space-7);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 70%, transparent);border:3px dashed var(--white);display:inline-flex}.writing-title-blank i{background:var(--grape);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite writing-dot}.writing-title-blank i:nth-child(2){animation-delay:.15s}.writing-title-blank i:nth-child(3){animation-delay:.3s}.writing-workshop{grid-template-columns:1fr minmax(0,1.5fr) 1fr;align-items:end;gap:clamp(8px,3%,28px);min-height:0;display:grid;position:relative}.writing-hero{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-self:end;width:clamp(72px,80%,160px);padding:0;position:relative}.writing-hero:before{content:"";inset-inline:14%;background:color-mix(in srgb, var(--ink) 26%, transparent);filter:blur(4px);border-radius:50%;height:11%;position:absolute;bottom:-2%}.writing-hero img{transform-origin:50% 100%;width:100%;filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--ink) 22%, transparent));animation:2.4s ease-in-out infinite writing-idle;display:block;position:relative}[dir=rtl] .writing-hero img{scale:-1 1}.writing-hero:not([data-drawn]){width:clamp(64px,60%,112px)}.writing-hero[data-drawn] img{animation:writing-land var(--dur-soft) var(--spring) both, writing-idle 2.4s ease-in-out var(--dur-soft) infinite}.writing-hero img[data-jump]{animation:writing-jump var(--dur-soft) var(--spring) both, writing-idle 2.4s ease-in-out var(--dur-soft) infinite}.writing-tap{inset-inline-start:46%;pointer-events:none;transform-origin:20% 10%;width:clamp(34px,36%,52px);height:auto;filter:drop-shadow(0 3px 2px color-mix(in srgb, var(--ink) 35%, transparent));animation:writing-hand-tap var(--dur-bouncy) ease-in-out infinite;position:absolute;top:46%}.writing-tap path{fill:var(--surface);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.writing-console{align-self:center;justify-items:center;width:100%;max-width:340px;margin:0 auto;display:grid}.writing-screen{aspect-ratio:4/3;border:8px solid var(--grape-deep);background:#241f5c;border-radius:22px;place-items:center;width:100%;padding:10%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff1f,0 8px #2f1d8f,0 16px 26px #1e1b4b4d}.writing-console-base{width:40%;height:14px;margin-top:var(--space-2);background:var(--grape-deep);border-radius:0 0 14px 14px}.writing-code{flex-direction:column;justify-content:flex-end;gap:7%;display:flex;position:absolute;inset:9% 10%;overflow:hidden}.writing-row{min-height:6px;animation:writing-row-in var(--dur-enter) var(--spring) both;flex:0 0 7%;gap:4%;display:flex}.writing-row i{border-radius:var(--radius-pill);background:var(--sky)}.writing-row i[data-tone=indent]{background:0 0}.writing-row i[data-tone="1"]{background:var(--sun)}.writing-row i[data-tone="2"]{background:var(--leaf)}.writing-row i[data-tone="3"]{background:var(--coral)}.writing-cursor{background:var(--surface);border-radius:3px;flex:0 0 7%;width:7%;min-height:6px;animation:1s steps(2,end) infinite writing-blink}.writing-glow{aspect-ratio:1;width:46%;color:var(--sun);background:radial-gradient(circle, color-mix(in srgb, var(--sun) 35%, transparent), transparent 70%);border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite writing-glow;display:grid}.writing-glow svg{width:70%;height:70%}.writing-think{place-items:center;display:grid;position:absolute;inset:0}.writing-think .writing-glow{width:37%}.writing-glow[data-pulse]{animation:writing-pulse var(--dur-pop) var(--spring), writing-glow 1.6s ease-in-out var(--dur-pop) infinite}.writing-spark{width:8%;fill:var(--sun);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--sun) 55%, transparent));animation:writing-spark-in var(--dur-soft) var(--spring) both, writing-twinkle 2.4s ease-in-out calc(var(--dur-soft) + var(--i) * .31s) infinite;position:absolute;translate:-50% -50%}.writing-spark[data-tone="1"]{fill:var(--sky)}.writing-spark[data-tone="2"]{fill:var(--leaf)}.writing-spark[data-tone="3"]{fill:var(--coral)}.writing-play{direction:ltr;background-position:50% 70%;background-size:cover;position:absolute;inset:0;overflow:hidden;container-type:size}[dir=rtl] .writing-play{scale:-1 1}.writing-play-ground{inset-inline:0;background-repeat:repeat-x;background-size:auto 100%;height:24cqh;animation:.9s linear infinite writing-ground;position:absolute;bottom:0}.writing-runner-shadow{inset-inline-start:24cqw;background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;width:18cqw;height:4cqh;position:absolute;bottom:16cqh}.writing-runner{inset-inline-start:22cqw;transform-origin:50% 100%;width:22cqw;animation:writing-hop var(--dur-bouncy) ease-in-out .44s both;justify-items:center;display:grid;position:absolute;bottom:18cqh}.writing-runner img{grid-area:1/1;width:auto;max-width:none;height:46cqh}.writing-runner img[data-pose=a]{animation:writing-step .36s steps(1) infinite, writing-hop-hide var(--dur-bouncy) .44s both}.writing-runner img[data-pose=b]{animation:writing-step .36s steps(1) -.18s infinite, writing-hop-hide var(--dur-bouncy) .44s both}.writing-runner img[data-pose=cheer]{visibility:hidden;animation:writing-hop-show var(--dur-bouncy) .44s both}.writing-treat{inset-inline-start:0;object-fit:contain;width:15cqw;height:15cqw;animation:1.6s linear both writing-treat;position:absolute;bottom:47cqh}.writing-burst{inset-inline-start:39cqw;position:absolute;bottom:57cqh}.writing-burst svg{width:7cqw;fill:var(--sun);opacity:0;animation:writing-burst var(--dur-soft) ease-out .88s forwards;position:absolute;translate:-50% 50%}.writing-burst svg:nth-child(2){fill:var(--sky)}.writing-burst svg:nth-child(3){fill:var(--leaf)}.writing-burst svg:nth-child(4){fill:var(--coral)}.writing-play-badge{top:5cqh;aspect-ratio:1;width:14cqw;color:var(--white);background:var(--grape);box-shadow:0 0 0 var(--line-thin) var(--ink);border-radius:50%;place-items:center;animation:1.2s ease-in-out infinite writing-badge;display:grid;position:absolute;inset-inline-end:4cqw}.writing-play-badge svg{width:64%;height:64%}.writing-fix{inset-inline-end:8%;aspect-ratio:1;width:30%;color:var(--grape);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink), 0 4px 0 color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50%;place-items:center;animation:1.1s ease-in-out infinite writing-turn;display:grid;position:absolute;top:8%}.writing-fix svg{width:62%;height:62%}.writing-shelf{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:start;gap:clamp(6px,6%,14px);width:clamp(110px,90%,210px);display:grid}.writing-picture{aspect-ratio:1;color:color-mix(in srgb, var(--white) 95%, transparent);background:color-mix(in srgb, var(--white) 40%, transparent);border:3px dashed color-mix(in srgb, var(--white) 90%, transparent);animation:writing-breathe 1.6s ease-in-out calc(var(--i,0) * .2s) infinite;border-radius:20px;place-items:center;padding:0;display:grid}.writing-picture svg{width:40%;height:40%}.writing-picture[data-settled]{opacity:.6;animation:none}.writing-picture[data-ready]{background:var(--surface);border:3px solid var(--surface);box-shadow:0 5px 0 var(--shade);cursor:pointer;animation:writing-land var(--dur-enter) var(--spring) both;-webkit-tap-highlight-color:transparent}.writing-picture img{object-fit:contain;width:84%;height:84%}.writing-picture img[data-wiggle]{animation:writing-wiggle var(--dur-enter) ease-in-out both}.writing-track{justify-content:center;max-width:640px;margin:0 auto;padding:0;list-style:none;display:flex}.writing-track li{justify-items:center;gap:var(--space-2);min-width:0;color:var(--ink-soft);font-size:var(--text-s);flex:1 1 0;font-weight:600;display:grid;position:relative}.writing-track li+li:before{content:"";top:25px;border-radius:var(--radius-pill);background:var(--shade);width:calc(100% - 56px);height:6px;position:absolute;inset-inline-end:calc(50% + 28px)}.writing-track li[data-done]+li:before,.writing-track li[data-now]+li[data-now]:before{background:var(--leaf)}.writing-station{width:54px;height:54px;color:var(--ink-soft);background:var(--surface);border:3px solid var(--shade);transition:background-color var(--dur-pop) ease, color var(--dur-pop) ease, border-color var(--dur-pop) ease, transform var(--dur-pop) var(--spring);border-radius:50%;place-items:center;display:grid}.writing-station svg{width:26px;height:26px}.writing-track li[data-now]{color:var(--ink)}.writing-track li[data-now] .writing-station{color:var(--white);background:var(--grape);border-color:var(--grape-deep);animation:1.4s ease-in-out infinite writing-station;transform:scale(1.08)}.writing-track li[data-done] .writing-station{color:var(--ink);background:var(--leaf);border-color:var(--leaf-deep)}.writing-progress{align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);width:min(100%,460px);margin-top:var(--space-4);padding:var(--space-3) var(--space-5) var(--space-4);border-radius:var(--radius-l);background:var(--surface);box-shadow:0 4px 0 var(--shade), 0 10px 22px color-mix(in srgb, var(--ink) 22%, transparent);grid-template-columns:auto minmax(0,1fr);justify-self:center;display:grid;position:relative}.writing-spinner{border:5px solid var(--grape-soft);border-block-start-color:var(--grape);border-radius:50%;grid-row:1/3;width:34px;height:34px;animation:.9s linear infinite writing-spin}.writing-status{min-height:1.4em;font-size:var(--text-ml);color:var(--ink);text-align:start;margin:0;font-weight:700;line-height:1.25}.writing-status bdi{color:var(--grape-deep)}.writing-progress[data-kind] .writing-spinner{grid-row:1/4}.writing-kind{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-s);color:var(--grape-deep);text-align:start;flex-wrap:wrap;margin:0;font-weight:700;line-height:1.3;display:flex}.writing-kind .pill{font-size:var(--text-xs);color:var(--ink);background:var(--sky-soft);font-weight:400}.writing-bar{border-radius:var(--radius-pill);background:var(--shade);height:10px;display:block;overflow:hidden}.writing-bar i{border-radius:inherit;background:repeating-linear-gradient(-45deg, var(--grape) 0 10px, color-mix(in srgb, var(--grape) 70%, var(--white)) 10px 20px) 0 0 / 28px 100%;height:100%;transition:inline-size var(--dur-enter) var(--spring);animation:.8s linear infinite writing-stripes;display:block}@keyframes writing-spin{to{rotate:360deg}}@keyframes writing-stripes{to{background-position:28px 0}}@keyframes writing-land{0%{opacity:0;transform:scale(.4)translateY(-24px)}}@keyframes writing-idle{50%{transform:scale(.985,1.03)}}@keyframes writing-breathe{50%{opacity:.6;transform:scale(.94)}}@keyframes writing-dot{50%{opacity:.5;transform:translateY(-6px)}}@keyframes writing-jump{40%{transform:translateY(-38%)rotate(-6deg)}70%{transform:translateY(0)scale(1.06,.92)}}@keyframes writing-wiggle{25%{transform:rotate(-14deg)scale(1.12)}50%{transform:rotate(10deg)scale(1.12)}75%{transform:rotate(-6deg)}}@keyframes writing-hand-tap{0%,to{transform:translate(0)scale(1)}45%{transform:translate(-4px,-14px)scale(1.05)}60%{transform:translate(0)scale(.92)}}@keyframes writing-row-in{0%{opacity:0;transform:translateY(80%)}}@keyframes writing-blink{50%{opacity:0}}@keyframes writing-glow{50%{filter:brightness(1.25);transform:scale(1.1)}}@keyframes writing-pulse{40%{filter:brightness(1.4);transform:scale(1.22)}}@keyframes writing-spark-in{0%{transform:translate(var(--from-x), var(--from-y)) scale(.3);opacity:0}30%{opacity:1}}@keyframes writing-twinkle{50%{opacity:.55;transform:scale(.85)}}@keyframes writing-ground{to{background-position-x:-61.2766cqh}}@keyframes writing-step{50%{opacity:0}}@keyframes writing-hop{15%{transform:scale(1.06,.92)}50%{transform:translateY(-26cqh)scale(.96,1.05)}85%{transform:translateY(0)scale(1.05,.94)}}@keyframes writing-hop-hide{0%{visibility:visible}1%,88%{visibility:hidden}89%{visibility:visible}}@keyframes writing-hop-show{0%{visibility:hidden}1%,88%{visibility:visible}89%{visibility:hidden}}@keyframes writing-treat{0%{translate:104cqw;rotate:none}55%{opacity:1;translate:31cqw;rotate:-30deg;scale:1}65%,to{opacity:0;translate:31cqw -6cqh;rotate:-30deg;scale:1.6}}@keyframes writing-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.3)}to{opacity:0;transform:rotate(var(--a)) translateY(-16cqh) scale(1)}}@keyframes writing-badge{50%{transform:scale(1.1)}}@keyframes writing-turn{50%{transform:rotate(-25deg)}}@keyframes writing-station{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--grape) 18%, transparent)}}@media (max-width:640px){.writing-scene{aspect-ratio:auto;gap:var(--space-4);max-height:none}.writing-workshop{align-items:end;row-gap:var(--space-4);grid-template-columns:1fr 1fr;grid-template-areas:"screen screen""hero shelf"}.writing-console{grid-area:screen;max-width:240px}.writing-hero{grid-area:hero;width:clamp(72px,70%,112px)}.writing-shelf{grid-area:shelf;width:clamp(96px,86%,140px)}.writing-workshop:not(:has(.writing-shelf)) .writing-hero{grid-column:1/-1;justify-self:center}.writing-station{width:44px;height:44px}.writing-station svg{width:22px;height:22px}.writing-track li{font-size:var(--text-xs)}.writing-track li+li:before{top:20px;width:calc(100% - 46px);inset-inline-end:calc(50% + 23px)}.writing-status{font-size:var(--text-m)}.writing-progress{margin-top:0}}.choosing{gap:var(--space-6);max-width:920px;margin:0 auto var(--space-6);display:grid}.choosing-head{justify-content:center;align-items:center;gap:var(--space-4);text-align:start;display:flex}.choosing-title{font-family:var(--font-title);color:var(--ink);margin:0;font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1.1}.choosing-hint{margin:var(--space-1) 0 0;font-size:var(--text-l);color:var(--ink-soft)}.choosing-cards{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.choice-card{--face:var(--leaf);--deep:var(--leaf-deep);--lift-scale:1.04;--pop-scale:1.12;align-items:center;gap:var(--space-4);inline-size:100%;min-height:240px;padding:var(--space-6) var(--space-5) var(--space-7);border-radius:var(--radius-l);color:var(--ink);font-family:var(--font-title);cursor:pointer;transition:transform var(--dur-pop) var(--spring), box-shadow var(--dur-press) ease;animation:choice-in var(--dur-enter) var(--spring) both;border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.choosing-cards li:nth-child(2) .choice-card{animation-delay:90ms}.choosing-cards li:nth-child(3) .choice-card{animation-delay:.18s}.choice-card[data-tone=grape]{--face:var(--grape);--deep:var(--grape-deep);color:var(--white)}.choice-card[data-tone=sky]{--face:var(--sky);--deep:var(--sky-deep)}.choice-card[data-speaking]{transform:translateY(-6px) scale(var(--lift-scale));outline:6px solid color-mix(in srgb, var(--sun) 80%, transparent);outline-offset:4px}.choice-card[data-picked=true]{animation:choice-picked var(--dur-bouncy) var(--spring) both}.choice-card[data-picked=false]{opacity:.35;filter:saturate(.4)}.choice-card:disabled{cursor:default}.choice-sticker{aspect-ratio:1;border-radius:var(--radius-pill);background:var(--surface);inline-size:clamp(96px,60%,150px);box-shadow:0 0 0 var(--line) var(--ink);place-items:center;display:grid}.choice-icon{fill:none;block-size:72%;inline-size:72%;stroke:var(--ink)}.choice-icon .w{fill:var(--surface)}.choice-icon .a{fill:var(--sun)}.choice-icon .k{fill:var(--ink)}.choice-icon .g{fill:var(--leaf)}.choice-title{font-size:var(--text-xl);text-align:center;text-wrap:balance;line-height:1.15}.choice-timer{inset-inline:var(--space-5);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 18%, transparent);block-size:10px;position:absolute;inset-block-end:var(--space-4);overflow:hidden}.choice-timer i{border-radius:inherit;background:var(--ink);block-size:100%;transition:inline-size var(--dur-press) linear;display:block}.choosing-picked{min-block-size:1.5em;font-family:var(--font-title);font-size:var(--text-xl);color:var(--ink);margin:0}@keyframes choice-in{0%{opacity:0;transform:translateY(24px)scale(.92)}}@keyframes choice-picked{40%{transform:scale(var(--pop-scale)) rotate(-2deg)}70%{transform:scale(.98)}}.choosing.in-chat{gap:var(--space-4);margin:0}.choosing.in-chat .choosing-head{justify-content:flex-start}.choosing.in-chat .choosing-title{font-size:var(--text-xl)}.choosing.in-chat .choosing-cards{gap:var(--space-4);grid-template-columns:1fr}.choosing.in-chat .choice-card{--lift-scale:1;--pop-scale:1.03;min-height:0;padding:var(--space-3) var(--space-4);text-align:start;flex-direction:row}.choosing.in-chat .choice-sticker{flex:none;inline-size:64px}.choosing.in-chat .choice-title{font-size:var(--text-l);text-align:start}@media (max-width:640px){.choosing{gap:var(--space-5)}.choosing-cards{gap:var(--space-4);grid-template-columns:1fr}.choice-card{--lift-scale:1;--pop-scale:1.03;min-height:0;padding:var(--space-4) var(--space-5) var(--space-7);text-align:start;flex-direction:row}.choice-sticker{flex:none;inline-size:84px}.choice-title{text-align:start}}@media (prefers-reduced-motion:reduce){.choice-card,.choice-card[data-picked=true]{animation:none}.choice-card[data-speaking]{transform:none}.writing-scene,.writing-title,.writing-title-blank i,.writing-hero img,.writing-hero[data-drawn] img,.writing-hero img[data-jump],.writing-tap,.writing-row,.writing-cursor,.writing-glow,.writing-glow[data-pulse],.writing-spark,.writing-play-ground,.writing-runner,.writing-runner img,.writing-play-badge,.writing-fix,.writing-picture,.writing-picture[data-ready],.writing-picture img[data-wiggle],.writing-track li[data-now] .writing-station,.writing-bar i{animation:none}.writing-runner img[data-pose=b],.writing-treat,.writing-burst{display:none}.writing-spinner{animation-duration:3s}}.building-bar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 3px 0 var(--shade);font-size:var(--text-s);color:var(--ink-soft);display:inline-flex}.dots{gap:var(--space-1);display:inline-flex}.dots i{background:var(--grape);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{40%{transform:translateY(-5px)}}.game-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.game-layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.panel{top:var(--space-5);height:calc(100dvh - var(--space-8) - var(--space-7) - var(--space-5));flex-direction:column;min-height:520px;display:flex;position:sticky;overflow:hidden}}.stage-column{min-width:0}.stage-card{gap:var(--space-4);display:grid}.stage-header{align-items:center;gap:var(--space-4);display:flex}.stage-title{min-width:0;font-weight:700;font-size:var(--text-xl);flex:1}.stage-steps{gap:var(--space-2);display:flex}.stage-steps i{border-radius:var(--radius-pill);background:var(--shade);height:10px;transition:background-color var(--dur-pop) ease;flex:1}.stage-steps i[data-state=done]{background:var(--leaf)}.stage-steps i[data-state=now]{background:var(--sun)}.canvas-stack{border:4px solid var(--surface);border-radius:var(--radius-l);box-shadow:0 0 0 var(--line) var(--ink), var(--lift);background:var(--surface-2);position:relative;overflow:hidden}.canvas-host{aspect-ratio:16/9;touch-action:none;cursor:pointer;width:100%}.arrival{inset-inline:0;width:max-content;max-width:calc(100% - 32px);padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);background:var(--sun);box-shadow:0 4px 0 var(--sun-deep), var(--lift);color:var(--ink);font-family:var(--font-title);font-size:var(--text-xl);pointer-events:none;animation:arrival 2.8s var(--spring) both;margin-inline:auto;font-weight:700;position:absolute;top:14px}.arrival:before{content:"✨ "}@keyframes arrival{0%{opacity:0;transform:translateY(-12px)scale(.7)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.arrival{animation:none}}.canvas-frame{width:100%;height:100%}.canvas-host[data-shape=tall]{aspect-ratio:4/5}.written-stage{container:written-game/inline-size}.written-stack{justify-self:center;width:min(100%,45vh)}.written-frame{aspect-ratio:9/16;background:#8fd3ff;border:0;width:100%;max-height:80vh;display:block}.written-stack[data-screen=wide]{width:min(100%,128vh)}.written-stack[data-screen=wide]>.written-frame{aspect-ratio:16/10}@container written-game (max-width:759px){.written-stack[data-screen=wide]{width:min(100%,45vh)}.written-stack[data-screen=wide]>.written-frame{aspect-ratio:9/16;height:85vh;max-height:85vh}}.written-after{justify-items:center;display:grid}.written-stack>.buddy{bottom:var(--space-4);position:absolute;inset-inline-start:var(--space-4)}.canvas-host[data-shape=platform]{aspect-ratio:16/10}@media (max-width:600px){.canvas-host[data-shape=platform]{aspect-ratio:5/4}}.canvas-stack:has(.canvas-host[data-shape=tall]){width:min(100%,min(62vh,620px)/1.25);margin-inline:auto}.controls{gap:var(--space-4);display:grid}.coach{align-items:flex-end;gap:var(--space-4);display:flex}.coach-face{--tilt-sign:-1;flex:none;width:58px}[dir=ltr] .coach-face{transform:scaleX(-1)}.bubble{padding:var(--space-4) var(--space-5);background:var(--surface);--bubble-deep:var(--shade);--bubble-drop:calc(3px + var(--line-thin));box-shadow:0 0 0 var(--line-thin) var(--ink), 0 var(--bubble-drop) 0 var(--bubble-deep), 0 var(--bubble-drop) 0 var(--line-thin) var(--ink);font-size:var(--text-ml);transition:background-color var(--dur-pop) ease;border-radius:22px 22px 22px 6px;margin:0;font-weight:500;line-height:1.3}[dir=rtl] .bubble{border-radius:22px 22px 6px}.coach[data-kind=wrong] .bubble,.coach[data-kind=full] .bubble{background:var(--coral-soft);--bubble-deep:var(--coral);animation:wobble var(--dur-enter) ease}.coach[data-kind=stage-cleared] .bubble,.coach[data-kind=complete] .bubble{background:var(--leaf-soft);--bubble-deep:var(--leaf);animation:pop var(--dur-pop) var(--spring)}.coach[data-kind=hint] .bubble{background:var(--sky-soft);--bubble-deep:var(--sky);animation:pop var(--dur-pop) var(--spring)}.coach[data-kind=wrong] .coach-face,.coach[data-kind=stage-cleared] .coach-face,.coach[data-kind=complete] .coach-face{animation:pop var(--dur-pop) var(--spring)}.say-again{--face:var(--surface);--deep:var(--shade);--press-depth:3px;width:44px;height:44px;padding:var(--space-4);color:var(--grape);cursor:pointer;transition:transform var(--dur-press) ease;border:0;border-radius:50%;flex:none;align-self:center;place-items:center;display:grid}@keyframes wobble{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(.85)}}.meter{padding:var(--space-4) var(--space-5);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink), 0 3px 0 var(--line-thin) var(--ink);gap:var(--space-4);border-radius:20px;display:grid}.meter-head{align-items:center;gap:var(--space-4);font-size:var(--text-ml);margin:0;font-weight:600;display:flex}.sun-badge{min-width:36px;height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--sun);box-shadow:inset 0 -3px 0 var(--sun-deep), 0 0 0 var(--line-thin) var(--ink);font-size:var(--text-l);place-items:center;font-weight:700;display:grid}.meter-total{padding:3px var(--space-4);border-radius:var(--radius-pill);background:var(--sun-soft);font-size:var(--text-s);margin-inline-start:auto}.meter-total[data-over]{background:var(--coral-soft)}.planks{gap:var(--space-1);display:flex}.planks i{background:var(--surface-2);height:18px;transition:background-color var(--dur-pop) ease, transform var(--dur-pop) var(--spring);border-radius:5px;flex:1}.planks i[data-laid]{animation:plank-in var(--dur-pop) var(--spring) backwards;animation-delay:calc(var(--i) * 40ms);background:#c98b4f;box-shadow:inset 0 -4px #8f5a2b}.planks[data-over] i[data-laid]{background:var(--coral);box-shadow:inset 0 -4px 0 var(--coral-deep)}@keyframes plank-in{0%{opacity:0;transform:translateY(-10px)}}.eggs{justify-content:center;gap:var(--space-4);padding-block:var(--space-2) var(--space-1);flex-wrap:wrap;display:flex}.egg{width:76px;height:94px;padding-top:var(--space-4);color:var(--ink);font-size:var(--text-2xl);cursor:pointer;transition:transform var(--dur-pop) var(--spring), background-color var(--dur-pop) ease, box-shadow var(--dur-press) ease;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 28%,#fff 0 9px,#0000 10px),radial-gradient(circle at 72% 62%,#bde8c4 0 7px,#0000 8px),radial-gradient(circle at 28% 76%,#bde8c4 0 5px,#0000 6px),#fffaf0;border:0;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;font-weight:700;position:relative;box-shadow:0 5px #e6dcc4}.egg:active{transform:translateY(5px);box-shadow:0 0 #e6dcc4}.egg[aria-pressed=true]{background:radial-gradient(circle at 30% 28%, color-mix(in srgb, var(--white) 40%, transparent) 0 9px, transparent 10px), var(--sun);box-shadow:0 5px 0 var(--sun-deep);transform:translateY(-8px)rotate(-5deg)}.egg.has-picture{width:84px;height:94px;padding:0 0 var(--space-2);border-radius:var(--radius-m);background:var(--picture) center 42% / auto 66% no-repeat, var(--surface);box-shadow:0 5px 0 var(--shade);place-items:end center;display:grid}.egg.has-picture bdi{padding:0 var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 92%, transparent);font-size:var(--text-xl);line-height:1.2}.egg.has-picture[aria-pressed=true]{background:var(--picture) center 42% / auto 66% no-repeat, var(--sun);box-shadow:0 5px 0 var(--sun-deep)}@media (max-width:480px){.eggs{gap:var(--space-2)}.egg,.egg.has-picture{flex:1 1 0;min-width:64px;max-width:84px;height:88px}}.egg-check{top:-6px;width:30px;height:30px;padding:var(--space-2);background:var(--leaf);color:var(--ink);border:3px solid var(--bg);animation:pop var(--dur-pop) var(--spring);border-radius:50%;position:absolute;inset-inline-end:-6px}.actionbar{align-items:center;gap:var(--space-4);padding-top:var(--space-1);display:flex}@media (max-width:899px){.actionbar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.how-to{font-size:var(--text-s);color:var(--ink-soft);text-align:center;margin:0}@media not ((hover:hover) and (pointer:fine)){.how-to{display:none}}.burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{--hue:calc(var(--i) * 47deg);background:hsl(calc(40deg + var(--hue)) 95% 60%);opacity:0;width:10px;height:14px;animation:1.1s cubic-bezier(.15,.7,.3,1) forwards confetti;animation-delay:calc(var(--i) * 18ms);border-radius:3px;position:absolute;top:55%;left:82%}.confetti:nth-child(3n){border-radius:50%;width:11px;height:11px}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(calc((var(--i) - 7) * 26px), calc(-140px + var(--i) * 9px)) rotate(calc(var(--i) * 80deg))}}.complete-card{place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-6);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;animation:fade-in var(--dur-enter) ease;display:grid;position:absolute;inset:0}.complete-card>.buddy{top:var(--space-4);animation-delay:var(--dur-pop);position:absolute;inset-inline-start:var(--space-4)}.complete-card{container-type:size}@container (max-height:320px){.complete-card>.buddy{width:auto;height:52px;top:var(--space-3)}}.complete-stars{gap:var(--space-2);color:var(--sun);filter:drop-shadow(0 3px 0 var(--sun-deep));display:flex}.complete-stars svg{width:clamp(36px,8vw,56px);height:clamp(36px,8vw,56px);animation:pop var(--dur-enter) var(--spring) backwards}.complete-stars svg:nth-child(2){animation-delay:.12s;transform:translateY(-10px)}.complete-stars svg:nth-child(3){animation-delay:.24s}.complete-title{margin:0;font-size:clamp(22px,4vw,32px);font-weight:700}@keyframes fade-in{0%{opacity:0}}.ready-offer{inset-inline:0;top:var(--space-4);width:max-content;max-width:calc(100% - 2 * var(--space-4));align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 4px 0 var(--shade), var(--lift);animation:offer-in var(--dur-pop) var(--spring);flex-wrap:wrap;justify-content:center;margin-inline:auto;display:flex;position:absolute}.ready-offer-text{font-weight:600;font-size:var(--text-s)}@keyframes offer-in{0%{opacity:0;transform:translateY(-10px)}}.draft-strip{gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--sun-soft);border-radius:var(--radius-m);margin-bottom:var(--space-4);font-size:var(--text-s);max-height:240px;transition:max-height var(--dur-pop) ease, opacity var(--dur-pop) ease, margin-bottom var(--dur-pop) ease, padding var(--dur-pop) ease;flex-wrap:wrap;align-items:flex-end;display:flex;overflow:hidden}.draft-strip[data-collapsed]{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;padding-block:0}.draft-strip .field:first-of-type{flex:1 1 0}.draft-strip .field:first-of-type select{width:100%}.draft-note{color:var(--ink);flex:100%;font-weight:500}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.field select{appearance:none;max-width:220px;min-height:44px;padding:var(--space-2) var(--space-7) var(--space-2) var(--space-4);border-radius:var(--radius-s);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231e1b4b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center, var(--surface);box-shadow:0 3px 0 var(--shade);font-family:var(--font-title);font-weight:600;font-size:var(--text-m);cursor:pointer;border:0}[dir=rtl] .field select{padding:var(--space-2) var(--space-4) var(--space-2) var(--space-7);background-position:12px,0 0}.panel{border:1px solid var(--shade);box-shadow:var(--lift)}.sheet-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sheet-body>*,.panel-ideas{min-width:0}.panel-head{align-items:center;column-gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-block-end:1px solid var(--shade);grid-template-columns:minmax(0,1fr) auto;display:grid}.panel-head .panel-heading{display:contents}.panel-head .panel-heading p{grid-column:1/-1}.panel-head .panel-actions{grid-area:1/2}.panel-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.panel-undo{width:var(--target);min-height:var(--target);flex:none;padding:0}.panel .panel-head .panel-fresh{width:var(--target);place-items:center;padding:0;display:grid}.panel-fresh svg,.panel-undo svg{width:var(--space-6);height:var(--space-6)}.thread{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--shade) transparent;gap:var(--space-5);min-height:0;padding:var(--space-5) var(--space-6);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.turn{gap:var(--space-2);display:grid}.bubble-ask{max-width:88%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--grape);color:var(--white);font-size:var(--text-m);overflow-wrap:anywhere;box-shadow:0 0 0 var(--line-thin) var(--ink);border-end-end-radius:var(--radius-s);justify-self:end;margin:0;line-height:1.45}.bubble-label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;margin-block-end:var(--space-1);font-weight:600;display:block}.reply{justify-self:stretch;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink);border-end-start-radius:var(--radius-s);display:grid}.reply[data-current]{background:var(--leaf-soft)}.reply-info{background:var(--sky-soft)}.reply-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.reply-version{font-family:var(--font-title);font-weight:700;font-size:var(--text-s)}.reply-time{color:var(--ink-soft);font-size:var(--text-xs);margin-inline-end:auto}.reply-title{font-family:var(--font-title);font-weight:700;font-size:var(--text-s);margin:0}.reply-note{font-size:var(--text-s);margin:0;line-height:1.5}.composer-area{gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-6) var(--space-5);border-block-start:1px solid var(--shade);background:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.panel .panel-heading h2{font-size:var(--text-xl);margin:0}.panel-heading p{margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:var(--text-s);line-height:1.5}.sheet-toggle{display:none}.sheet-spinner{border:3px solid color-mix(in srgb, var(--white) 40%, transparent);border-block-start-color:var(--white);border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite writing-spin}.panel h2{font-size:var(--text-ml);margin:var(--space-2) 0 0;font-weight:700}.ask-box{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);background:var(--surface-2);border:1px solid var(--shade);transition:border-color var(--dur-press) ease;display:grid}.ask-box:focus-within{border-color:var(--grape)}.edit-input{width:100%;min-height:56px;max-height:168px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-s);font-size:var(--text-m);resize:none;background:0 0;border:0;line-height:1.5;overflow-y:auto}.edit-input:focus-visible{outline:none}.edit-input::placeholder{color:var(--ink-soft);opacity:1}.ask-tools{align-items:center;gap:var(--space-3);color:var(--ink-soft);font-size:var(--text-xs);display:flex}.ask-tools .idea-photos{flex:1;min-width:0}.ask-tools .mic{flex:none}.ask-tools .idea-photo-add{border:1px solid var(--shade);border-radius:var(--radius-s);box-shadow:none;color:var(--grape-deep);font-family:var(--font);white-space:normal;font-weight:500;transform:none}.ask-tools .idea-photo-add:hover:not(:disabled){background:var(--grape-soft)}.ask-tools .idea-photo-add{width:var(--target);min-height:var(--target);border-radius:50%;place-items:center;padding:0;display:grid}.ask-tools .idea-photo-add svg{width:var(--space-6);height:var(--space-6)}.ask-tools .mic-btn{width:var(--target);height:var(--target);background:var(--surface);border:1px solid var(--shade);box-shadow:none;color:var(--grape-deep)}.ask-tools .mic-btn:is([data-state=listening],[data-state=asking],[data-state=hearing]){background:var(--grape-soft)}.ask-tools .mic-btn svg{width:var(--space-6);height:var(--space-6)}.ask-submit{width:var(--target);min-height:var(--target);box-shadow:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ask-submit svg{width:var(--space-6);height:var(--space-6)}.ask-submit:disabled{background:var(--shade);color:var(--ink-soft);opacity:1}.ask-submit:active:not(:disabled),.ask-tools .mic-btn:active{box-shadow:none;transform:none}.panel-ideas[hidden]{display:none}.panel-ideas .suggestions{gap:var(--space-2);scrollbar-width:none;padding:var(--space-1) var(--space-1) var(--space-2);margin-inline:calc(-1 * var(--space-1));-webkit-mask-image:linear-gradient(to right, var(--ink) calc(100% - var(--space-7)), transparent);mask-image:linear-gradient(to right, var(--ink) calc(100% - var(--space-7)), transparent);flex-wrap:nowrap;overflow-x:auto}.panel[dir=rtl] .panel-ideas .suggestions{-webkit-mask-image:linear-gradient(to left, var(--ink) calc(100% - var(--space-7)), transparent);mask-image:linear-gradient(to left, var(--ink) calc(100% - var(--space-7)), transparent)}.panel-ideas .suggestions::-webkit-scrollbar{display:none}.panel-ideas .suggestion{align-items:center;gap:var(--space-2);white-space:nowrap;padding:var(--space-2) var(--space-4);font-size:var(--text-s);flex:none;display:inline-flex}.suggestion-tool{background:var(--grape-soft)}.suggestion-tool[aria-pressed=true]{border-color:var(--grape);box-shadow:0 0 0 var(--line-thin) var(--grape)}.suggestion-tool svg{width:var(--space-6);height:var(--space-6)}.studio-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.studio-foot .note{font-size:var(--text-xs);margin:0}.panel :is(.history,.studio-foot,.reply,.panel-head) .btn{min-height:var(--target);border:1px solid var(--shade);border-radius:var(--radius-s);box-shadow:none;font-family:var(--font);font-size:var(--text-s);white-space:normal;font-weight:500;transform:none}.panel :is(.history,.studio-foot,.reply,.panel-head) .btn:hover:not(:disabled){background:var(--grape-soft)}.panel .reply .reply-use{align-items:center;gap:var(--space-2);padding-inline:var(--space-3);color:var(--grape-deep);background:0 0;border-color:#0000;font-weight:600;display:inline-flex}.reply-use svg{width:var(--space-5);height:var(--space-5)}.panel .version-now{background:var(--surface);box-shadow:none;color:var(--leaf-deep);font-size:var(--text-xs)}.page[data-phase=game] .site-header nav{gap:var(--space-4)}.page[data-phase=game] .site-header .btn{box-shadow:none;border:1px solid var(--shade);border-radius:var(--radius-s);font-family:var(--font);font-weight:500;transform:none}.page[data-phase=game] .site-header .account-actions .btn{color:var(--ink-soft);background:0 0;border-color:#0000}.page[data-phase=game] .site-header .btn:hover:not(:disabled){background:var(--grape-soft);color:var(--grape-deep)}.ask-box .idea-photos-row:has(.idea-photo){padding-block-start:var(--space-3)}.edit-note{color:var(--ink)}.suggestions{gap:var(--space-3);flex-wrap:wrap;display:flex}.suggestions[hidden]{display:none}.suggestion{padding:var(--space-3) var(--space-5);border:var(--line-thin) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;color:var(--grape-deep);font-family:var(--font-title);font-weight:600;font-size:var(--text-s);text-align:start;cursor:pointer;transition:background-color var(--dur-press) ease, border-color var(--dur-press) ease}.suggestion:hover:not(:disabled){background:var(--grape-soft)}.complete-more{justify-items:center;gap:var(--space-3);margin-top:var(--space-2);max-width:420px;animation:finished-in var(--dur-enter) var(--spring) .6s backwards;display:grid}.complete-more p{font-family:var(--font-title);font-weight:600;font-size:var(--text-s);color:var(--ink-soft);margin:0}.complete-share{justify-items:center;gap:var(--space-3);padding-block-end:var(--space-2);display:grid}.emails-card{gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-4);border-radius:var(--radius-l);background:var(--surface);border:2px solid var(--line);display:grid}.emails-card p{margin:0}.emails-title{font-family:var(--font-title);font-weight:700}.emails-actions,.emails-setting{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.emails-setting{justify-content:space-between;margin-block-end:var(--space-4)}.complete-keep{justify-items:center;gap:var(--space-3);text-align:center;padding-block-end:var(--space-2);display:grid}.complete-more-chips{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.suggestion-big{min-height:48px;padding:var(--space-4) var(--space-6);font-size:var(--text-m)}@keyframes finished-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@media (prefers-reduced-motion:reduce){.complete-more{animation:none}}.suggestion:disabled{opacity:.5;cursor:default}.history{gap:var(--space-2);margin-top:var(--space-2);display:grid}.history-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.history-head h2{margin:0}.history-head .btn-small svg{width:16px;height:16px}.timeline{gap:var(--space-1);max-height:min(420px,52vh);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.moment{align-items:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-s);grid-template-columns:30px minmax(0,1fr) auto;display:grid;position:relative}.moment:not(:last-child):before{content:"";inset-inline-start:calc(var(--space-4) + 14px);top:calc(var(--space-4) + 30px);bottom:calc(-1 * var(--space-4));background:var(--shade);width:2px;position:absolute}.moment[data-current]{background:var(--leaf-soft)}.moment-dot{background:var(--surface-2);border:2px solid var(--shade);width:30px;height:30px;font-family:var(--font-title);font-weight:700;font-size:var(--text-s);color:var(--ink-soft);border-radius:50%;place-items:center;display:grid;position:relative}.moment[data-current] .moment-dot{background:var(--leaf);border-color:var(--leaf-deep);color:var(--ink)}.moment-body{gap:2px;min-width:0;display:grid}.moment-body p{margin:0}.moment-title{font-family:var(--font-title);font-weight:700;font-size:var(--text-s)}.moment-ask{font-weight:700;font-size:var(--text-s);overflow-wrap:anywhere;line-height:1.3}.moment-note{font-size:var(--text-s);color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.moment-meta{font-size:var(--text-xs);color:var(--ink-soft)}.moment .btn-small{align-self:center}.version-now{background:var(--leaf);font-weight:600;font-size:var(--text-s);align-self:center}.moment[data-pending=true]{align-items:center}.skeleton-line{border-radius:var(--radius-pill);background:var(--shade);width:70%;height:12px;animation:1.4s ease-in-out infinite skeleton;display:block}@keyframes skeleton{50%{opacity:.45}}.panel[aria-busy=true] .edit-input,.panel[aria-busy=true] .suggestion{opacity:.55}@media (max-width:899px){.game-layout{--toggle-row:48px;row-gap:var(--space-3)}.panel{min-height:var(--toggle-row);z-index:var(--z-sheet);box-shadow:none;background:0 0;border:0;order:-1;justify-self:end}.game-layout:has(>.panel[data-open]){padding-top:calc(var(--toggle-row) + var(--space-3))}.sheet-toggle{border-radius:var(--radius-pill);min-height:44px;padding:var(--space-2) var(--space-5);font-size:var(--text-s);--press-depth:4px;box-shadow:none;display:inline-flex;transform:none}.sheet-body{display:none}.panel[data-open]{top:auto;inset-inline:0;border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--surface);height:86dvh;max-height:86dvh;box-shadow:var(--lift);animation:sheet-in var(--dur-enter) var(--spring);flex-direction:column;justify-self:stretch;display:flex;position:fixed;bottom:0}.panel[data-open] .sheet-toggle{margin-top:var(--space-4);background:var(--surface-2);color:var(--ink);font-size:var(--text-m);align-self:center}.panel[data-open] .sheet-toggle:after{content:"";width:var(--space-3);height:var(--space-3);border-inline-end:var(--line-thin) solid currentColor;border-block-end:var(--line-thin) solid currentColor;rotate:45deg;translate:0 calc(-1 * var(--space-1));margin-inline-start:var(--space-3)}.panel[dir=rtl][data-open] .sheet-toggle:after{rotate:-45deg}.panel[data-open] .sheet-spinner{border-color:var(--shade);border-block-start-color:var(--grape)}.panel[data-open] .sheet-body{display:flex;overflow:hidden}.panel[data-open] .composer-area{padding-block-end:calc(var(--space-4) + env(safe-area-inset-bottom))}.panel[data-open] .panel-head{padding:var(--space-3) var(--space-5)}.panel[data-open] .thread,.panel[data-open] .composer-area{padding-inline:var(--space-5)}.panel[data-open] .panel-heading h2{display:none}.panel[data-open] .panel-heading p{grid-area:1/1;margin:0}.panel[data-open]+.sheet-scrim{z-index:var(--z-scrim);background:color-mix(in srgb, var(--ink) 25%, transparent);animation:fade-in var(--dur-pop) ease;display:block;position:fixed;inset:0}}.sheet-scrim{display:none}@keyframes sheet-in{0%{opacity:.6;transform:translateY(40%)}}@media (prefers-reduced-motion:reduce){.plank{transform:none}.burst{display:none}}.game-note{margin:0 0 var(--space-4);padding:var(--space-4) var(--space-6);background:var(--sky-soft);color:var(--ink);border-radius:var(--radius-m);font-size:var(--text-s);line-height:1.4}.edit-making{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface-2);box-shadow:0 0 0 var(--line) var(--ink);display:grid;container-type:inline-size}.edit-stage{align-items:center;gap:var(--space-4);grid-template-columns:minmax(112px,46%) 1fr;display:grid}.edit-making .writing-console{grid-area:auto;max-width:none}.edit-making .writing-screen{border-radius:var(--radius-m);border-width:5px}.edit-making .writing-console-base{height:8px;margin-top:var(--space-1)}.edit-now{gap:var(--space-3);min-width:0;display:grid}.edit-now-line{align-items:center;gap:var(--space-3);font-size:var(--text-m);color:var(--ink);margin:0;font-weight:700;line-height:1.3;display:flex}.edit-spinner{border:3px solid var(--grape-soft);border-block-start-color:var(--grape);border-radius:50%;flex:none;width:20px;height:20px;animation:.9s linear infinite writing-spin}.edit-clock{gap:var(--space-1);font-size:var(--text-xs);color:var(--ink-soft);margin:0;line-height:1.35;display:grid}.edit-clock time{font-size:var(--text-s);font-variant-numeric:tabular-nums;color:var(--grape-deep);font-weight:700}@container (max-width:300px){.edit-stage{grid-template-columns:1fr}}.edit-plan{gap:var(--space-2);font-size:var(--text-s);color:var(--ink);line-height:1.35;display:grid}.edit-asked{overflow-wrap:anywhere;margin:0;font-weight:700}.edit-asked bdi{color:var(--grape-deep)}.edit-doing{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.edit-doing li,.edit-new-game{align-items:center;gap:var(--space-3);display:flex}.edit-new-game{margin:0;font-weight:700}.edit-new-game bdi{color:var(--grape-deep)}.edit-plan .tick{background:var(--leaf);width:18px;height:18px;color:var(--ink);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:inline-grid}.edit-pictures{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.edit-pictures li{border-radius:var(--radius-m);background:var(--surface-2);width:44px;height:44px;box-shadow:0 0 0 var(--line-thin) var(--ink);color:var(--ink-soft);place-items:center;display:grid}.edit-pictures img{object-fit:contain;width:36px;height:36px;animation:writing-land var(--dur-pop) var(--spring) both}.edit-pictures svg{width:20px;height:20px}.edit-steps{gap:var(--space-1);color:var(--ink-soft);font-size:var(--text-s);margin:0;padding:0;line-height:1.35;list-style:none;display:grid}.edit-steps li{align-items:center;gap:var(--space-3);display:flex}.edit-steps li[data-now=true]{color:var(--ink);font-weight:700}.edit-steps .tick{background:var(--leaf);width:18px;height:18px;color:var(--ink);font-size:var(--text-xs);border-radius:50%;place-items:center;display:inline-grid}.edit-steps .dots{justify-content:center;gap:3px;width:18px;display:inline-flex}.edit-bar{border-radius:var(--radius-pill);background:var(--shade);height:8px;display:block;overflow:hidden}.edit-bar i{background:repeating-linear-gradient(-45deg, var(--grape) 0 8px, color-mix(in srgb, var(--grape) 60%, var(--white)) 8px 16px) 0 0 / 22.6px 100%;height:100%;animation:.7s linear infinite edit-stripes;display:block}@keyframes edit-stripes{to{background-position:22.6px 0}}@media (prefers-reduced-motion:reduce){.edit-pictures img,.edit-bar i{animation:none}.edit-spinner,.sheet-spinner{animation-duration:3s}}.hero-change{border-radius:var(--radius-m);background:var(--surface-2)}.hero-change summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-3) var(--space-5);font-family:var(--font-title);font-weight:700;font-size:var(--text-s);cursor:pointer;list-style:none;display:flex}.hero-change summary::-webkit-details-marker{display:none}.hero-change summary:after{content:"";border-inline-end:2.5px solid;width:9px;height:9px;transition:transform var(--dur-press) ease;border-bottom:2.5px solid;margin-inline-start:var(--space-1);transform:rotate(45deg)}.hero-change[open] summary:after{transform:rotate(225deg)}.panel[dir=rtl] .hero-change summary:after{transform:rotate(-45deg)}.panel[dir=rtl] .hero-change[open] summary:after{transform:rotate(-225deg)}.hero-change-strip{margin-inline-start:auto;display:flex}.hero-change-strip img{object-fit:contain;width:30px;height:30px;margin-inline-start:-6px}.hero-change[open] .hero-change-strip{visibility:hidden}.hero-change>:not(summary){margin-inline:var(--space-4)}.hero-picker-hint{margin:-4px 0 var(--space-3);color:var(--ink-soft);font-size:var(--text-s)}.hero-picker{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid}.hero-pick{--face:var(--surface);--deep:var(--shade);--press-depth:3px;aspect-ratio:1;padding:var(--space-1);border-radius:var(--radius-m);cursor:pointer;transition:transform var(--dur-pop) ease;border:2px solid #0000;place-items:end center;display:grid}.hero-pick img{object-fit:contain;max-width:100%;max-height:100%}.hero-pick[aria-pressed=true]{--face:var(--sun-soft);border-color:var(--sun)}.hero-pick:disabled{opacity:.6;cursor:default}.draw-hero-block{gap:var(--space-3);border-block-start:1px solid var(--shade);padding-block-start:var(--space-6);display:grid}[dir=rtl] .draw-hero{--tilt-sign:-1}.draw-hero{gap:var(--space-5);padding:var(--space-5);background:var(--surface-2);border:1px solid var(--shade);border-radius:var(--radius-m);box-shadow:none;display:grid}.draw-hero[data-phase=landed]{background:var(--leaf-soft)}.draw-head{align-items:center;gap:var(--space-5);display:flex}.draw-title{font-family:var(--font-title);font-size:var(--text-l);margin:0;font-weight:700;line-height:1.15}.draw-head .note{margin-top:var(--space-2);color:var(--ink)}.draw-paper{aspect-ratio:4/5;border-radius:var(--radius-s);background:var(--surface);width:76px;box-shadow:0 0 0 var(--line-thin) var(--ink), 0 4px 0 var(--shade);rotate:calc(-5deg * var(--tilt-sign,1));flex:none;place-items:center;display:grid}.draw-paper svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:88%;height:88%}.doodle-body{fill:var(--grape-soft);stroke:var(--grape);stroke-width:3.6px}.doodle-eye{fill:var(--surface);stroke:var(--grape);stroke-width:2.4px}.doodle-pupil{fill:var(--ink)}.doodle-line{stroke:var(--grape);stroke-width:3px}.draw-actions{gap:var(--space-5);padding-bottom:var(--space-1);display:grid}.draw-hero:is([data-phase=idle],[data-phase=failed]){gap:var(--space-5);padding:var(--space-5)}.draw-hero:is([data-phase=idle],[data-phase=failed]) .draw-head{gap:var(--space-4)}.draw-hero:is([data-phase=idle],[data-phase=failed]) .draw-paper{width:44px}.draw-hero:is([data-phase=idle],[data-phase=failed]) .draw-title{font-size:var(--text-m)}.draw-hero:is([data-phase=idle],[data-phase=failed]) .draw-head .note{margin-top:var(--space-1);font-size:var(--text-s)}.draw-hero:is([data-phase=idle],[data-phase=failed]) .draw-actions{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.draw-actions .btn{border:1px solid var(--shade);border-radius:var(--radius-s);box-shadow:none;color:var(--grape-deep);font-family:var(--font);white-space:normal;font-weight:500;transform:none}.draw-actions .btn:hover:not(:disabled){background:var(--grape-soft)}.draw-note{padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--coral-soft);font-size:var(--text-m);margin:0;line-height:1.4}.draw-privacy{padding-inline:var(--space-3)}.draw-stage{padding:var(--space-5) var(--space-4);justify-items:center;display:grid;position:relative}.draw-photo{aspect-ratio:1;width:min(100%,220px);padding:var(--space-3);border-radius:var(--radius-m);background:var(--surface);box-shadow:0 0 0 var(--line) var(--ink), var(--lift);rotate:calc(-2deg * var(--tilt-sign,1));margin:0;position:relative;overflow:hidden}.draw-photo img{object-fit:contain;border-radius:var(--radius-s);width:100%;height:100%;display:block}.draw-hero[data-phase=working] .draw-photo:after{content:"";background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--white) 75%, transparent) 50%, transparent 65%);position:absolute;inset:0;transform:translate(-100%)}.draw-spark{width:32px;height:32px;color:var(--sun);filter:drop-shadow(0 0 var(--space-2) color-mix(in srgb, var(--sun) 80%, transparent));position:absolute}.draw-spark:first-of-type{top:var(--space-2);inset-inline-start:12%}.draw-spark:nth-of-type(2){top:30%;width:22px;height:22px;color:var(--grape);inset-inline-end:4%}.draw-spark:nth-of-type(3){bottom:var(--space-3);inset-inline-end:14%}.draw-spark:nth-of-type(4){bottom:26%;width:22px;height:22px;color:var(--sky);inset-inline-start:3%}.draw-spark:nth-of-type(5){top:3%;width:18px;height:18px;color:var(--grape);inset-inline-end:24%}.draw-status .draw-title{font-size:var(--text-ml)}.draw-status .note{margin-top:var(--space-1);color:var(--ink)}.draw-pair{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.draw-photo-small{width:104px;padding:var(--space-2);flex:none}.draw-spark-big{width:30px;height:30px;color:var(--sun-deep);flex:none}.draw-hero-img{--tilt-sign:1;object-fit:contain;width:120px;height:120px}.draw-again{justify-self:start}@keyframes draw-sweep{60%,to{transform:translate(100%)}}@keyframes draw-twinkle{0%,to{opacity:.35;transform:scale(.45)rotate(0)}50%{opacity:1;transform:scale(1)rotate(25deg)}}@keyframes draw-bob{50%{transform:translateY(-4px)}}@keyframes draw-land{0%{opacity:0;transform:scale(.4)rotate(-12deg)}}@media (prefers-reduced-motion:no-preference){.draw-hero[data-phase=working] .draw-photo:after{animation:2.2s ease-in-out infinite draw-sweep}.draw-spark{animation:1.6s ease-in-out infinite draw-twinkle}.draw-spark:nth-of-type(2){animation-delay:.3s}.draw-spark:nth-of-type(3){animation-delay:.7s}.draw-spark:nth-of-type(4){animation-delay:1s}.draw-spark:nth-of-type(5){animation-delay:1.3s}.draw-hero[data-phase=working] .draw-photo{animation:2.4s ease-in-out infinite draw-bob}.draw-hero-img,.draw-spark-big{animation:draw-land var(--dur-bouncy) var(--spring) both}.draw-spark-big{animation-delay:.15s}}.studio-foot{gap:var(--space-2);text-align:center;color:var(--ink-soft);justify-items:center;display:grid}.limit-card{justify-items:start;gap:var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-6);border-radius:var(--radius-m);background:var(--sun-soft);color:var(--ink);box-shadow:inset 4px 0 0 var(--sun-deep);display:grid}[dir=rtl].limit-card{box-shadow:inset -4px 0 0 var(--sun-deep)}.limit-title{font:600 var(--text-l)/1.3 var(--font-title);text-wrap:balance;margin:0}.limit-body{font-size:var(--text-m);margin:0;line-height:1.45}.limit-card .btn{white-space:normal;text-align:center;max-width:100%;text-decoration:none}.btn-coral{--face:var(--coral);--deep:var(--coral-deep);--text:var(--ink)}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-5);background:color-mix(in srgb, var(--ink) 55%, transparent);animation:fade-in var(--dur-pop) ease;place-items:center;display:grid;position:fixed;inset:0}.modal{--tone:var(--grape);--tone-soft:var(--grape-soft);width:min(100%,480px);max-height:calc(100dvh - 32px);padding:var(--space-6);border-radius:var(--radius-l);background:var(--surface);color:var(--ink);box-shadow:0 0 0 var(--line) var(--ink), 0 var(--press-depth) 0 var(--line) var(--ink), var(--lift);animation:pop var(--dur-pop) var(--spring);outline:none;overflow-y:auto}.modal[data-tone=sun]{--tone:var(--sun);--tone-soft:var(--sun-soft)}.modal[data-tone=coral]{--tone:var(--coral);--tone-soft:var(--coral-soft)}.modal[data-tone=leaf]{--tone:var(--leaf);--tone-soft:var(--leaf-soft)}.modal-head{align-items:center;gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.modal-head h2{font:700 clamp(22px, 5vw, 28px) / 1.15 var(--font-title);text-wrap:balance;margin:0}.modal-icon{border-radius:var(--radius-m);background:var(--tone);width:56px;height:56px;color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--tone) 70%, #000);flex:none;place-items:center;display:grid;transform:rotate(-5deg)}.modal-icon svg{width:30px;height:30px}.modal-body{gap:var(--space-4);display:grid}.modal-actions{justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.modal-actions .btn{white-space:normal;text-align:center}.gate-form{gap:var(--space-4);display:grid}.gate-ask{font-size:var(--text-ml);color:var(--ink-soft);margin:0}.gate-label{font:600 var(--text-ml) var(--font-title)}.gate-words{padding:var(--space-5) var(--space-5);border-radius:var(--radius-m);background:var(--sun-soft);font:700 clamp(28px, 8vw, 38px) / 1.2 var(--font-title);text-align:center;text-wrap:balance;margin:0}.gate-input{width:100%;min-height:64px;padding:var(--space-3) var(--space-5);border:3px solid var(--ink);border-radius:var(--radius-m);background:var(--surface);font:700 var(--text-2xl) var(--font-title);letter-spacing:.15em;text-align:center}.gate-input[aria-invalid=true]{border-color:var(--coral-deep)}.gate-wrong{min-height:1.4em;color:var(--ink);margin:0;font-weight:600}.gate-wrong:empty{min-height:0}.report-row{margin-top:var(--space-4);justify-content:flex-end;display:flex}.report-trigger{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);color:var(--ink-soft);font:500 var(--text-s) var(--font);cursor:pointer;background:0 0;border:0;display:inline-flex}.report-trigger:hover{background:var(--surface-2);color:var(--ink)}.report-trigger svg{flex:none;width:20px;height:20px}.report-choices{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.report-choice:last-child:nth-child(odd){grid-column:1/-1}.report-choice{--face:var(--surface-2);--deep:var(--shade);align-content:center;justify-items:center;gap:var(--space-3);min-height:104px;padding:var(--space-4) var(--space-3);border-radius:var(--radius-m);color:var(--ink);font:600 var(--text-l) / 1.15 var(--font-title);text-align:center;cursor:pointer;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;-webkit-tap-highlight-color:transparent;border:0;display:grid}.report-choice:disabled{opacity:.6;cursor:default}.report-choice-icon{background:var(--tone-soft,var(--surface));border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.report-choice svg{width:28px;height:28px}.report-choice[data-tone=grape]{--tone-soft:var(--grape-soft)}.report-choice[data-tone=coral]{--tone-soft:var(--coral-soft)}.report-choice[data-tone=sun]{--tone-soft:var(--sun-soft)}.report-choice[data-tone=sky]{--tone-soft:var(--sky-soft)}.report-choice[data-tone=leaf]{--tone-soft:var(--leaf-soft)}.delete-lead{margin:0;font-weight:600}.delete-list{gap:var(--space-2);font-size:var(--text-ml);margin:0;padding-inline-start:1.3em;display:grid}.delete-final{font-size:var(--text-s);color:var(--ink-soft);margin:0}.parent-area{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-6);border-top:2px dashed var(--shade);flex-wrap:wrap;display:flex}.account-delete svg{width:20px;height:20px}.deleted-notice{align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--leaf-soft);font-weight:600;display:flex}.deleted-notice svg{flex:none;width:22px;height:22px}.credits-panel{justify-items:center;gap:var(--space-3);text-align:center;flex-basis:100%;display:grid}.credits-balance{font:600 var(--text-l)/1.3 var(--font-title);margin:0}.credits-explain,.credits-price{max-width:46ch;font-size:var(--text-m);margin:0;line-height:1.45}.credits-price{font-size:var(--text-s);color:var(--ink-soft)}.credits-failed{color:var(--ink);margin:0;font-weight:600}.credits-words{margin:0;font-weight:600}.power-bar{border-radius:var(--radius-pill);background:var(--grape-soft);block-size:14px;inline-size:min(100%,320px);overflow:hidden}.power-bar span{border-radius:var(--radius-pill);background:var(--grape);block-size:100%;display:block}.pack-picker{gap:var(--space-3);inline-size:min(100%,420px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-block-start:var(--space-2);display:grid}.pack-card{justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-4);border:2px solid var(--grape-soft);border-radius:var(--radius-m);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;display:grid;position:relative}.pack-card:hover,.pack-card:focus-visible{border-color:var(--grape)}.pack-card:disabled{opacity:.6;cursor:progress}.pack-usual{border-color:var(--grape);box-shadow:0 4px 0 var(--grape-soft)}.pack-badge{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--grape);color:var(--white);font-size:var(--text-s);white-space:nowrap;font-weight:700;position:absolute;inset-block-start:calc(-1 * var(--space-3))}.pack-name{font:600 var(--text-m)/1.2 var(--font-title);text-align:center}.pack-size{border-radius:var(--radius-pill);background:var(--grape-soft);block-size:10px;inline-size:100%;overflow:hidden}.pack-size span{border-radius:var(--radius-pill);background:var(--grape);block-size:100%;display:block}.pack-price{font-weight:700;font-size:var(--text-l)}.paid-notice{align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--leaf-soft);font-weight:600;display:flex}.paid-notice.paid-failed{background:var(--sun-soft)}.paid-notice svg{flex:none;width:22px;height:22px}.get-app{align-items:center;gap:var(--space-3);max-width:560px;margin:var(--space-8) auto 0;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:2px solid var(--grape-soft);border-radius:var(--radius-m);background:var(--surface);box-shadow:0 4px 0 var(--shade);display:flex}.get-app-icon{border-radius:var(--radius-s);flex:none;width:48px;height:48px}.get-app-body{flex:1;min-width:0}.get-app-title{color:var(--grape-deep);margin:0;font-weight:700}.get-app-note{color:var(--ink-soft);font-size:var(--text-s);margin:0}.get-app .btn{flex:none;text-decoration:none}.get-app-close{width:44px;height:44px;color:var(--ink-soft);font-size:var(--text-xl);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;line-height:1}.get-app-close:hover{color:var(--ink);background:var(--grape-soft)}@media (max-width:480px){.get-app{flex-wrap:wrap}.get-app-body{flex-basis:0}.get-app .btn{flex-basis:100%;order:1;justify-content:center}}.site-footer{margin-top:var(--space-8);text-align:center}.site-footer nav{justify-content:center;gap:var(--space-1) var(--space-6);flex-wrap:wrap;display:flex}.site-footer a{min-height:44px;padding:0 var(--space-1);color:var(--ink-soft);font-size:var(--text-s);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.site-footer a:hover{color:var(--ink)}.legal-page{max-width:760px}.legal-page h1{margin:var(--space-4) 0 var(--space-4);max-width:none;font:700 clamp(32px, 7vw, 46px) / 1.1 var(--font-title);text-wrap:balance}.legal-updated{margin:0 0 var(--space-6);color:var(--ink-soft);font-size:var(--text-s)}.legal-intro{margin:0 0 var(--space-6);font-size:var(--text-l);line-height:1.5}.legal-section{margin:0 0 var(--space-4);padding:var(--space-6)}.legal-section h2{margin:0 0 var(--space-4);font-size:var(--text-xl);line-height:1.2}.legal-section p{margin:0 0 var(--space-4);font-size:var(--text-ml);line-height:1.55}.legal-section p:last-child,.legal-section ul:last-child,.legal-section ol:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{margin:0 0 var(--space-4);gap:var(--space-3);font-size:var(--text-ml);padding-inline-start:1.3em;line-height:1.5;display:grid}.legal-section a{color:var(--grape-deep);overflow-wrap:anywhere;font-weight:600}.legal-section .legal-list{padding:0;list-style:none}.legal-list li{padding:var(--space-4) var(--space-5);border-radius:var(--radius-m);background:var(--surface-2)}.legal-list b{font-family:var(--font-title);font-weight:600}.legal-list .legal-where{color:var(--ink-soft);font-size:var(--text-s);margin-top:2px;display:block}.legal-section .legal-keep{padding:0;list-style:none}.legal-keep li{justify-content:space-between;align-items:baseline;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:2px dashed var(--shade);display:flex}.legal-keep li:last-child{border-bottom:0}.legal-keep b{text-align:end;max-width:45%;font-family:var(--font-title);flex:none;font-weight:600}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop{animation:none}}@media (max-width:600px){.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));animation:sheet-in var(--dur-enter) var(--spring);border-end-end-radius:0;border-end-start-radius:0}.modal-actions .btn{flex:auto}.legal-section{padding:var(--space-6)}.legal-keep li{flex-direction:column;align-items:flex-start;gap:2px}.legal-keep b{text-align:start;max-width:none}}.run-bar{gap:var(--space-3)}.run-pad{gap:var(--space-3);flex:none;display:flex}.run-btn,.jump-btn{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--spring), box-shadow var(--dur-press) ease;border:0;justify-content:center;align-items:center;display:inline-flex}.run-btn{--face:var(--surface);--deep:var(--shade);border-radius:var(--radius-m);width:76px;height:76px;color:var(--grape)}.run-btn svg{width:38px;height:38px}.run-left{transform:scaleX(-1)}.jump-btn{--face:var(--grape);--deep:var(--grape-deep);min-width:96px;height:84px;padding:0 var(--space-5);border-radius:var(--radius-pill);color:var(--white);font-family:var(--font-title);font-size:var(--text-ml);flex-direction:column;gap:2px;font-weight:700}.jump-btn svg{width:32px;height:32px}.treat-count{top:10px;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 92%, transparent);box-shadow:var(--lift);font-family:var(--font-title);font-size:var(--text-l);color:var(--ink);pointer-events:none;font-weight:700;display:flex;position:absolute;inset-inline-start:12px}.treat-count img,.treat-count svg{object-fit:contain;width:26px;height:26px}.hearts-row{top:10px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 92%, transparent);box-shadow:var(--lift);pointer-events:none;gap:2px;display:flex;position:absolute;inset-inline-end:12px}.hearts-row .heart{width:24px;height:24px;transition:transform var(--dur-pop) ease, opacity var(--dur-pop) ease}.hearts-row .heart.full{color:#f43f5e}.hearts-row .heart.empty{color:#cbd5e1;transform:scale(.82)}@media (max-width:420px){.run-btn{width:68px;height:68px}.run-bar .icon-btn.square{width:48px;height:48px}}.logo-mark img{transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.logo-mark img{animation:mark-hop var(--dur-bouncy) ease-in-out .35s both}.brand:hover .logo-mark img,.brand:focus-visible .logo-mark img{animation:mark-hop-again var(--dur-bouncy) ease-in-out}}@keyframes mark-hop{0%,to{transform:none}16%{transform:translateY(1px)scale(1.14,.84)}38%{transform:translateY(-9px)scale(.9,1.1)}56%{transform:translateY(-11px)scale(1)}78%{transform:translateY(1px)scale(1.12,.88)}90%{transform:translateY(0)scale(.97,1.03)}}@keyframes mark-hop-again{0%,to{transform:none}16%{transform:translateY(1px)scale(1.14,.84)}38%{transform:translateY(-9px)scale(.9,1.1)}56%{transform:translateY(-11px)scale(1)}78%{transform:translateY(1px)scale(1.12,.88)}90%{transform:translateY(0)scale(.97,1.03)}}@media (prefers-reduced-motion:no-preference){.page[data-phase=home] .lede{animation:rise var(--dur-soft) var(--spring-soft) 40ms both}.page[data-phase=home] .maker-card{animation:rise var(--dur-soft) var(--spring-soft) 90ms both}.page[data-phase=home] .recent{animation:rise var(--dur-soft) var(--spring-soft) .14s both}.page[data-phase=home] .examples-label{animation:rise var(--dur-soft) var(--spring-soft) .18s both}.page[data-phase=home] .tile{animation:rise var(--dur-soft) var(--spring-soft) calc(.23s + var(--i,0) * 70ms) both}}@keyframes rise{0%{opacity:0;translate:0 18px}}.tile:active{scale:1.02 .97}.tile-hero{transition:translate var(--dur-enter) var(--spring-bouncy), rotate var(--dur-enter) var(--spring-bouncy)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tile:hover .tile-hero{translate:0 -8px;rotate:-5deg}}@media (prefers-reduced-motion:no-preference){.building-scene{animation:scene-in var(--dur-soft) var(--spring-soft) both}}@keyframes scene-in{0%{opacity:0;scale:.94}}.report-row{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.share-sheet p{line-height:1.6}.share-link{border:2px solid var(--grape);border-radius:var(--radius-s);width:100%;min-width:0;padding:var(--space-4);font:inherit;color:#222;background:#fff}.share-actions,.shared-actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.share-note{font-size:var(--text-s);color:#555}.shared-player{max-width:980px;padding:var(--space-5);margin:0 auto}.shared-player .site-header{margin-bottom:var(--space-5)}.shared-message{text-align:center;padding:var(--space-8) var(--space-5);font-size:var(--text-xl)}@media (max-width:600px){.shared-player{padding:var(--space-3)}.shared-player .site-header>span{font-size:var(--text-xs)}.share-actions>.btn{flex:auto}}.shared-player .actionbar{width:auto;margin-inline:0}.shared-actions a,.share-actions a,.shared-player .site-header a.btn,.shared-player .complete-share a.btn{text-decoration:none}.community-tabs{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.community-tabs .btn[aria-pressed=true]{background:var(--grape);color:var(--white)}.community-counts{gap:var(--space-4);font-family:var(--font-title);color:var(--ink-soft);display:inline-flex}.community-counts>span>span[aria-hidden]{color:var(--coral-deep)}.game-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink);flex-wrap:wrap;display:flex}.game-bar-who{align-items:center;gap:var(--space-4);color:var(--ink-soft);flex-wrap:wrap;display:flex}.game-bar-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.heart-button{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--coral-soft);color:var(--ink);font:600 var(--text-m) var(--font-title);cursor:pointer;box-shadow:0 0 0 var(--line-thin) var(--coral-deep);transition:transform var(--dur-press) var(--spring);border:none;display:inline-flex}.heart-button:active{transform:scale(.94)}.heart-button svg{width:24px;height:24px;color:var(--coral-deep);flex:none}.heart-button[aria-pressed=true]{background:var(--coral)}.heart-button[aria-pressed=true] svg{color:var(--ink)}.heart-big{min-height:52px;font-size:var(--text-l)}.heart-number{min-width:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface);text-align:center}.heart-count{align-items:center;gap:var(--space-2);font:600 var(--text-l) var(--font-title);display:inline-flex}.heart-count svg{width:24px;height:24px;color:var(--coral-deep)}.cup-chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--sun-soft);color:var(--ink);font:600 var(--text-s) var(--font-title);box-shadow:0 0 0 var(--line-thin) var(--sun-deep);text-decoration:none;display:inline-flex}.cup-chip svg{width:20px;height:20px;color:var(--sun-deep)}.liked-it{margin:var(--space-4) 0 0;justify-content:center;display:flex}.player-bar{align-items:center;gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr auto 1fr;display:grid}.player-bar>.btn{grid-column:2;text-decoration:none}.player-bar-end{grid-column:3;justify-self:end}@media (max-width:600px){.game-bar{border-radius:var(--radius-l);padding:var(--space-3) var(--space-4)}.game-bar-actions,.heart-button.heart-big{justify-content:center;width:100%}.player-bar{grid-template-columns:1fr}.player-bar>.btn,.player-bar-end{grid-column:1;justify-self:stretch}.player-bar-end{justify-content:center;display:flex}}.cup-banner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);border-radius:var(--radius-l);background:var(--sun-soft);color:var(--ink);box-shadow:0 0 0 var(--line) var(--ink), var(--lift);text-decoration:none;display:flex}.cup-banner svg,.cup-page h1 svg{width:28px;height:28px;color:var(--sun-deep)}.cup-banner strong{font:700 var(--text-l) var(--font-title);flex:1}.cup-ends{margin:var(--space-3) 0 0;font-family:var(--font-title);color:var(--ink)}.cup-champion{align-items:center;gap:var(--space-5);padding:var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-l);background:var(--sun-soft);color:var(--ink);box-shadow:0 0 0 var(--line) var(--ink), var(--lift);text-decoration:none;display:flex}.cup-champion-art,.cup-thumb{border-radius:var(--radius-m);background-position:50%;background-size:cover;flex:none;place-items:end center;display:grid}.cup-champion-art{width:140px;height:110px}.cup-champion-art img{object-fit:contain;width:60px;height:72px;margin-bottom:var(--space-2)}.cup-champion h2{margin:var(--space-2) 0 0;font:700 var(--text-xl) var(--font-title);overflow-wrap:anywhere}.cup-champion p{margin:var(--space-2) 0 0;color:var(--ink-soft)}.cup-race{gap:var(--space-3);max-width:860px;margin:0;padding:0;list-style:none;display:grid}.cup-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);background:var(--surface);box-shadow:0 0 0 var(--line-thin) var(--ink);display:flex}.cup-row[data-place="1"]{background:var(--sun-soft);box-shadow:0 0 0 var(--line) var(--sun-deep)}.cup-place{background:var(--grape-soft);width:40px;height:40px;font:700 var(--text-l) var(--font-title);border-radius:50%;flex:none;place-items:center;display:grid}.cup-row[data-place="1"] .cup-place{background:var(--sun)}.cup-row[data-place="2"] .cup-place,.cup-row[data-place="3"] .cup-place{background:var(--surface-2);box-shadow:0 0 0 var(--line-thin) var(--ink)}.cup-row-game{align-items:center;gap:var(--space-4);min-width:0;color:var(--ink);flex:1;text-decoration:none;display:flex}.cup-thumb{width:72px;height:56px}.cup-thumb img{object-fit:contain;width:34px;height:40px;margin-bottom:var(--space-1)}.cup-row-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cup-row-text strong{font:600 var(--text-l) var(--font-title);overflow-wrap:anywhere}.cup-row-text span{font-size:var(--text-s);color:var(--ink-soft)}@media (max-width:600px){.cup-champion{flex-direction:column;align-items:stretch}.cup-champion-art{width:100%}.cup-row{gap:var(--space-3);padding:var(--space-3)}.cup-place{width:32px;height:32px;font-size:var(--text-m)}.cup-thumb{display:none}.cup-row .heart-button{padding:0 var(--space-4)}.cup-row .heart-button>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.maker-share-bar{margin:0 0 var(--space-5);justify-content:flex-end;display:flex}.share-open{align-items:center;gap:var(--space-3);display:inline-flex}.share-open svg{flex:none;width:22px;height:22px}.community-sheet h3{align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);font:700 var(--text-l) var(--font-title);display:flex}.community-sheet h3 svg{width:24px;height:24px;color:var(--grape)}.share-friend{align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;box-shadow:0 0 0 var(--line-thin) var(--ink);border:none;display:flex}.share-friend:hover{background:var(--grape-soft)}.share-friend svg{width:26px;height:26px;color:var(--grape);flex:none}.share-friend>span{gap:var(--space-1);flex-direction:column;display:flex}.share-friend strong{font-family:var(--font-title)}.share-friend>span>span{font-size:var(--text-s);color:var(--ink-soft)}@media (max-width:600px){.maker-share-bar>.btn{justify-content:center;width:100%}}.together-card{align-items:stretch;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-m);box-shadow:0 0 0 var(--line-thin) var(--ink);border-end-start-radius:var(--radius-s);flex-direction:column;margin:0;display:flex}.together-card p{margin:0;line-height:1.5}.together-top{align-items:center;gap:var(--space-4);display:flex}.together-words{gap:var(--space-1);min-width:0;display:grid}.together-seats{flex:none;display:flex}.together-seat{width:var(--target);height:var(--target);background:var(--surface);border:3px solid;border-radius:50%;place-items:center;display:grid}.together-seat+.together-seat{margin-inline-start:calc(-1 * var(--space-3))}.together-seat svg{width:var(--space-6);height:var(--space-6)}.together-seat.seat-a{color:var(--player-one);border-color:var(--player-one)}.together-seat.seat-b{color:var(--player-two);border-color:var(--player-two)}.together-seat.is-empty{border-style:dashed;animation:1.2s ease-in-out infinite together-pulse}@keyframes together-pulse{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.together-seat.is-empty{animation:none}}.together-invite{width:100%}.together-scan summary{cursor:pointer;font-weight:600;font-size:var(--text-s);color:var(--grape-deep);text-align:center}.together-scan .together-qr{margin-top:var(--space-3)}.together-qr{aspect-ratio:1;width:min(200px,60vw);padding:var(--space-3);background:var(--white);border-radius:var(--radius-m);box-shadow:0 0 0 var(--line-thin) var(--ink);margin:0 auto}.together-qr svg{width:100%;height:100%;display:block}.together-status{font-family:var(--font-title);font-weight:700;font-size:var(--text-m)}.together-who{color:var(--ink-soft);font-size:var(--text-xs)}.together-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--grape-soft);color:var(--grape-deep);font-weight:700}}@layer overrides{@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms;animation-duration:1ms;animation-iteration-count:1;animation-delay:0s}}@media (prefers-contrast:more){:root{--ink-soft:var(--ink);--shade:var(--ink)}body:before{display:none}.edit-input{border:2px solid var(--ink)}.prompt-input::placeholder{opacity:1}.planks i{outline:1px solid var(--ink);outline-offset:-1px}}@media (forced-colors:active){.btn,.tile,.report-choice,.icon-btn,.mic-btn,.recent-game,.say-again,.hero-pick,.run-btn,.jump-btn,.choice-card,.segmented-track button,.egg{border:2px solid buttontext}.card,.legal-section,.library-game,.bubble,.meter,.modal,.draw-photo,.edit-input,.moment{border:2px solid canvastext}.segmented-track button[aria-checked=true]{forced-color-adjust:none;color:highlighttext;background:highlight}.hero-pick[aria-pressed=true],.choice-card[data-speaking],.choice-card[data-picked=true],.moment[data-current],.egg[aria-pressed=true]{outline:4px solid highlight}.moment[data-current]{outline-offset:-6px}.stage-steps i,.planks i,.plank{border:1px solid canvastext}.stage-steps i[data-state=now]{border:3px solid highlight}.stage-steps i[data-state=done],.planks i[data-laid],.plank[data-laid=true]{forced-color-adjust:none;background:highlight}.btn:disabled{color:graytext;border-color:graytext}}}