:root{color-scheme:light;font-family:Nunito,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--pink-50: oklch(98% .026 345);--pink-100: oklch(94% .054 349);--pink-200: oklch(88% .087 350);--pink-300: oklch(79% .118 350);--lavender-100: oklch(92% .05 304);--lavender-200: oklch(84% .075 304);--mint-100: oklch(92% .054 164);--mint-200: oklch(83% .082 164);--blue-100: oklch(91% .047 236);--blue-200: oklch(82% .067 236);--cream: oklch(98% .018 75);--plum: oklch(28% .085 333);--plum-2: oklch(38% .11 333);--plum-muted: oklch(42% .072 333);--shadow: 0 18px 45px oklch(46% .11 350 / .18);--shadow-soft: 0 12px 30px oklch(46% .11 350 / .12);--border: 2px solid oklch(37% .1 333);--radius: 8px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--sticky-anchor-offset: calc(104px + env(safe-area-inset-top)) }*{box-sizing:border-box}html{min-width:0;scroll-padding-top:var(--sticky-anchor-offset);background:var(--pink-50)}body{margin:0;min-width:0;color:var(--plum);background:radial-gradient(circle at 14% 9%,oklch(96% .05 322 / .86) 0 12rem,transparent 12.5rem),radial-gradient(circle at 86% 18%,oklch(91% .06 236 / .65) 0 10rem,transparent 10.5rem),linear-gradient(180deg,var(--pink-100),var(--pink-50) 38%,oklch(96% .032 304));overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.35;background-image:linear-gradient(oklch(76% .07 350 / .28) 1px,transparent 1px),linear-gradient(90deg,oklch(76% .07 350 / .28) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,black,transparent 72%);mask-image:linear-gradient(180deg,black,transparent 72%)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.62}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:3px solid oklch(71% .12 164);outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;padding:.8rem 1rem;border:var(--border);border-radius:var(--radius);background:var(--cream);opacity:0;pointer-events:none;transform:translateY(calc(-100% - 2rem))}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:.75rem clamp(1rem,3vw,2.5rem);border-bottom:var(--border);background:#fff5fbe0;background:oklch(98% .028 345 / .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button,.nav-item,.cute-button,.start-button,.clock-button,.refresh-chip,.twitch-sign-in,.twitch-user-chip button{min-height:44px;border:var(--border);border-radius:var(--radius);color:var(--plum);box-shadow:inset 2px 2px #fffc,inset -2px -2px #7341692e;cursor:pointer}.brand-button{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .8rem;background:var(--cream);font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:var(--border);border-radius:50%;background:var(--pink-300);color:var(--cream)}.brand-mark--carton{overflow:hidden;border-radius:9px;background:var(--pink-50);box-shadow:inset 1px 1px #ffffffb8,0 4px #7b49731a}.brand-mark--carton img{display:block;width:100%;height:100%;object-fit:cover}.site-nav,.taskbar-tabs,.hero-actions,.clip-actions,.selected-clip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.site-nav{flex:1;justify-content:center}.nav-item{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;background:var(--pink-50);text-decoration:none;font-weight:800}.nav-item--active{background:var(--mint-100)}.twitch-sign-in,.twitch-user-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap}.twitch-sign-in{padding:.55rem .8rem;background:var(--lavender-100);font-weight:900;text-decoration:none}.twitch-sign-in--disabled{opacity:.68;cursor:not-allowed}.twitch-sign-in small{max-width:18ch;font-size:.72rem;font-weight:750;line-height:1.05;white-space:normal}.twitch-user-chip{min-height:44px;padding:.35rem .45rem .35rem .55rem;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);font-weight:900}.twitch-user-chip img,.twitch-user-chip__avatar{width:30px;height:30px;border:2px solid var(--plum);border-radius:50%;object-fit:cover}.twitch-user-chip__avatar{display:grid;place-items:center;background:var(--pink-200)}.twitch-user-chip button{display:inline-grid;place-items:center;width:44px;padding:0;background:var(--pink-50)}.page{position:relative;width:min(1440px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem);padding-bottom:calc(clamp(1rem,3vw,2.5rem) + 68px)}.desktop-world-section,.clip-preview-section,.clip-room,.twitch-watch-grid,.arcade-layout{content-visibility:auto;contain-intrinsic-size:auto 780px}.hero-section,.twitch-hero{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(1.25rem,4vw,4rem);align-items:center;min-height:calc(100svh - 96px);padding:clamp(1rem,4vw,3rem) 0}.twitch-hero{grid-template-columns:minmax(0,1fr) auto;min-height:auto;padding-bottom:1rem}.hero-section--functional{grid-template-columns:minmax(0,1fr) minmax(320px,440px)}.hero-copy{position:relative;z-index:1;min-width:0}.mini-window-label{display:inline-flex;align-items:center;padding:.28rem .55rem;margin-bottom:.8rem;border:2px solid var(--plum);border-radius:6px;background:var(--mint-100);font-family:Pixelify Sans,monospace;font-size:.92rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--plum);line-height:1.02}h1{margin-bottom:1rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(4.3rem,12vw,10rem);letter-spacing:0;color:#fff9fd;color:oklch(99% .018 345);-webkit-text-stroke:2px var(--plum);paint-order:stroke fill;text-shadow:0 5px 0 var(--pink-300),0 8px 0 var(--plum),0 18px 34px oklch(55% .1 340 / .3)}.page-twitch h1{font-size:clamp(3.5rem,8vw,7rem)}h2{margin-bottom:.75rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.65rem,3vw,2.55rem);font-weight:800}h3{margin-bottom:.4rem;font-size:1.1rem}p{max-width:68ch;line-height:1.65;font-size:1.04rem}.hero-copy>p,.section-heading p{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.cute-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.74rem 1rem;text-decoration:none;font-weight:900;transition:transform .18s ease-out,box-shadow .18s ease-out}.cute-button:hover,.nav-item:hover,.brand-button:hover,.milk-desk__toggle:hover,.milk-desk__panel a:hover,.social-icon:hover,.clip-card:hover,.refresh-chip:hover{transform:translateY(-2px)}.cute-button--primary{background:var(--plum);color:var(--pink-50)}.cute-button--secondary{background:var(--mint-100)}.cute-button--ghost{background:var(--cream)}.hero-facts{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none}.hero-facts li{padding:.45rem .6rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-weight:900}.status-pill{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;margin-top:1.2rem;padding:.7rem .85rem;border:var(--border);border-radius:var(--radius);background:var(--blue-100);box-shadow:var(--shadow)}.status-pill strong,.status-pill small{display:block}.status-pill small{margin-top:.08rem;font-size:.82rem}.status-light{width:.8rem;height:.8rem;border:2px solid var(--plum);border-radius:50%;background:#df8c6f}.status-pill--live .status-light{background:#37d880;animation:pulse 1.5s ease-out infinite}.hero-desk{position:relative;z-index:1;min-width:0;overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.hero-desk__titlebar{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border-bottom:var(--border);background:var(--mint-200);font-family:Pixelify Sans,monospace;font-weight:600}.hero-desk__body{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.25rem)}.hero-desk .status-pill{width:100%;margin-top:0}.milk-desk{position:relative;display:grid;gap:.75rem}.milk-desk__toggle,.milk-desk__panel a,.milk-desk__copy{min-height:44px;border:var(--border);border-radius:var(--radius);color:var(--plum);background:var(--pink-50);font-weight:900}.milk-desk__toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.65rem;text-align:left;cursor:pointer}.milk-desk__toggle small,.milk-desk__toggle strong{display:block}.milk-desk__toggle small{font-size:.82rem;font-weight:700}.milk-desk__bear{display:grid;place-items:center;width:62px;min-height:48px;border:var(--border);border-radius:999px;background:var(--lavender-100);font-family:Pixelify Sans,monospace;font-size:.86rem}.milk-desk__panel{display:grid;gap:.55rem}.milk-desk__panel a,.milk-desk__copy{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .7rem;text-decoration:none}.milk-desk__socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.milk-desk__copy{cursor:pointer;background:var(--mint-100)}.hero-art{position:relative;overflow:hidden;border:var(--border);border-radius:18px;background:var(--cream);box-shadow:var(--shadow)}.hero-art img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.sticker{position:absolute;display:grid;place-items:center;border:var(--border);border-radius:999px;background:var(--cream);box-shadow:var(--shadow);font-family:"Baloo 2",system-ui,sans-serif;font-weight:800}.sticker--bear{right:1rem;bottom:1rem;width:86px;height:58px;background:var(--mint-100)}.sticker--heart{top:1rem;left:1rem;width:54px;height:54px;background:var(--pink-200);font-size:1.7rem}.desktop-world-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:clamp(1rem,4vw,3rem);align-items:center;margin:clamp(1rem,4vw,3.5rem) 0;padding:clamp(1rem,3vw,1.5rem);border:var(--border);border-radius:var(--radius);background:var(--lavender-100);box-shadow:var(--shadow)}.desktop-world-section>*,.desktop-postcard{min-width:0}.desktop-postcard{overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream)}.desktop-postcard img{width:100%}.cloud{position:absolute;z-index:0;border-radius:999px;background:#fffafce6;background:oklch(99% .01 350 / .9);filter:drop-shadow(0 16px 0 oklch(86% .06 350 / .38));animation:drift 12s ease-in-out infinite alternate}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud--one{top:9%;left:-4rem;width:13rem;height:4.5rem}.cloud--one:before{width:5rem;height:5rem;left:2rem;bottom:1.2rem}.cloud--one:after{width:6rem;height:6rem;right:2.3rem;bottom:.4rem}.cloud--two{right:6%;bottom:9%;width:11rem;height:4rem;animation-delay:-4s}.cloud--two:before{width:4rem;height:4rem;left:1.5rem;bottom:1rem}.cloud--two:after{width:5rem;height:5rem;right:1.5rem;bottom:.5rem}.section-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(1rem,3vw,2rem);margin:clamp(1.5rem,5vw,4rem) 0}.section-grid--rules{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}.cloud-window{overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.cloud-window--pink .window-titlebar{background:var(--pink-300)}.cloud-window--mint .window-titlebar{background:var(--mint-200)}.cloud-window--lavender .window-titlebar{background:var(--lavender-200)}.cloud-window--blue .window-titlebar{background:var(--blue-200)}.window-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:.45rem .65rem;border-bottom:var(--border);font-family:Pixelify Sans,monospace;font-size:1rem;font-weight:600}.window-controls{display:flex;gap:.35rem;pointer-events:none}.window-controls span{width:14px;height:14px;border:2px solid var(--plum);border-radius:3px;background:var(--cream);opacity:.78}.window-body{padding:clamp(1rem,2vw,1.35rem)}.about-layout{display:grid;grid-template-columns:auto 1fr;gap:1rem}.avatar-bubble{display:grid;place-items:center;width:76px;height:76px;border:var(--border);border-radius:50%;background:var(--pink-200);color:var(--cream)}.fact-list,.rule-list,.compact-rules{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.fact-list li,.rule-list li,.compact-rules li{padding:.7rem .8rem;border:2px solid oklch(48% .09 333);border-radius:var(--radius);background:#fffbf6c7;background:oklch(99% .011 70 / .78)}.rule-list li,.compact-rules li{display:flex;gap:.55rem;align-items:flex-start}.social-dock{display:grid;gap:.8rem}.social-icon{display:flex;align-items:center;gap:.8rem;min-height:58px;padding:.65rem .75rem;border:var(--border);border-radius:var(--radius);background:var(--pink-50);text-decoration:none;box-shadow:inset 2px 2px #fffc;transition:transform .18s ease-out}.social-icon strong,.social-icon small{display:block}.social-icon small{font-size:.86rem}.clip-preview-section,.clip-room{margin:clamp(2rem,5vw,5rem) 0}.section-heading{margin-bottom:1.3rem;text-align:center}.section-heading--left{text-align:left}.clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.clip-grid--preview{margin-bottom:1.25rem}.clip-card{overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);transition:transform .18s ease-out}.clip-card--selected{background:var(--mint-100);outline:3px solid var(--plum);outline-offset:3px}.clip-thumb{position:relative;display:block;width:100%;min-height:0;padding:0;border:0;border-bottom:var(--border);background:var(--pink-100);cursor:pointer}.clip-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.clip-thumb[aria-pressed=true] .clip-play{background:var(--mint-200)}.clip-play{position:absolute;inset:auto .6rem .6rem auto;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-weight:900}.clip-meta{padding:.85rem}.clip-meta p{margin-bottom:.7rem;font-size:.94rem}.clip-actions,.selected-clip-actions{justify-content:space-between;font-weight:900}.clip-actions a,.selected-clip-actions a,.offline-window__copy a{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;padding:.15rem 0;text-decoration:none;border-bottom:2px solid currentColor}.offline-window .window-body{position:relative;padding:0}.offline-window img{width:100%;object-fit:cover}.offline-window__copy{position:absolute;left:1rem;bottom:1rem;max-width:min(360px,calc(100% - 2rem));padding:1rem;border:var(--border);border-radius:var(--radius);background:#fff7ede6;background:oklch(98% .018 75 / .9)}.theater-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:1rem;align-items:start}.theater-window,.theater-shell,.stream-side,.clip-list-panel,.selected-clip-window,.cloud-window,.window-body{min-width:0}.theater-window .window-body{padding:0}.theater-shell{width:100%;min-height:620px;background:var(--plum)}.twitch-embed{width:100%;min-width:400px;height:620px}.twitch-embed__target{width:100%;height:100%;min-height:inherit}.twitch-embed.twitch-embed--fallback{display:grid;place-items:center;min-width:0;min-height:clamp(320px,52svh,430px);height:auto;padding:1rem;background:radial-gradient(circle at 18% 24%,oklch(97% .05 345 / .9) 0 4.5rem,transparent 4.8rem),linear-gradient(180deg,var(--lavender-100),var(--pink-50))}.twitch-embed-fallback{display:grid;justify-items:center;gap:.65rem;max-width:36rem;padding:clamp(1rem,4vw,1.5rem);border:var(--border);border-radius:var(--radius);background:var(--cream);color:var(--plum);text-align:center;box-shadow:var(--shadow)}.twitch-embed-fallback strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1}.twitch-embed-fallback a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .8rem;border:var(--border);border-radius:var(--radius);background:var(--mint-100);font-weight:900;text-decoration:none}.embed-fallback{display:grid;place-items:center;min-height:420px;padding:1rem;color:var(--pink-50);text-align:center}.stream-side{display:grid;gap:1rem}.status-details{display:grid;gap:.7rem;margin:0 0 1rem}.status-details div{padding:.65rem;border:2px solid var(--plum);border-radius:var(--radius);background:#fffbf6d1;background:oklch(99% .011 70 / .82)}.status-details dt{font-family:Pixelify Sans,monospace;font-weight:600}.status-details dd{margin:.15rem 0 0;font-weight:800}.data-note{margin:0 0 1rem;padding:.65rem .75rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--blue-100);font-size:.95rem;font-weight:800}.data-note--error{background:var(--pink-100)}.offline-callout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:center;margin:1.4rem 0 3rem;padding:clamp(1rem,3vw,1.5rem);border:var(--border);border-radius:var(--radius);background:var(--lavender-100);box-shadow:var(--shadow)}.offline-callout img{width:100%;border:var(--border);border-radius:var(--radius);object-fit:cover}.clip-player-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start}.selected-clip-window .window-body{padding:0}.selected-clip-window iframe{display:block;width:100%;min-width:400px;min-height:330px;border:0;background:var(--plum)}.selected-clip-actions{padding:.85rem 1rem;border-top:var(--border)}.clip-list-panel{display:grid;gap:1rem}.clip-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.segmented-control{display:inline-flex;min-height:44px;padding:.18rem;border:var(--border);border-radius:var(--radius);background:var(--cream)}.segmented-control button{min-height:44px;padding:.45rem .7rem;border:0;border-radius:6px;background:transparent;color:var(--plum);font-weight:900;cursor:pointer}.segmented-control button[aria-pressed=true]{background:var(--mint-100);box-shadow:inset 0 0 0 2px var(--plum)}.game-filter{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.35rem .5rem;border:var(--border);border-radius:var(--radius);background:var(--cream);font-weight:900}.game-filter select{min-height:44px;max-width:min(48vw,220px);border:0;background:transparent;color:var(--plum);font:inherit;font-weight:800}.empty-state{padding:1rem;border:var(--border);border-radius:var(--radius);background:var(--cream)}.refresh-chip{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;background:var(--cream);font-weight:900}.loading-wrap{min-height:55svh;display:grid;place-items:center}.loading-content{display:flex;align-items:center;gap:.8rem}.loading-heart{width:1.2rem;height:1.2rem;border:2px solid var(--plum);border-radius:50%;background:var(--pink-300);animation:pulse 1.2s ease-out infinite}.taskbar-footer{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;gap:.8rem;padding:.55rem clamp(1rem,3vw,2.5rem);border-top:var(--border);background:#ffe2f1e6;background:oklch(94% .055 345 / .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.taskbar-footer--static{position:relative;bottom:auto}.taskbar-footer--utility{margin-top:clamp(1rem,3vw,2rem)}.start-button,.clock-button,.taskbar-tabs a{min-width:44px;min-height:44px;text-decoration:none;font-weight:900}.start-button,.clock-button{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--mint-100);text-decoration:none}.taskbar-tabs{flex:1}.taskbar-status{cursor:default}.taskbar-tabs a{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .55rem;border:2px solid oklch(48% .09 333);border-radius:6px;background:var(--pink-50)}.taskbar-tabs button,.clip-actions button,.clip-popout__actions button,.game-controls button,.game-menu-card,.intro-strip button{min-height:44px;border:var(--border);border-radius:var(--radius);color:var(--plum);background:var(--cream);box-shadow:inset 2px 2px #fffc,inset -2px -2px #7341692e;cursor:pointer}.taskbar-tabs button{display:inline-flex;align-items:center;padding:.35rem .55rem;font-weight:900}.taskbar-tabs button[aria-current=page],.taskbar-tabs a[aria-current=page]{background:var(--mint-100)}.hero-line{margin-bottom:.35rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.08;color:var(--plum-2)}.desk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.desk-stats span{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.45rem .55rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--lavender-100);font-weight:900;text-align:center}.milk-desk__bear{color:var(--plum);transition:transform .18s cubic-bezier(.22,1,.36,1)}.milk-desk__toggle[aria-expanded=true] .milk-desk__bear{transform:rotate(-6deg) scale(1.04)}.desktop-postcard img{aspect-ratio:16 / 10;object-fit:cover;object-position:center}.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 clamp(1.5rem,4vw,3rem);padding:.8rem 1rem;border:var(--border);border-radius:var(--radius);background:var(--mint-100);box-shadow:var(--shadow)}.intro-strip p{margin:0;font-weight:900}.intro-strip__actions,.clip-popout__actions,.game-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.intro-strip button{padding:.45rem .7rem;font-weight:900}.clip-actions button{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .35rem;border:2px solid var(--plum);border-radius:6px;background:var(--pink-50);color:var(--plum);font-weight:900}.clip-actions button[aria-pressed=true]{background:var(--mint-100)}.clip-inline-player{overflow:hidden;border-bottom:var(--border);background:var(--plum);aspect-ratio:16 / 9}.clip-inline-player iframe{display:block;width:100%;min-width:0;height:100%;border:0}.clip-tools--room{margin-bottom:1rem}.clip-search{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.35rem .55rem;border:var(--border);border-radius:var(--radius);background:var(--cream);font-weight:900}.clip-search input{width:min(42vw,190px);min-height:44px;border:0;background:transparent;color:var(--plum);font:inherit;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-highlight-band{margin:clamp(2rem,5vw,4rem) 0;padding:clamp(1rem,3vw,1.35rem);border:var(--border);border-radius:var(--radius);background:var(--blue-100);box-shadow:var(--shadow)}.social-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.social-highlight-grid a{display:grid;gap:.35rem;min-height:132px;padding:.85rem;border:var(--border);border-radius:var(--radius);background:var(--cream);text-decoration:none;box-shadow:inset 2px 2px #ffffffc7;transition:transform .18s ease-out}.social-highlight-grid a:hover,.taskbar-tabs button:hover,.game-menu-card:hover,.intro-strip button:hover{transform:translateY(-2px)}.social-highlight-grid strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem}.clip-popout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:clamp(.7rem,3vw,2rem);background:#40153a6b}.clip-popout{width:min(980px,100%);overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:0 28px 80px #36083161}.clip-popout__titlebar{background:var(--pink-300)}.clip-popout__titlebar button,.clip-popout__actions button,.clip-popout__actions a{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.35rem .65rem;border:2px solid var(--plum);border-radius:6px;background:var(--cream);color:var(--plum);font-weight:900;text-decoration:none;cursor:pointer}.clip-popout iframe{display:block;width:100%;min-width:0;height:min(62svh,560px);border:0;background:var(--plum)}.clip-popout__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem;border-top:var(--border)}.clip-popout__meta strong,.clip-popout__meta span{display:block}.arcade-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(1rem,4vw,3rem);align-items:center;min-height:min(720px,calc(100svh - 92px))}.page-minigames h1{font-size:clamp(3.6rem,10vw,8.5rem)}.passport-window p{margin-bottom:1rem}.sticker-passport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.sticker-token{display:grid;place-items:center;min-height:54px;padding:.45rem;border:2px dashed var(--plum);border-radius:var(--radius);background:var(--pink-50);font-family:Pixelify Sans,monospace;font-weight:600;opacity:.72}.sticker-token--earned{border-style:solid;background:var(--mint-100);opacity:1}.arcade-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(220px,300px);gap:clamp(1rem,3vw,1.4rem);align-items:start;margin:clamp(1rem,4vw,3rem) 0}.arcade-layout:has(.shared-chat-game){grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.arcade-layout:has(.shared-chat-game) .leaderboard-panel{grid-column:2;position:static}.arcade-layout:has(.milkshake-game){grid-template-columns:minmax(190px,250px) minmax(0,1fr)}.arcade-layout:has(.milkshake-game) .leaderboard-panel{grid-column:2;position:static}.game-menu{display:grid;gap:.75rem;position:sticky;top:88px}.game-menu-card{display:grid;gap:.3rem;width:100%;padding:.75rem;text-align:left;transition:transform .18s var(--ease-out-quart),background .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart)}.game-menu-card:hover{transform:translateY(-2px)}.game-menu-card--featured{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 16%,oklch(100% .008 75 / .84) 0 1.35rem,transparent 1.48rem),linear-gradient(135deg,var(--blue-100),var(--pink-100) 58%,var(--mint-100));box-shadow:0 10px #7b49731a}.game-menu-card--featured:after{width:fit-content;min-height:24px;padding:.1rem .42rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);content:"Start here";font-family:Pixelify Sans,monospace;font-size:.78rem;font-weight:600}.game-menu-card--active{background:var(--mint-100);outline:3px solid var(--plum);outline-offset:2px}.game-menu-card strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.12rem}.game-menu-card span,.game-menu-card small{line-height:1.35}.game-stage{min-width:0;overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);scroll-margin-top:var(--sticky-anchor-offset);container-type:inline-size;contain:paint}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,1.25rem);border-bottom:var(--border)}.game-header--pink{background:var(--pink-200)}.game-header--mint{background:var(--mint-100)}.game-header--lavender{background:var(--lavender-100)}.game-header--blue{background:var(--blue-100)}.game-header h2,.game-header p{margin-bottom:0}.game-header__stats{display:grid;gap:.45rem;justify-items:end;min-width:min(240px,40%);max-width:18rem}.game-header__stats span{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .6rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:900}.game-header__stats small{max-width:100%;font-weight:800;line-height:1.25;text-align:right}.mini-game-panel{display:grid;gap:1rem;padding:clamp(1rem,3vw,1.25rem);contain:paint}.game-controls{justify-content:space-between;padding:.7rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--pink-50)}.game-controls>div{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-weight:900}.game-controls strong{display:inline-flex;align-items:center;gap:.3rem}.game-controls button{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;font-weight:900}.lane-game{position:relative;min-height:460px;overflow:hidden;border:var(--border);border-radius:var(--radius);contain:layout paint;container-type:size;background:linear-gradient(180deg,#e5f5ff,#fff5fa),var(--pink-50);background:linear-gradient(180deg,color(xyz 0.814 0.892 1.2),color(xyz 0.947 0.928 1.066)),var(--pink-50)}.lane-game{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.lane{position:relative;z-index:1;min-height:100%;border:0;border-right:2px solid oklch(45% .09 333 / .42);background:linear-gradient(180deg,transparent 0 72%,oklch(99% .014 75 / .62) 72% 100%);color:var(--plum);font-weight:900;cursor:pointer;transition:background .15s ease-out}.lane:last-of-type{border-right:0}.lane span{position:absolute;top:.6rem;left:50%;transform:translate(-50%);padding:.3rem .5rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream)}.lane--active{background:linear-gradient(180deg,#c5f1db6b,#c5f1db42),linear-gradient(180deg,transparent 0 72%,oklch(99% .014 75 / .62) 72% 100%)}.falling-item,.player-token{position:absolute;left:0;top:0;z-index:3;translate:-50% -50%;transform:translate3d(calc(var(--x, 50) * 1cqi),calc(var(--y, 50) * 1cqb),0);display:grid;place-items:center;min-width:66px;min-height:44px;padding:.35rem .55rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-weight:600;text-align:center;box-shadow:0 8px #7b49731f;will-change:transform}.falling-item--heart{background:var(--pink-200)}.falling-item--star{background:var(--mint-100)}.falling-item--rain{background:var(--lavender-200)}.falling-item{transition:transform .24s linear}.player-token{min-width:92px;background:var(--mint-100);transition:transform .13s ease-out}.score-pop{position:absolute;z-index:6;translate:-50% -50%;min-width:54px;padding:.25rem .45rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-weight:900;text-align:center;animation:score-float .7s ease-out forwards}.score-pop--good{background:var(--mint-100)}.score-pop--bad{background:var(--pink-200)}.game-message{margin:0;padding:.65rem .8rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:900}.milkshake-game{display:grid;gap:.9rem;padding:clamp(.8rem,2vw,1rem);border-radius:var(--radius);background:radial-gradient(circle at 8% 8%,oklch(99% .014 75 / .9) 0 3.8rem,transparent 4rem),radial-gradient(circle at 94% 12%,oklch(89% .06 236 / .5) 0 4.5rem,transparent 4.8rem),linear-gradient(135deg,var(--pink-100),var(--cream) 42%,var(--blue-100));outline:none}.milkshake-game:focus-visible{outline:3px solid var(--plum);outline-offset:4px}.milkshake-topbar,.milkshake-scorebar,.milkshake-mode-row,.milkshake-message,.milkshake-results{border:2px solid var(--plum);border-radius:var(--radius);background:#fffbf5e6;background:oklch(99% .014 75 / .9);box-shadow:0 8px #7b497314}.milkshake-topbar{display:flex;justify-content:space-between;gap:1rem;padding:clamp(.8rem,2vw,1rem)}.milkshake-topbar h2{margin-bottom:.2rem;font-size:clamp(2.1rem,5vw,3.1rem)}.milkshake-topbar p,.milkshake-order-card p,.milkshake-station-panel p{margin:0;font-weight:800}.milkshake-topbar__controls,.milkshake-mode-row,.milkshake-scorebar,.milkshake-side-panel{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.milkshake-topbar__controls button,.milkshake-mode-row button,.milkshake-side-panel button,.milkshake-results button,.milkshake-station-tabs button,.milkshake-ingredient{min-height:44px;border:2px solid var(--plum);border-radius:7px;background:var(--cream);color:var(--plum);font-weight:900;cursor:pointer}.milkshake-topbar__controls button,.milkshake-side-panel button,.milkshake-results button{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:.48rem .7rem}.milkshake-mode-row{padding:.55rem}.milkshake-mode-row button{display:grid;min-width:128px;padding:.55rem .75rem;text-align:left}.milkshake-mode-row button[aria-pressed=true],.milkshake-topbar__controls button[aria-pressed=true]{background:var(--mint-100);outline:2px solid var(--plum);outline-offset:2px}.milkshake-mode-row button:disabled,.milkshake-side-panel button:disabled,.milkshake-ingredient:disabled{cursor:not-allowed;opacity:.58}.milkshake-scorebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.65rem}.milkshake-scorebar span{display:grid;gap:.1rem;padding:.45rem .55rem;border-right:1px solid oklch(42% .1 333 / .28);font-weight:800}.milkshake-scorebar span:last-child{border-right:0}.milkshake-scorebar strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.4rem;line-height:1}.milkshake-layout{display:grid;grid-template-columns:minmax(210px,.76fr) minmax(320px,1.55fr) minmax(180px,.52fr);gap:.85rem;align-items:stretch}.milkshake-order-card,.milkshake-counter,.milkshake-side-panel,.milkshake-station-panel{min-width:0;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream)}.milkshake-order-card{display:grid;align-content:start;gap:.75rem;padding:.85rem;background:radial-gradient(circle at 78% 12%,var(--pink-100) 0 3rem,transparent 3.2rem),var(--cream)}.milkshake-customer{position:relative;width:112px;height:92px;margin:0 auto}.milkshake-customer__body,.milkshake-customer__face{position:absolute;left:50%;transform:translate(-50%);border:2px solid var(--plum);background:var(--cream)}.milkshake-customer__body{bottom:0;width:82px;height:62px;border-radius:42% 42% 34% 34%;box-shadow:inset 12px 0 #ffe7f3c7;box-shadow:inset 12px 0 oklch(95% .04 345 / .78)}.milkshake-customer__face{bottom:34px;width:58px;height:46px;border-radius:50%}.milkshake-customer__face:before,.milkshake-customer__face:after{position:absolute;top:17px;width:6px;height:8px;border-radius:999px;background:var(--plum);content:""}.milkshake-customer__face:before{left:17px}.milkshake-customer__face:after{right:17px}.milkshake-customer--pink .milkshake-customer__body{background:var(--pink-100)}.milkshake-customer--mint .milkshake-customer__body{background:var(--mint-100)}.milkshake-customer--lavender .milkshake-customer__body{background:var(--lavender-100)}.milkshake-customer--blue .milkshake-customer__body{background:var(--blue-100)}.milkshake-customer--berry .milkshake-customer__body{background:var(--pink-200)}.milkshake-recipe-list{display:grid;gap:.45rem}.milkshake-ticket-part{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:.45rem;align-items:center;padding:.45rem .5rem;border:2px solid oklch(42% .1 333 / .5);border-radius:7px;background:#fffbf5cc;background:oklch(99% .014 75 / .8)}.milkshake-ticket-part--hidden{background:var(--lavender-100)}.milkshake-clue{padding:.5rem;border:2px dashed oklch(42% .1 333 / .45);border-radius:7px;background:var(--blue-100)}.milkshake-counter{display:grid;gap:.7rem;padding:.8rem;overflow:hidden}.milkshake-conveyor{position:relative;display:grid;place-items:center;min-height:230px;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:linear-gradient(90deg,oklch(42% .1 333 / .12) 1px,transparent 1px) 0 0 / 38px 100%,linear-gradient(180deg,var(--pink-50),var(--blue-100))}.milkshake-conveyor__stripe{position:absolute;inset:auto 0 0;height:44px;border-top:2px solid var(--plum);background:repeating-linear-gradient(90deg,var(--pink-200) 0 18px,var(--cream) 18px 36px);animation:milkshake-conveyor 2.2s linear infinite}.milkshake-machine-scene .milkshake-glass-preview{position:relative;z-index:1;width:min(170px,42vw);height:190px;border:4px solid var(--plum);border-top-width:7px;border-radius:18px 18px 34px 34px;background:linear-gradient(90deg,oklch(100% .005 75 / .62),transparent 22%),#ffffff8a;background:linear-gradient(90deg,oklch(100% .005 75 / .62),transparent 22%),oklch(100% .005 75 / .54);box-shadow:0 14px #7b49731f;overflow:hidden}.milkshake-glass-preview__liquid{position:absolute;inset:auto 10px 10px;height:max(12%,var(--shake-fill, 0%));border:2px solid oklch(42% .1 333 / .28);border-radius:14px 14px 26px 26px;background:radial-gradient(circle at 28% 22%,oklch(100% .005 75 / .8) 0 .7rem,transparent .76rem),var(--shake-color, var(--pink-200));transition:height .26s ease-out,background .18s ease-out}.milkshake-glass-preview__topping,.milkshake-glass-preview__garnish{position:absolute;left:50%;translate:-50% 0;min-width:88px;padding:.22rem .38rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-size:.8rem;text-align:center}.milkshake-glass-preview__topping{top:20px}.milkshake-glass-preview__garnish{top:58px;background:var(--mint-100)}.milkshake-station-tabs button{flex:1 1 92px;padding:.45rem .55rem}.milkshake-station-tabs button[aria-current=step]{background:var(--mint-100);outline:2px solid var(--plum);outline-offset:2px}.milkshake-station-panel{display:grid;gap:.75rem;padding:.75rem}.milkshake-station-panel__head{display:grid;gap:.2rem}.milkshake-station-panel__head h3{margin:0}.milkshake-ingredient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.milkshake-ingredient{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.5rem;align-items:center;padding:.48rem;text-align:left}.milkshake-ingredient[aria-pressed=true]{background:var(--mint-100);box-shadow:inset 0 0 0 2px var(--plum)}.milkshake-ingredient__icon{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--plum);border-radius:14px;background:radial-gradient(circle at 30% 24%,oklch(100% .005 75 / .9) 0 .45rem,transparent .5rem),var(--ingredient-color)}.milkshake-ingredient__icon span{width:24px;height:24px;border:2px solid var(--plum);border-radius:45% 55% 52% 48%;background:#ffffff8c;background:oklch(100% .005 75 / .55)}.milkshake-ingredient small{display:block}.milkshake-side-panel{display:grid;align-content:start;padding:.75rem}.milkshake-streak-meter{width:100%;height:18px;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:var(--cream)}.milkshake-streak-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-200),var(--mint-100),var(--blue-100));transition:width .18s ease-out}.milkshake-submit{background:var(--pink-200)!important}.milkshake-message{display:grid;gap:.25rem;padding:.72rem .85rem}.milkshake-results{display:grid;gap:.75rem;padding:.9rem}.milkshake-results__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem}.milkshake-results__grid span{display:grid;padding:.55rem;border:2px solid var(--plum);border-radius:7px;background:var(--mint-100)}@keyframes milkshake-conveyor{to{background-position-x:36px}}@container (max-width: 920px){.milkshake-layout{grid-template-columns:minmax(0,1fr)}.milkshake-order-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.milkshake-customer{width:92px;height:78px;margin:0}.milkshake-side-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.milkshake-side-panel .milkshake-streak-meter{grid-column:1 / -1}}@media(max-width:1180px){.milkshake-layout{grid-template-columns:minmax(0,1fr)}.milkshake-order-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.milkshake-customer{width:92px;height:78px;margin:0}.milkshake-side-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.milkshake-side-panel .milkshake-streak-meter{grid-column:1 / -1}}@media(max-width:620px){.milkshake-game{padding:.65rem}.milkshake-topbar,.milkshake-order-card{display:grid}.milkshake-topbar__controls,.milkshake-mode-row,.milkshake-side-panel{align-items:stretch}.milkshake-topbar__controls button,.milkshake-mode-row button,.milkshake-side-panel button,.milkshake-results button{width:100%}.milkshake-scorebar{grid-template-columns:repeat(2,minmax(0,1fr))}.milkshake-scorebar span:nth-child(2n){border-right:0}.milkshake-recipe-list,.milkshake-side-panel,.milkshake-ticket-part{grid-template-columns:1fr}.milkshake-conveyor{min-height:210px}.milkshake-glass-preview{width:min(150px,58vw);height:172px}.milkshake-station-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.milkshake-station-tabs button,.milkshake-ingredient{min-width:0}.milkshake-ingredient-grid{grid-template-columns:1fr}}.milkshake-game{gap:clamp(.72rem,1.5vw,1rem);background:radial-gradient(circle at 7% 7%,oklch(100% .012 75 / .88) 0 3.4rem,transparent 3.7rem),linear-gradient(135deg,#fff5fb,#fffbf5 46%,#cdeefd);background:radial-gradient(circle at 7% 7%,oklch(100% .012 75 / .88) 0 3.4rem,transparent 3.7rem),linear-gradient(135deg,color(xyz 0.94 0.93 1.057),color(xyz 0.928 0.969 0.954) 46%,#cdeefd)}.milkshake-topbar,.milkshake-mode-row,.milkshake-message,.milkshake-results{position:relative;z-index:1}.milkshake-machine-scene{position:relative;min-height:720px;overflow:hidden;border:3px solid var(--plum);border-radius:10px;background:linear-gradient(180deg,#fffbf680,#cdeefd6b),var(--backdrop-url) center / cover no-repeat,var(--cream);background:linear-gradient(180deg,color(xyz 0.927 0.969 0.965 / 0.502),#cdeefd6b),var(--backdrop-url) center / cover no-repeat,var(--cream);box-shadow:0 18px #7b49731f;isolation:isolate}.milkshake-machine-scene__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.milkshake-machine-scene__backdrop{opacity:.94}.milkshake-machine-scene:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 44%,oklch(100% .005 75 / .34) 0 12rem,transparent 20rem),linear-gradient(180deg,transparent 0 58%,oklch(33% .07 333 / .12) 100%)}.milkshake-machine-scene__ui{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.5fr) minmax(210px,.72fr);grid-template-areas:"order machines status" "belt belt belt" "console console console";gap:clamp(.72rem,1.4vw,1rem);min-height:inherit;padding:clamp(.72rem,1.6vw,1rem)}.milkshake-order-monitor,.milkshake-status-monitor,.milkshake-console{border:3px solid var(--plum);border-radius:9px;background:linear-gradient(180deg,#fffffcf0,#fff0f8eb);background:linear-gradient(180deg,color(xyz 0.952 0.999 1.041 / 0.941),color(xyz 0.904 0.904 1.025 / 0.922));box-shadow:inset 0 0 0 2px #ffffff6b,0 9px #7b497324;box-shadow:inset 0 0 0 2px oklch(100% .005 75 / .42),0 9px #7b497324}.milkshake-order-monitor{grid-area:order;display:grid;gap:.55rem;align-content:start;min-width:0;padding:.72rem}.milkshake-status-monitor{grid-area:status;display:grid;gap:.6rem;align-content:start;min-width:0;padding:.72rem;background:linear-gradient(180deg,#e1f6fff5,#fffbf5f0);background:linear-gradient(180deg,color(xyz 0.812 0.892 1.12 / 0.961),color(xyz 0.925 0.97 0.987 / 0.941))}.milkshake-status-monitor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.milkshake-status-monitor__grid span{display:grid;min-width:0;padding:.45rem;border:2px solid oklch(42% .1 333 / .52);border-radius:7px;background:#ffffffc7;background:oklch(100% .008 75 / .78);font-weight:850}.milkshake-status-monitor__grid strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.24rem;line-height:1}.milkshake-machine-layer{grid-area:machines;display:grid;grid-template-columns:repeat(6,minmax(42px,1fr));gap:.42rem;align-items:start;min-height:174px;padding:.25rem .35rem 0;pointer-events:none}.milkshake-machine-fixture{position:relative;display:grid;justify-items:center;min-height:160px;opacity:.86;transform-origin:top center;transition:transform .17s ease-out,opacity .17s ease-out}.milkshake-machine-fixture--active{opacity:1;transform:translateY(5px) scale(1.03)}.milkshake-machine-fixture__cap{position:relative;width:min(72px,100%);height:70px;border:3px solid var(--plum);border-radius:28px 28px 18px 18px;background:radial-gradient(circle at 32% 20%,oklch(100% .005 75 / .76) 0 .7rem,transparent .75rem),var(--station-color);box-shadow:inset 0 -10px #6c36641f,0 7px #7b49731f}.milkshake-machine-fixture__tube{width:18px;height:58px;border:3px solid var(--plum);border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(90deg,#fffc,#c6c2ce);background:linear-gradient(90deg,color(xyz 0.952 1 1.059 / 0.8),#c6c2ce)}.milkshake-machine-fixture__drop{width:12px;height:20px;margin-top:-1px;border:2px solid var(--plum);border-radius:50% 50% 60% 60%;background:var(--station-color);opacity:0;transform:translateY(-.25rem)}.milkshake-machine-fixture--active .milkshake-machine-fixture__drop{animation:milkshake-drop .82s ease-in-out infinite}.milkshake-conveyor-lane{position:relative;grid-area:belt;min-height:250px;overflow:hidden;border:3px solid var(--plum);border-radius:9px;background:linear-gradient(180deg,transparent 0 34%,oklch(22% .035 280 / .82) 34% 62%,transparent 62%),linear-gradient(90deg,oklch(42% .1 333 / .12) 1px,transparent 1px) 0 0 / 56px 100%,linear-gradient(180deg,#fff9feeb,#a8e1fdc7);background:linear-gradient(180deg,transparent 0 34%,oklch(22% .035 280 / .82) 34% 62%,transparent 62%),linear-gradient(90deg,oklch(42% .1 333 / .12) 1px,transparent 1px) 0 0 / 56px 100%,linear-gradient(180deg,color(xyz 0.961 0.961 1.087 / 0.922),#a8e1fdc7)}.milkshake-conveyor-lane__belt{position:absolute;left:-4%;right:-4%;top:40%;height:76px;border-block:3px solid var(--plum);background:repeating-linear-gradient(105deg,#1c1d30,#1c1d30 48px,#3b3c4a 48px,#3b3c4a 96px);box-shadow:0 13px #7b497333;animation:milkshake-belt-drift 2.6s linear infinite}.milkshake-station-rail{position:absolute;inset:.72rem .78rem auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;pointer-events:none}.milkshake-station-rail__stop{min-width:0;padding:.22rem .3rem;overflow:hidden;border:2px solid oklch(42% .1 333 / .48);border-radius:999px;background:#ffffffc7;background:oklch(100% .008 75 / .78);font-family:Pixelify Sans,monospace;font-size:.74rem;font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap}.milkshake-station-rail__stop--active{background:var(--station-color);box-shadow:0 0 0 2px var(--plum)}.milkshake-glass-preview{position:absolute;left:clamp(86px,var(--cup-left, 50%),calc(100% - 190px));top:49%;z-index:2;width:132px;height:152px;translate:-50% -50%;border:4px solid var(--plum);border-top-width:7px;border-radius:18px 18px 34px 34px;background:linear-gradient(90deg,oklch(100% .005 75 / .62),transparent 22%),#ffffff94;background:linear-gradient(90deg,oklch(100% .005 75 / .62),transparent 22%),oklch(100% .005 75 / .58);box-shadow:0 14px #7b49732b;overflow:visible;transition:left .26s ease-out}.milkshake-glass-preview__rim{position:absolute;inset:-11px 10px auto;height:20px;border:3px solid var(--plum);border-radius:999px;background:#ffffffc7;background:oklch(100% .005 75 / .78)}.milkshake-glass-preview__liquid{position:absolute;inset:auto 9px 9px;height:max(12%,var(--shake-fill, 0%));border:2px solid oklch(42% .1 333 / .28);border-radius:13px 13px 25px 25px;background:radial-gradient(circle at 28% 22%,oklch(100% .005 75 / .8) 0 .7rem,transparent .76rem),var(--shake-color, var(--pink-200));transition:height .26s ease-out,background .18s ease-out}.milkshake-glass-preview__mixins{position:absolute;top:44%;right:26%;bottom:23%;left:26%;opacity:.72;background:radial-gradient(circle at 20% 25%,var(--cream) 0 3px,transparent 4px),radial-gradient(circle at 62% 50%,var(--mint-100) 0 3px,transparent 4px),radial-gradient(circle at 82% 18%,var(--lavender-100) 0 3px,transparent 4px)}.milkshake-glass-preview__topping,.milkshake-glass-preview__garnish{position:absolute;left:50%;translate:-50% 0;min-width:78px;padding:.2rem .34rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-size:.74rem;font-weight:900;text-align:center}.milkshake-glass-preview__topping{top:18px}.milkshake-glass-preview__garnish{top:52px;background:var(--mint-100)}.milkshake-serve-pad,.milkshake-rinse-endpoint{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;border:3px solid var(--plum);border-radius:999px;background:var(--mint-100);color:var(--plum);font-weight:950;box-shadow:0 6px #7b497329}.milkshake-serve-pad{right:1rem;top:43%}.milkshake-rinse-endpoint{right:1rem;bottom:1rem;background:var(--pink-100)}.milkshake-console{grid-area:console;display:grid;gap:.72rem;padding:.72rem}.milkshake-console__head{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:.6rem;align-items:center}.milkshake-console__head h3,.milkshake-console__head p{margin:0}.milkshake-console__head h3{font-size:clamp(1.28rem,3vw,1.75rem)}.milkshake-console__head button,.milkshake-console__tools button,.milkshake-station-tabs button,.milkshake-ingredient{min-height:44px;border:2px solid var(--plum);border-radius:8px;background:var(--cream);color:var(--plum);font-weight:900}.milkshake-console__head button{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 22%,oklch(100% .005 75 / .8) 0 .55rem,transparent .6rem),var(--mint-100)}.milkshake-station-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.milkshake-station-tabs button{flex:1 1 94px;padding:.45rem .55rem}.milkshake-station-tabs button[aria-current=step]{background:var(--station-color);outline:2px solid var(--plum);outline-offset:2px}.milkshake-ingredient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.55rem}.milkshake-ingredient{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.5rem;align-items:center;padding:.48rem;text-align:left;box-shadow:0 5px #7b49731c}.milkshake-ingredient[aria-pressed=true]{background:var(--mint-100);box-shadow:inset 0 0 0 2px var(--plum),0 5px #7b49731c}.milkshake-ingredient__icon,.milkshake-ticket-part__icon{display:grid;place-items:center;border:2px solid var(--plum);border-radius:14px;background:radial-gradient(circle at 30% 24%,oklch(100% .005 75 / .9) 0 .45rem,transparent .5rem),var(--ingredient-color)}.milkshake-ingredient__icon{width:48px;height:48px}.milkshake-ticket-part__icon{width:34px;height:34px}.milkshake-ingredient__icon span,.milkshake-ticket-part__icon span{position:relative;width:24px;height:24px;border:2px solid var(--plum);border-radius:45% 55% 52% 48%;background:#ffffff8c;background:oklch(100% .005 75 / .55)}.milkshake-ticket-part__icon span{width:18px;height:18px}.milkshake-ingredient__icon span[data-icon=star],.milkshake-ingredient__icon span[data-icon=stars],.milkshake-ticket-part__icon span[data-icon=star],.milkshake-ticket-part__icon span[data-icon=stars]{clip-path:polygon(50% 0,62% 34%,98% 34%,68% 55%,80% 92%,50% 68%,20% 92%,32% 55%,2% 34%,38% 34%);border-radius:0}.milkshake-ingredient__icon span[data-icon=straw],.milkshake-ticket-part__icon span[data-icon=straw]{width:8px;border-radius:999px;transform:rotate(18deg)}.milkshake-ingredient__icon span[data-icon=heart],.milkshake-ticket-part__icon span[data-icon=heart]{border-radius:55% 55% 45% 45%;transform:rotate(-45deg)}.milkshake-ingredient__icon span[data-icon=cloud],.milkshake-ticket-part__icon span[data-icon=cloud],.milkshake-ingredient__icon span[data-icon=foam],.milkshake-ticket-part__icon span[data-icon=foam]{width:30px;height:18px;border-radius:999px}.milkshake-ingredient__icon span:before,.milkshake-ingredient__icon span:after,.milkshake-ticket-part__icon span:before,.milkshake-ticket-part__icon span:after{position:absolute;content:""}.milkshake-ingredient__icon span[data-icon=glass],.milkshake-ticket-part__icon span[data-icon=glass],.milkshake-ingredient__icon span[data-icon=tall],.milkshake-ticket-part__icon span[data-icon=tall]{border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,#ffffffc7,#e4f5ff57);background:linear-gradient(90deg,color(xyz 0.952 1 1.059 / 0.78),color(xyz 0.825 0.889 1.089 / 0.341))}.milkshake-ingredient__icon span[data-icon=tall],.milkshake-ticket-part__icon span[data-icon=tall]{height:28px;border-radius:7px 7px 11px 11px}.milkshake-ingredient__icon span[data-icon=milk],.milkshake-ticket-part__icon span[data-icon=milk]{border-radius:8px 8px 5px 5px;background:#ffffffd1;background:oklch(100% .01 75 / .82)}.milkshake-ingredient__icon span[data-icon=milk]:before,.milkshake-ticket-part__icon span[data-icon=milk]:before{inset:-7px 4px auto;height:9px;border:2px solid var(--plum);border-bottom:0;border-radius:5px 5px 0 0;background:#ffecf6;background:oklch(96% .035 345)}.milkshake-ingredient__icon span[data-icon=berry],.milkshake-ticket-part__icon span[data-icon=berry],.milkshake-ingredient__icon span[data-icon=blue],.milkshake-ticket-part__icon span[data-icon=blue],.milkshake-ingredient__icon span[data-icon=cherry],.milkshake-ticket-part__icon span[data-icon=cherry]{border-radius:50%}.milkshake-ingredient__icon span[data-icon=berry]:before,.milkshake-ticket-part__icon span[data-icon=berry]:before,.milkshake-ingredient__icon span[data-icon=blue]:before,.milkshake-ticket-part__icon span[data-icon=blue]:before,.milkshake-ingredient__icon span[data-icon=cherry]:before,.milkshake-ticket-part__icon span[data-icon=cherry]:before{inset:-5px auto auto 7px;width:9px;height:7px;border:2px solid var(--plum);border-bottom:0;border-radius:999px 999px 0 0;transform:rotate(-18deg)}.milkshake-ingredient__icon span[data-icon=mint],.milkshake-ticket-part__icon span[data-icon=mint]{border-radius:70% 20%;transform:rotate(-28deg)}.milkshake-ingredient__icon span[data-icon=vanilla],.milkshake-ticket-part__icon span[data-icon=vanilla]{border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 50% 28%,oklch(100% .005 75 / .9) 0 18%,transparent 19%),#fff8ea;background:radial-gradient(circle at 50% 28%,oklch(100% .005 75 / .9) 0 18%,transparent 19%),oklch(98% .04 82)}.milkshake-ingredient__icon span[data-icon=choc],.milkshake-ticket-part__icon span[data-icon=choc],.milkshake-ingredient__icon span[data-icon=cookie],.milkshake-ticket-part__icon span[data-icon=cookie]{border-radius:50%;background:radial-gradient(circle at 35% 38%,oklch(28% .05 43 / .55) 0 9%,transparent 10%),radial-gradient(circle at 66% 62%,oklch(28% .05 43 / .55) 0 8%,transparent 9%),#cc9874}.milkshake-ingredient__icon span[data-icon=pearls],.milkshake-ticket-part__icon span[data-icon=pearls],.milkshake-ingredient__icon span[data-icon=jelly],.milkshake-ticket-part__icon span[data-icon=jelly]{border-radius:8px;background:radial-gradient(circle at 28% 30%,oklch(100% .005 75 / .76) 0 12%,transparent 13%),var(--ingredient-color)}.milkshake-ingredient__icon span[data-icon=swirl],.milkshake-ticket-part__icon span[data-icon=swirl]{border-radius:50%;background:conic-gradient(from 20deg,oklch(100% .005 75 / .9),var(--ingredient-color),oklch(100% .005 75 / .85),var(--ingredient-color))}.milkshake-ingredient__icon span[data-icon=scoop],.milkshake-ticket-part__icon span[data-icon=scoop]{border-radius:50% 50% 42% 42%}.milkshake-ingredient__icon span[data-icon=umbrella],.milkshake-ticket-part__icon span[data-icon=umbrella]{width:28px;height:16px;border-radius:999px 999px 4px 4px}.milkshake-ingredient__icon span[data-icon=umbrella]:after,.milkshake-ticket-part__icon span[data-icon=umbrella]:after{left:50%;top:100%;width:2px;height:12px;background:var(--plum)}.milkshake-console__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.milkshake-console__tools button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .65rem}.milkshake-recipe-list{display:grid;gap:.4rem}.milkshake-ticket-part{display:grid;grid-template-columns:minmax(58px,.65fr) 38px minmax(0,1fr);gap:.38rem;align-items:center;padding:.38rem .42rem;border:2px solid oklch(42% .1 333 / .5);border-radius:7px;background:#fffbf5d1;background:oklch(99% .014 75 / .82)}.milkshake-ticket-part small{font-weight:900}.milkshake-ticket-part--hidden{background:repeating-linear-gradient(90deg,#ead9ff,#ead9ff 9px,#fffbf6 9px,#fffbf6 18px);background:repeating-linear-gradient(90deg,color(xyz 0.772 0.74 1.071),color(xyz 0.772 0.74 1.071) 9px,#fffbf6 9px,#fffbf6 18px)}.milkshake-clue{margin:0;padding:.5rem;border:2px dashed oklch(42% .1 333 / .45);border-radius:7px;background:var(--blue-100);font-weight:850}.milkshake-customer{position:relative;width:102px;height:86px;margin:0 auto}.milkshake-customer__ears,.milkshake-customer__body,.milkshake-customer__face{position:absolute;left:50%;transform:translate(-50%);border:2px solid var(--plum);background:var(--cream)}.milkshake-customer__ears{bottom:54px;width:82px;height:30px;border-bottom:0;border-radius:999px 999px 0 0}.milkshake-customer__body{bottom:0;width:78px;height:58px;border-radius:42% 42% 34% 34%;box-shadow:inset 12px 0 #ffe7f3c7;box-shadow:inset 12px 0 oklch(95% .04 345 / .78)}.milkshake-customer__face{bottom:31px;width:56px;height:44px;border-radius:50%}.milkshake-customer__face:before,.milkshake-customer__face:after{position:absolute;top:16px;width:6px;height:8px;border-radius:999px;background:var(--plum);content:""}.milkshake-customer__face:before{left:16px}.milkshake-customer__face:after{right:16px}.milkshake-customer--pink .milkshake-customer__body,.milkshake-customer--pink .milkshake-customer__ears{background:var(--pink-100)}.milkshake-customer--mint .milkshake-customer__body,.milkshake-customer--mint .milkshake-customer__ears{background:var(--mint-100)}.milkshake-customer--lavender .milkshake-customer__body,.milkshake-customer--lavender .milkshake-customer__ears{background:var(--lavender-100)}.milkshake-customer--blue .milkshake-customer__body,.milkshake-customer--blue .milkshake-customer__ears{background:var(--blue-100)}.milkshake-customer--berry .milkshake-customer__body,.milkshake-customer--berry .milkshake-customer__ears{background:var(--pink-200)}.milkshake-customer--perfect .milkshake-customer__face{transform:translate(-50%) rotate(-3deg)}.milkshake-customer--wrong .milkshake-customer__face,.milkshake-customer--expired .milkshake-customer__face{background:var(--lavender-100)}@keyframes milkshake-belt-drift{to{background-position-x:96px}}@keyframes milkshake-drop{0%,to{opacity:0;transform:translateY(-.25rem) scale(.8)}45%{opacity:1;transform:translateY(1rem) scale(1)}}@container (max-width: 740px){.milkshake-machine-scene{min-height:820px}.milkshake-machine-scene__ui{grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "order" "machines" "belt" "console"}.milkshake-machine-layer{min-height:130px}.milkshake-machine-fixture{min-height:124px}.milkshake-machine-fixture__cap{height:56px}.milkshake-machine-fixture__tube{height:40px}}@media(max-width:760px){.milkshake-machine-scene{min-height:900px}.milkshake-status-monitor__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.milkshake-conveyor-lane{min-height:286px}.milkshake-station-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.milkshake-glass-preview{top:55%;width:112px;height:136px}.milkshake-serve-pad{top:auto;right:.75rem;bottom:4.8rem}.milkshake-rinse-endpoint{right:.75rem;bottom:.75rem}.milkshake-console__tools{grid-template-columns:1fr}}@media(max-width:430px){.milkshake-game{padding:.55rem}.milkshake-machine-scene{min-height:980px;border-width:2px}.milkshake-machine-scene__ui{padding:.55rem}.milkshake-status-monitor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milkshake-machine-layer{grid-template-columns:repeat(3,minmax(0,1fr));min-height:220px}.milkshake-conveyor-lane{min-height:320px}.milkshake-conveyor-lane__belt{top:45%}.milkshake-glass-preview{left:50%;top:52%;width:108px;height:132px}.milkshake-station-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.milkshake-ticket-part{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.milkshake-console__head{grid-template-columns:48px minmax(0,1fr) 48px}.milkshake-console__head button{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.milkshake-machine-fixture,.milkshake-glass-preview,.milkshake-glass-preview__liquid,.milkshake-streak-meter span{transition:none!important}.milkshake-conveyor-lane__belt,.milkshake-machine-fixture--active .milkshake-machine-fixture__drop,.milkshake-conveyor__stripe{animation:none!important}}.minigames-surface:has(.arcade-layout--milkshake-focus) .arcade-hero{display:none}.arcade-layout--milkshake-focus{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:clamp(.45rem,1.5vw,.9rem) 0}.arcade-layout--milkshake-focus .game-menu{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;order:1}.arcade-layout--milkshake-focus .game-menu-card{min-height:58px;padding:.5rem .58rem}.arcade-layout--milkshake-focus .game-menu-card span,.arcade-layout--milkshake-focus .game-menu-card small{display:none}.arcade-layout--milkshake-focus .game-stage{order:2;min-width:0}.arcade-layout--milkshake-focus .leaderboard-panel{grid-column:auto;order:3;position:static}.milkshake-game--machine-focus{display:grid;justify-items:center;gap:.55rem;padding:0;border:0;background:transparent;box-shadow:none}.milkshake-game--machine-focus .milkshake-machine-stage{position:relative;width:min(100%,1350px);max-width:100%;aspect-ratio:16 / 9;min-height:0;max-height:min(calc(100vh - 170px),760px);overflow:hidden;border:3px solid var(--plum);border-radius:18px;background:radial-gradient(circle at 50% 40%,oklch(100% .01 70 / .24),transparent 32%),var(--backdrop-url) center / cover no-repeat,#f3a1bf;box-shadow:0 20px #4a214424,0 24px 42px #52234c2e;contain:layout paint}.milkshake-game--machine-focus .milkshake-machine-scene__backdrop{opacity:0}.milkshake-machine-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.milkshake-game--machine-focus .milkshake-machine-stage:after{z-index:-1;background:linear-gradient(180deg,oklch(100% .005 75 / .08),transparent 22% 72%,oklch(18% .03 315 / .16)),radial-gradient(circle at 49% 28%,oklch(100% .005 75 / .16) 0 10rem,transparent 20rem)}.milkshake-game--machine-focus .milkshake-machine-scene__ui{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-height:0;padding:0}.milkshake-game--machine-focus .milkshake-order-monitor,.milkshake-game--machine-focus .milkshake-status-monitor,.milkshake-game--machine-focus .milkshake-console,.milkshake-game--machine-focus .milkshake-machine-controls,.milkshake-game--machine-focus .milkshake-machine-message{border:2px solid oklch(92% .04 320 / .9);border-radius:14px;background:linear-gradient(180deg,#100a18db,#391234c2);color:#fffbf5;color:oklch(99% .012 75);box-shadow:inset 0 0 0 2px #ffffff14,0 10px 24px #08031247;box-shadow:inset 0 0 0 2px oklch(100% .005 75 / .08),0 10px 24px #08031247;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.milkshake-game--machine-focus .mini-window-label{border-color:#d9f2e8e6;background:#a4d8c5eb;color:var(--plum)}.milkshake-game--machine-focus .milkshake-order-monitor{position:absolute;left:4.7%;top:8.8%;width:14.7%;height:27.2%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.28rem;align-content:start;overflow:hidden;padding:clamp(.42rem,.8vw,.68rem)}.milkshake-game--machine-focus .milkshake-order-monitor h3,.milkshake-game--machine-focus .milkshake-order-monitor p{margin:0;color:#fffbf5;color:oklch(99% .012 75)}.milkshake-game--machine-focus .milkshake-order-monitor h3{font-size:clamp(.94rem,1.4vw,1.2rem);line-height:1}.milkshake-game--machine-focus .milkshake-order-monitor p,.milkshake-game--machine-focus .milkshake-ticket-part small,.milkshake-game--machine-focus .milkshake-ticket-part strong{font-size:clamp(.62rem,.82vw,.82rem);line-height:1.05}.milkshake-game--machine-focus .milkshake-order-monitor p{opacity:.88}.milkshake-game--machine-focus .milkshake-customer{width:clamp(58px,6vw,84px);height:clamp(48px,5vw,70px)}.milkshake-game--machine-focus .milkshake-customer__ears{bottom:62%;width:78%;height:31%}.milkshake-game--machine-focus .milkshake-customer__body{width:76%;height:64%}.milkshake-game--machine-focus .milkshake-customer__face{bottom:35%;width:54%;height:48%}.milkshake-game--machine-focus .milkshake-recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;min-height:0;overflow:hidden}.milkshake-game--machine-focus .milkshake-ticket-part{grid-template-columns:24px minmax(0,1fr);gap:.24rem;padding:.24rem;border-color:#f7e9d66b;background:#ffffff1f;background:oklch(100% .008 75 / .12);color:#fffbf5;color:oklch(99% .012 75)}.milkshake-game--machine-focus .milkshake-ticket-part__icon{width:24px;height:24px}.milkshake-game--machine-focus .milkshake-ticket-part__icon span{width:14px;height:14px}.milkshake-game--machine-focus .milkshake-clue{padding:.28rem;font-size:.72rem;color:var(--plum)}.milkshake-game--machine-focus .milkshake-status-monitor{position:absolute;right:3.9%;top:8.2%;width:15.7%;height:24.2%;display:grid;gap:.22rem;overflow:hidden;padding:clamp(.32rem,.58vw,.52rem)}.milkshake-game--machine-focus .milkshake-status-monitor__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem}.milkshake-game--machine-focus .milkshake-status-monitor__grid span{min-height:0;padding:.14rem .18rem;border-color:#f7e9d657;background:#ffffff1a;background:oklch(100% .005 75 / .1);color:#fffbf5;color:oklch(99% .012 75);font-size:clamp(.46rem,.58vw,.64rem);line-height:1.05}.milkshake-game--machine-focus .milkshake-status-monitor__grid strong{font-size:clamp(.66rem,.82vw,.94rem)}.milkshake-game--machine-focus .milkshake-streak-meter{height:8px;border-color:#f7e9d68c;background:#ffffff2e;background:oklch(100% .005 75 / .18)}.milkshake-game--machine-focus .milkshake-machine-layer{position:absolute;left:24%;top:7%;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:52%;min-height:20%;padding:0;pointer-events:none}.milkshake-game--machine-focus .milkshake-machine-fixture{min-height:0;opacity:.26}.milkshake-game--machine-focus .milkshake-machine-fixture--active{opacity:.98;transform:translateY(2px) scale(1.04)}.milkshake-game--machine-focus .milkshake-machine-fixture__cap{width:clamp(30px,3.8vw,48px);height:clamp(30px,3.8vw,48px);border-width:2px;border-radius:50%;box-shadow:0 0 0 3px #ffffff4d,0 0 18px var(--station-color);box-shadow:0 0 0 3px oklch(100% .005 75 / .3),0 0 18px var(--station-color)}.milkshake-game--machine-focus .milkshake-machine-fixture__tube{width:8px;height:clamp(34px,5vw,70px);border-width:2px}.milkshake-game--machine-focus .milkshake-machine-fixture__drop{width:9px;height:14px}.milkshake-game--machine-focus .milkshake-conveyor-lane{position:absolute;left:10.2%;top:38.2%;z-index:3;width:78.8%;height:19.5%;min-height:0;overflow:visible;border:0;border-radius:0;background:transparent}.milkshake-game--machine-focus .milkshake-conveyor-lane__belt{left:0;right:0;top:28%;height:42%;border-color:#04020b80;opacity:.52;mix-blend-mode:multiply}.milkshake-game--machine-focus .milkshake-station-rail{inset:auto 1% 72%;grid-template-columns:repeat(6,minmax(0,1fr))}.milkshake-game--machine-focus .milkshake-station-rail__stop{padding:.18rem .22rem;border-color:#faf0e399;background:#ffffffa3;background:oklch(100% .005 75 / .64);font-size:clamp(.52rem,.72vw,.72rem)}.milkshake-game--machine-focus .milkshake-glass-preview{left:clamp(8%,var(--cup-left, 50%),86%);top:45%;width:clamp(58px,6.1vw,92px);height:clamp(70px,7.2vw,108px);border-width:3px;background:linear-gradient(90deg,oklch(100% .005 75 / .76),transparent 22%),#ffffffa8;background:linear-gradient(90deg,oklch(100% .005 75 / .76),transparent 22%),oklch(100% .005 75 / .66);box-shadow:0 12px 18px #08031247}.milkshake-game--machine-focus .milkshake-serve-pad{right:-.2%;top:15%;width:clamp(66px,6.8vw,94px);min-height:clamp(32px,3.3vw,44px);border-radius:14px;transform:rotate(-5deg)}.milkshake-game--machine-focus .milkshake-rinse-endpoint{right:1.1%;top:73%;bottom:auto;width:clamp(66px,6.8vw,94px);min-height:clamp(32px,3.3vw,44px)}.milkshake-game--machine-focus .milkshake-serve-pad,.milkshake-game--machine-focus .milkshake-rinse-endpoint{font-size:clamp(.7rem,.84vw,.92rem)}.milkshake-game--machine-focus .milkshake-console{position:absolute;left:18%;bottom:4.7%;z-index:4;width:62%;height:27.2%;display:grid;grid-template-columns:minmax(146px,.75fr) minmax(0,1.35fr);grid-template-rows:auto minmax(0,1fr) auto;gap:.42rem;overflow:hidden;padding:clamp(.42rem,.7vw,.7rem);background:linear-gradient(180deg,#ffffffc2,#ffe6f4c7);background:linear-gradient(180deg,color(xyz 0.952 1 1.059 / 0.761),#ffe6f4c7);color:var(--plum);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.milkshake-game--machine-focus .milkshake-console__head{grid-row:1 / 3;grid-template-columns:38px minmax(0,1fr) 38px;gap:.32rem;align-self:start}.milkshake-game--machine-focus .milkshake-console__head h3{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1}.milkshake-game--machine-focus .milkshake-console__head p{font-size:clamp(.68rem,.8vw,.86rem);line-height:1.1}.milkshake-game--machine-focus .milkshake-console__head button{width:38px;height:38px}.milkshake-game--machine-focus .milkshake-station-tabs{grid-column:2;gap:.25rem}.milkshake-game--machine-focus .milkshake-station-tabs button{min-height:30px;padding:.18rem .26rem;font-size:clamp(.62rem,.76vw,.8rem)}.milkshake-game--machine-focus .milkshake-ingredient-grid{grid-column:2;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-content:start;gap:.32rem;min-height:0;overflow:auto;scrollbar-width:thin}.milkshake-game--machine-focus .milkshake-ingredient{grid-template-columns:36px minmax(0,1fr);min-height:40px;gap:.32rem;padding:.22rem .28rem;background:#fffbf6c7;background:oklch(99% .016 75 / .78)}.milkshake-game--machine-focus .milkshake-ingredient__icon{width:36px;height:36px}.milkshake-game--machine-focus .milkshake-ingredient__icon span{width:19px;height:19px}.milkshake-game--machine-focus .milkshake-ingredient strong,.milkshake-game--machine-focus .milkshake-ingredient small{font-size:clamp(.68rem,.82vw,.86rem);line-height:1.05}.milkshake-game--machine-focus .milkshake-console__tools{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.milkshake-game--machine-focus .milkshake-console__tools button{min-height:34px;padding:.24rem .3rem}.milkshake-machine-controls{position:absolute;left:2.2%;bottom:2.5%;z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:.28rem;width:13.8%;min-width:136px;padding:clamp(.3rem,.56vw,.52rem)}.milkshake-machine-title{display:grid;gap:.2rem}.milkshake-machine-title strong{color:#fffbf5;color:oklch(99% .012 75);font-size:clamp(.96rem,1.2vw,1.18rem);line-height:1}.milkshake-mode-row--machine{display:grid;grid-template-columns:1fr;gap:.25rem;padding:0;border:0;background:transparent}.milkshake-mode-row--machine button,.milkshake-machine-settings button{min-height:32px;border:2px solid oklch(94% .03 75 / .78);border-radius:9px;background:#ffffffd1;background:oklch(100% .006 75 / .82);color:var(--plum);font-weight:950}.milkshake-mode-row--machine button{display:flex;justify-content:space-between;gap:.25rem;padding:.24rem .36rem;text-align:left}.milkshake-mode-row--machine button[aria-pressed=true]{background:var(--mint-100)}.milkshake-machine-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.milkshake-machine-settings button{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;padding:.22rem;font-size:.74rem}.milkshake-machine-message{position:absolute;left:37%;top:29.5%;z-index:5;display:inline-grid;gap:.12rem;width:27%;min-height:42px;padding:.36rem .55rem;text-align:center}.milkshake-machine-message strong,.milkshake-machine-message span{overflow:hidden;font-size:clamp(.7rem,.92vw,.92rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.milkshake-results--machine{position:absolute;left:29%;top:21%;z-index:20;width:42%;padding:clamp(.7rem,1.2vw,1rem);border:3px solid var(--plum);background:linear-gradient(180deg,#fffffbf5,#ffecf6f5);background:linear-gradient(180deg,color(xyz 0.953 0.999 1.03 / 0.961),color(xyz 0.899 0.871 1.013 / 0.961));color:var(--plum)}@media(max-height:930px)and (min-width:901px){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,1240px)}}@media(max-height:820px)and (min-width:901px){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,1040px)}.arcade-layout--milkshake-focus .game-menu-card{min-height:48px;padding-block:.38rem}}@media(max-width:1180px){.arcade-layout--milkshake-focus{grid-template-columns:minmax(0,1fr)}.arcade-layout--milkshake-focus .game-menu{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:760px){.milkshake-game--machine-focus .milkshake-machine-stage{width:100%;max-height:none;aspect-ratio:auto;min-height:0;border-radius:12px}.milkshake-game--machine-focus .milkshake-machine-art{opacity:.18;filter:saturate(.92) brightness(1.08)}.milkshake-game--machine-focus .milkshake-machine-scene__backdrop{opacity:.72}.milkshake-game--machine-focus .milkshake-machine-scene__ui{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.62rem;padding:.62rem}.milkshake-game--machine-focus .milkshake-order-monitor,.milkshake-game--machine-focus .milkshake-status-monitor,.milkshake-game--machine-focus .milkshake-machine-layer,.milkshake-game--machine-focus .milkshake-conveyor-lane,.milkshake-game--machine-focus .milkshake-console,.milkshake-game--machine-focus .milkshake-machine-controls,.milkshake-game--machine-focus .milkshake-machine-message,.milkshake-results--machine{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;min-width:0;transform:none}.milkshake-game--machine-focus .milkshake-machine-controls{order:1;grid-row:1}.milkshake-game--machine-focus .milkshake-status-monitor{order:2;grid-row:2}.milkshake-game--machine-focus .milkshake-order-monitor{order:3;grid-row:3}.milkshake-game--machine-focus .milkshake-machine-layer{order:4;grid-row:4;grid-template-columns:repeat(6,minmax(0,1fr));min-height:82px}.milkshake-game--machine-focus .milkshake-conveyor-lane{order:5;grid-row:5;min-height:250px;overflow:hidden;border:2px solid var(--plum);border-radius:10px;background:linear-gradient(180deg,#fff9fee0,#abddf4d1);background:linear-gradient(180deg,color(xyz 0.961 0.961 1.087 / 0.878),#abddf4d1)}.milkshake-game--machine-focus .milkshake-console{order:6;grid-row:6;grid-template-columns:minmax(0,1fr);overflow:visible}.milkshake-game--machine-focus[data-phase=practice] .milkshake-machine-controls,.milkshake-game--machine-focus[data-phase=running] .milkshake-machine-controls,.milkshake-game--machine-focus[data-phase=paused] .milkshake-machine-controls{display:none}.milkshake-game--machine-focus .milkshake-station-tabs,.milkshake-game--machine-focus .milkshake-ingredient-grid,.milkshake-game--machine-focus .milkshake-console__tools{grid-column:auto}.milkshake-game--machine-focus .milkshake-machine-message{order:7;grid-row:7}.milkshake-game--machine-focus .milkshake-results--machine{order:8;grid-row:8}.milkshake-game--machine-focus .milkshake-recipe-list{grid-template-columns:1fr}.milkshake-game--machine-focus .milkshake-status-monitor__grid,.milkshake-game--machine-focus .milkshake-mode-row--machine{grid-template-columns:repeat(3,minmax(0,1fr))}.milkshake-game--machine-focus .milkshake-machine-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.arcade-layout--milkshake-focus .game-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.milkshake-game--machine-focus .milkshake-status-monitor__grid,.milkshake-game--machine-focus .milkshake-mode-row--machine,.milkshake-game--machine-focus .milkshake-machine-settings,.milkshake-game--machine-focus .milkshake-console__tools{grid-template-columns:1fr}.milkshake-game--machine-focus .milkshake-station-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.leaderboard-panel{position:sticky;top:88px;display:grid;gap:.8rem;min-width:0;padding:.8rem;overflow:hidden;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 92% 7%,oklch(100% .006 75 / .8) 0 1.15rem,transparent 1.3rem),linear-gradient(180deg,#fffbf6,#fff5fa),var(--cream);background:radial-gradient(circle at 92% 7%,oklch(100% .006 75 / .8) 0 1.15rem,transparent 1.3rem),linear-gradient(180deg,color(xyz 0.927 0.969 0.965),color(xyz 0.947 0.928 1.066)),var(--cream);box-shadow:var(--shadow);isolation:isolate}.leaderboard-panel:before{position:absolute;inset:-30% -18% auto 45%;z-index:-1;height:12rem;pointer-events:none;content:"";background:radial-gradient(circle at 20% 45%,var(--mint-100) 0 1.7rem,transparent 1.85rem),radial-gradient(circle at 60% 58%,var(--blue-100) 0 2rem,transparent 2.15rem),radial-gradient(circle at 82% 44%,var(--lavender-100) 0 1.35rem,transparent 1.5rem);opacity:.66;transform:rotate(-8deg)}.leaderboard-panel--milk{background:radial-gradient(circle at 91% 8%,oklch(96% .064 86 / .82) 0 1.25rem,transparent 1.38rem),linear-gradient(145deg,oklch(100% .008 75),var(--pink-50) 42%,var(--blue-100))}.leaderboard-panel__head h2,.leaderboard-panel__head p{margin-bottom:0}.leaderboard-panel__title-row{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.leaderboard-panel__title-row h2{line-height:.95}.leaderboard-panel__title-row span{flex:0 1 auto;max-width:100%;padding:.22rem .48rem;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 2px 2px #ffffffbf}.leaderboard-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.leaderboard-tabs button{min-height:44px;padding:.35rem .45rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);color:var(--plum);font-weight:900;cursor:pointer;transition:transform .15s var(--ease-out-quart),background .17s var(--ease-out-quart),box-shadow .17s var(--ease-out-quart)}.leaderboard-tabs button:hover{background:var(--pink-100);transform:translateY(-1px)}.leaderboard-tabs button[aria-pressed=true]{background:var(--mint-100);outline:2px solid var(--plum);outline-offset:1px;box-shadow:inset 0 -4px #7b497324}.leaderboard-spotlight,.leaderboard-local-card{position:relative;display:grid;align-items:center;gap:.65rem;min-width:0;padding:.65rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);box-shadow:inset 2px 2px #ffffffb8}.leaderboard-spotlight{grid-template-columns:auto minmax(0,1fr);background:radial-gradient(circle at 94% 20%,oklch(100% .006 75 / .82) 0 .95rem,transparent 1.05rem),linear-gradient(135deg,var(--pink-200),var(--cream))}.leaderboard-spotlight__crown{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--plum);border-radius:15px 15px 50% 50%;background:linear-gradient(135deg,oklch(96% .064 86),var(--mint-100));font-family:Pixelify Sans,monospace;font-weight:600;box-shadow:0 7px #7b49731f}.leaderboard-spotlight__copy,.leaderboard-local-card span{display:grid;min-width:0}.leaderboard-spotlight__copy small,.leaderboard-local-card small,.leaderboard-entry__name small,.leaderboard-entry__score small{color:#683b60d6;font-family:Pixelify Sans,monospace;font-size:.72rem;font-style:normal;font-weight:600;letter-spacing:0}.leaderboard-spotlight__copy strong{overflow:hidden;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.3rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard-spotlight__copy em,.leaderboard-local-card em{font-style:normal;font-weight:850}.leaderboard-local-card{grid-template-columns:1fr;background:radial-gradient(circle at 10% 15%,oklch(100% .006 75 / .72) 0 1rem,transparent 1.08rem),linear-gradient(135deg,var(--blue-100),var(--cream))}.leaderboard-local-card strong{overflow:hidden;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.35rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard-local-card em{overflow-wrap:anywhere}.leaderboard-auth{display:grid;grid-template-columns:auto 1fr;gap:.25rem .55rem;align-items:center;padding:.65rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--pink-50)}.leaderboard-auth img,.leaderboard-auth>span{grid-row:span 2;width:34px;height:34px;border:2px solid var(--plum);border-radius:50%;object-fit:cover;background:var(--lavender-100)}.leaderboard-auth>span{display:grid;place-items:center;font-weight:900}.leaderboard-auth small,.leaderboard-auth a{grid-column:2}.leaderboard-auth a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .7rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--mint-100);font-weight:900;text-decoration:none}.leaderboard-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.leaderboard-entry,.leaderboard-empty{min-width:0;padding:.55rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream)}.leaderboard-entry{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) minmax(auto,5rem);gap:.45rem;align-items:center;overflow:hidden;background:linear-gradient(120deg,oklch(100% .006 75 / .8),transparent 42%),var(--cream);transition:transform .17s var(--ease-out-quart),background .17s var(--ease-out-quart),box-shadow .17s var(--ease-out-quart)}.leaderboard-entry:after{position:absolute;inset:auto 0 0;height:4px;pointer-events:none;content:"";background:linear-gradient(90deg,var(--pink-300),var(--mint-200),var(--blue-200));opacity:.58}.leaderboard-entry:hover{background:linear-gradient(120deg,oklch(100% .006 75 / .84),transparent 42%),var(--mint-100);box-shadow:0 8px #7b49731a;transform:translateY(-2px)}.leaderboard-entry--podium{background:radial-gradient(circle at 92% 18%,oklch(100% .006 75 / .86) 0 .9rem,transparent 1rem),linear-gradient(135deg,var(--lavender-100),var(--cream))}.leaderboard-entry--top{background:radial-gradient(circle at 90% 18%,oklch(96% .064 86 / .88) 0 1rem,transparent 1.12rem),linear-gradient(135deg,oklch(98% .041 86),var(--pink-100),var(--blue-100));box-shadow:inset 3px 3px #ffffffc2}.leaderboard-entry__rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pink-200);font-family:Pixelify Sans,monospace;font-weight:600;box-shadow:inset 2px 2px #ffffff9e}.leaderboard-entry--top .leaderboard-entry__rank{background:#fff0d1;background:oklch(96% .064 86)}.leaderboard-entry img,.leaderboard-entry__avatar{width:30px;height:30px;border:2px solid var(--plum);border-radius:50%;object-fit:cover}.leaderboard-entry__avatar{display:grid;place-items:center;background:var(--mint-100);font-weight:900}.leaderboard-entry__name{display:grid;min-width:0}.leaderboard-entry__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry__score{display:grid;justify-items:end;min-width:0;text-align:right}.leaderboard-entry__score strong{max-width:100%;overflow:hidden;font-family:"Baloo 2",system-ui,sans-serif;line-height:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard-empty{background:radial-gradient(circle at 18% 22%,oklch(100% .006 75 / .78) 0 1rem,transparent 1.1rem),var(--cream);font-weight:900;text-align:center}.milk-clicker-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);gap:1rem}.milk-clicker-panel{position:relative;overflow:hidden;isolation:isolate}.milk-clicker-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.82;background:radial-gradient(circle at 16% 24%,oklch(100% .006 75 / .85) 0 1.15rem,transparent 1.25rem),radial-gradient(circle at 82% 18%,oklch(92% .054 164 / .5) 0 1rem,transparent 1.1rem),radial-gradient(circle at 72% 82%,oklch(91% .047 236 / .46) 0 1.3rem,transparent 1.4rem);animation:milk-panel-sparkle 6s var(--ease-out-quart) infinite alternate}.milk-clicker-panel--music:after{position:absolute;top:1rem;right:1rem;z-index:0;width:92px;height:32px;pointer-events:none;content:"";opacity:.7;background:linear-gradient(90deg,var(--pink-300) 0 10%,transparent 10% 18%,var(--mint-200) 18% 31%,transparent 31% 40%,var(--blue-200) 40% 55%,transparent 55% 64%,var(--lavender-100) 64% 78%,transparent 78%),linear-gradient(180deg,transparent 20%,oklch(100% 0 0 / .62));border:2px solid var(--plum);border-radius:999px;box-shadow:0 8px #7b49731a;transform-origin:bottom;animation:milk-audio-meter .9s steps(4,end) infinite}.milk-clicker-panel--milklander{background:radial-gradient(circle at var(--milklander-aura-x, 50%) 8%,oklch(95% .066 88 / .54),transparent 13rem),linear-gradient(180deg,#fffffb,#fff0f8);background:radial-gradient(circle at var(--milklander-aura-x, 50%) 8%,oklch(95% .066 88 / .54),transparent 13rem),linear-gradient(180deg,color(xyz 0.953 0.999 1.024),color(xyz 0.927 0.898 1.04))}.milk-clicker-panel--high-output:before{background:radial-gradient(circle at 16% 24%,oklch(100% .006 75 / .9) 0 1.15rem,transparent 1.25rem),radial-gradient(circle at 84% 20%,oklch(92% .054 164 / .58) 0 1.35rem,transparent 1.48rem),radial-gradient(circle at 60% 84%,oklch(91% .047 236 / .56) 0 1.55rem,transparent 1.68rem),linear-gradient(120deg,oklch(100% .006 75 / .28),transparent 48%,oklch(95% .067 88 / .28))}.milk-clicker-panel--crit:before{animation:milk-crit-panel .52s var(--ease-out-expo)}.milk-clicker-panel--skyline{box-shadow:inset 0 0 0 3px #c5e7fd6b,var(--shadow)}.milk-clicker-main,.milk-shop{position:relative;display:grid;align-content:start;gap:.9rem;min-width:0;padding:.8rem;border:var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#fffbf6,#ffebf6),var(--pink-50);background:linear-gradient(180deg,color(xyz 0.927 0.969 0.965),color(xyz 0.9 0.87 1.01)),var(--pink-50);contain:paint}.milk-clicker-panel--milklander .milk-clicker-main{box-shadow:inset 0 0 0 3px #f3dca29e,0 12px #7b49731a}.milk-bank{position:relative;display:grid;place-items:center;gap:.25rem;padding:.8rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);text-align:center;isolation:isolate;transition:transform .18s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart)}.milk-bank:before,.milk-bank:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:""}.milk-bank:before{top:auto;height:100%;background:radial-gradient(circle at 28% 18%,oklch(100% .006 75 / .88) 0 .7rem,transparent .78rem),linear-gradient(180deg,oklch(96% .041 345 / .48),var(--pink-200));transform:scaleY(var(--milk-fill-ratio, .12));transform-origin:bottom;transition:transform .42s var(--ease-out-expo)}.milk-bank:after{background:linear-gradient(115deg,transparent 12%,oklch(100% 0 0 / .58) 24%,transparent 36%),linear-gradient(180deg,transparent,oklch(100% 0 0 / .28));transform:translate(-70%);opacity:0}.milk-bank--saving{transform:translateY(-2px);box-shadow:0 10px #7b49731f}.milk-bank--saving:after{animation:milk-save-sheen .62s var(--ease-out-quart)}.milk-clicker-panel--milklander .milk-bank{background:radial-gradient(circle at 82% 20%,oklch(94% .076 88 / .74) 0 1.2rem,transparent 1.3rem),var(--cream)}.milk-bank strong{color:#67235b;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(2rem,5vw,3.8rem);line-height:.95;text-shadow:0 2px 0 oklch(100% 0 0 / .84);animation:milk-number-arrive .32s var(--ease-out-quint)}.milk-goal-meter{width:min(100%,280px);height:12px;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:#ffffff9e}.milk-goal-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-300),var(--mint-200),var(--blue-200));transform:scaleX(var(--milk-goal-scale, 0));transform-origin:left;transition:transform .42s var(--ease-out-expo)}.milk-bank small{font-weight:900}.milk-next-move{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.65rem;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 92% 18%,oklch(100% .008 75 / .8) 0 1rem,transparent 1.1rem),linear-gradient(135deg,var(--mint-100),var(--cream));box-shadow:inset 2px 2px #ffffffb8}.milk-next-move span{display:grid;min-width:0}.milk-next-move strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.05rem;line-height:1.1}.milk-next-move small{font-weight:850}.milk-next-move button,.milk-shop__quickbuy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .7rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--pink-200);color:var(--plum);font-weight:950;cursor:pointer;transition:transform .16s var(--ease-out-quart),background .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart)}.milk-next-move button:not(:disabled):hover,.milk-shop__quickbuy:not(:disabled):hover{background:var(--blue-100);box-shadow:0 8px #7b49731f;transform:translateY(-2px)}.milk-next-move button:disabled,.milk-shop__quickbuy:disabled{opacity:.58;cursor:not-allowed}.milk-economy-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.milk-economy-ribbon span{position:relative;display:grid;min-width:0;padding:.52rem .55rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:linear-gradient(120deg,oklch(100% .006 75 / .74),transparent 44%),var(--pink-100);box-shadow:inset 2px 2px #ffffffb3}.milk-economy-ribbon span:after{position:absolute;inset:auto 0 0;height:4px;border-top:1px solid oklch(37% .1 333 / .48);background:linear-gradient(90deg,var(--pink-300),var(--mint-200),var(--blue-200));content:"";transform:scaleX(var(--milk-overdrive-scale, .1));transform-origin:left}.milk-economy-ribbon span:nth-child(2):after{transform:scaleX(var(--milk-crit-scale, 0))}.milk-economy-ribbon span:nth-child(3):after{transform:scaleX(var(--milk-flow-scale, 0))}.milk-economy-ribbon strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.1rem;line-height:1}.milk-economy-ribbon small{overflow:hidden;font-size:.76rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.milk-ultimate-path{display:grid;gap:.45rem;padding:.62rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 92% 22%,oklch(100% .006 75 / .84) 0 1.15rem,transparent 1.25rem),linear-gradient(135deg,var(--lavender-100),var(--pink-100));box-shadow:inset 2px 2px #ffffffbd}.milk-ultimate-path--owned{background:radial-gradient(circle at 88% 22%,oklch(96% .064 86 / .82) 0 1.2rem,transparent 1.32rem),linear-gradient(135deg,oklch(97% .056 83),var(--mint-100),var(--blue-100))}.milk-ultimate-path span{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.milk-ultimate-path strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.1rem;line-height:1}.milk-ultimate-path small{font-weight:900}.milk-ultimate-path i{display:block;height:12px;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:#ffffff94}.milk-ultimate-path b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-300),oklch(96% .064 86),var(--blue-200));transition:width .42s var(--ease-out-expo)}.milk-bottle-button{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;border:var(--border);border-radius:48px 48px 18px 18px;background:linear-gradient(180deg,var(--blue-100) 0 18%,var(--cream) 18% 100%);color:var(--plum);cursor:pointer;box-shadow:inset 5px 5px #ffffffdb,0 14px #7b497329;transform:translateZ(0);transition:transform .14s var(--ease-out-quart),box-shadow .16s var(--ease-out-quart),filter .18s var(--ease-out-quart);will-change:transform}.milk-bottle-button:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.milk-bottle-button:hover{filter:saturate(1.04);transform:translateY(-2px)}.milk-bottle-button:active{transform:translateY(5px) scale(.985);box-shadow:inset 5px 5px #ffffffdb,0 8px #7b497324}.milk-bottle-button--warm{box-shadow:inset 5px 5px #ffffffdb,0 14px #7b497329,0 0 0 6px #ffc4de57;box-shadow:inset 5px 5px #ffffffdb,0 14px #7b497329,0 0 0 6px oklch(88% .087 350 / .34)}.milk-bottle-button--rush,.milk-bottle-button--mega{animation:milk-combo-pulse .9s var(--ease-out-quart) infinite}.milk-bottle-button--milklander{background:linear-gradient(180deg,oklch(88% .049 239) 0 16%,var(--cream) 16% 100%);box-shadow:inset 5px 5px #ffffffdb,0 14px #7b497329,0 0 0 var(--milklander-glow-size, 3px) #f9e3ab5c}.milk-bottle-button--crit{animation:milk-bottle-crit .52s var(--ease-out-expo)}.milk-bottle-button--milklander:before{z-index:1;top:13%;right:15%;bottom:22%;left:15%;border:3px solid oklch(38% .12 335 / .42);border-radius:46% 46% 54% 54%;background:radial-gradient(circle at 50% 16%,oklch(100% .006 75 / .86) 0 1.2rem,transparent 1.35rem),conic-gradient(from 210deg at 50% 18%,transparent 0 18%,var(--pink-300) 18% 43%,transparent 43% 57%,var(--blue-200) 57% 82%,transparent 82%),linear-gradient(180deg,oklch(96% .05 83 / .56),transparent 60%);opacity:var(--milklander-aura-opacity, .32);transform:translateY(var(--milklander-offset, 8px));animation:milk-milklander-aura 1.8s var(--ease-out-quart) infinite}.milk-bottle-button__glow,.milk-bottle-button__liquid,.milk-bottle-button__shine,.milk-bottle-button__bubbles,.milk-production-stream,.milklander-silhouette,.milk-burst-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.milk-bottle-button__glow{background:radial-gradient(circle at 50% 26%,oklch(100% 0 0 / .88) 0 4rem,transparent 4.35rem),radial-gradient(circle at 42% 70%,oklch(92% .054 164 / .32) 0 6rem,transparent 6.4rem)}.milk-bottle-button__liquid{top:auto;height:100%;background:radial-gradient(circle at 28% 16%,oklch(100% .006 75 / .88) 0 1.2rem,transparent 1.35rem),radial-gradient(circle at 72% 22%,oklch(100% .006 75 / .8) 0 .85rem,transparent .95rem),linear-gradient(180deg,oklch(100% .011 75 / .86),var(--pink-100));transform:scaleY(var(--milk-fill-ratio, .12));transform-origin:bottom;transition:transform .42s var(--ease-out-expo)}.milk-bottle-button__shine{background:linear-gradient(105deg,transparent 18%,oklch(100% 0 0 / .58) 38%,transparent 54%);transform:translate(-90%);animation:milk-bottle-shine 3.5s var(--ease-out-quart) infinite}.milk-bottle-button__cap{position:absolute;z-index:2;top:1rem;width:42%;height:42px;border:3px solid var(--plum);border-radius:var(--radius);background:var(--pink-200);box-shadow:inset 2px 2px #ffffffb3;animation:milk-cap-wiggle 1.9s var(--ease-out-quart) infinite}.milk-bottle-button__bubbles i{position:absolute;left:var(--bubble-x);bottom:12%;width:12px;height:12px;border:2px solid oklch(37% .1 333 / .72);border-radius:50%;background:#ffffffa8;background:oklch(100% .005 75 / .66);opacity:0;animation:milk-bubble-rise 2.1s var(--ease-out-quart) infinite;animation-delay:var(--bubble-delay)}.milk-production-stream{z-index:1;opacity:0;transition:opacity .22s var(--ease-out-quart)}.milk-bottle-button--producing .milk-production-stream{opacity:1}.milk-production-stream i{position:absolute;left:var(--stream-x);top:var(--stream-y);width:var(--milk-flow-dot-size, 12px);height:var(--milk-flow-dot-size, 12px);border:2px solid oklch(37% .1 333 / .58);border-radius:50%;background:radial-gradient(circle at 35% 28%,oklch(100% 0 0 / .8) 0 24%,transparent 26%),linear-gradient(135deg,var(--mint-100),var(--blue-100));box-shadow:0 0 16px #c5e7fd61;animation:milk-production-orbit 2.5s var(--ease-out-quart) infinite;animation-delay:var(--stream-delay)}.milklander-silhouette{z-index:2;display:grid;place-items:start center;padding-top:18%;opacity:var(--milklander-silhouette-opacity, .56);animation:milklander-float 2.4s var(--ease-out-quart) infinite}.milklander-silhouette i,.milklander-silhouette b{display:block}.milklander-silhouette i{width:clamp(54px,12vw,86px);height:clamp(40px,9vw,68px);border:3px solid var(--plum);border-radius:55% 55% 45% 45%;background:radial-gradient(circle at 35% 38%,var(--plum) 0 4px,transparent 4.5px),radial-gradient(circle at 64% 38%,var(--plum) 0 4px,transparent 4.5px),linear-gradient(180deg,oklch(96% .064 86),var(--pink-200));box-shadow:inset 3px 3px #ffffffc2}.milklander-silhouette b{width:clamp(86px,18vw,138px);height:clamp(42px,8vw,70px);margin-top:-14px;border:3px solid var(--plum);border-radius:0 0 50% 50%;background:linear-gradient(130deg,transparent 0 44%,oklch(100% 0 0 / .36) 44% 55%,transparent 55%),var(--pink-300);transform:skew(-10deg)}.milk-bottle-button__label{position:relative;z-index:3;display:grid;place-items:center;gap:.1rem;width:min(72%,260px);min-height:118px;border:var(--border);border-radius:18px;background:var(--pink-200);box-shadow:inset 3px 3px #ffffffc2,0 12px #7b497321;transform:rotate(-1deg);transition:transform .18s var(--ease-out-quart),background .22s var(--ease-out-quart)}.milk-bottle-button:hover .milk-bottle-button__label{transform:rotate(1deg) scale(1.02)}.milk-bottle-button--milklander .milk-bottle-button__label{background:linear-gradient(135deg,oklch(97% .056 83),var(--pink-200) 48%,var(--blue-100))}.milk-bottle-button__label strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:900;line-height:.9;letter-spacing:0;text-shadow:0 3px 0 oklch(100% 0 0 / .9)}.milk-bottle-button__label small{font-family:Pixelify Sans,monospace;font-size:.95rem;font-weight:600}.milk-pop{position:absolute;z-index:5;translate:-50% -50%;padding:.25rem .5rem;border:2px solid var(--plum);border-radius:999px;background:var(--mint-100);font-weight:900;white-space:nowrap;box-shadow:0 8px #7b49731f;animation:milk-score-float .82s var(--ease-out-quint) forwards;pointer-events:none}.milk-pop--bonus{background:var(--pink-200);animation-duration:.98s}.milk-pop--buy{background:var(--blue-100);animation-name:milk-purchase-pop}.milk-pop--auto{background:var(--lavender-100);font-size:.86rem;opacity:.86}.milk-pop--crit{background:radial-gradient(circle at 15% 18%,oklch(100% .006 75 / .9) 0 .7rem,transparent .78rem),linear-gradient(135deg,oklch(96% .064 86),var(--mint-100));animation-name:milk-crit-pop;animation-duration:1.12s}.milk-pop--legendary{padding-inline:.7rem;background:linear-gradient(135deg,oklch(96% .064 86),var(--pink-200),var(--blue-100));animation-name:milk-legendary-pop;animation-duration:1.32s}.milk-burst{position:absolute;z-index:2;width:13px;height:13px;border:2px solid var(--plum);border-radius:50%;background:var(--pink-200);transform:translate(-50%,-50%) scale(var(--burst-scale, 1));animation:milk-burst-pop .82s var(--ease-out-expo) forwards;animation-delay:var(--burst-delay, 0ms)}.milk-burst--cream{background:#fff0d1;background:oklch(96% .064 86);box-shadow:0 0 0 4px #ffffff6b,0 0 18px #f7dfab9e}.milk-combo-meter,.milk-flow-meter{position:relative;display:grid;gap:.45rem;padding:.6rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream)}.milk-combo-meter span,.milk-flow-meter span{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.milk-combo-meter strong,.milk-flow-meter strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.15rem}.milk-combo-meter small,.milk-flow-meter small{font-weight:900}.milk-combo-meter i,.milk-flow-meter i{display:block;height:12px;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:var(--pink-50)}.milk-combo-meter i:before,.milk-flow-meter i:before{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-300),var(--mint-200));content:"";transform:scaleX(var(--combo-scale, 0));transform-origin:left;transition:transform .22s var(--ease-out-quart)}.milk-flow-meter{background:radial-gradient(circle at 90% 20%,oklch(100% .006 75 / .72) 0 .85rem,transparent .95rem),var(--blue-100)}.milk-flow-meter i:before{background:linear-gradient(90deg,var(--blue-200),var(--mint-200),oklch(96% .064 86));transform:scaleX(var(--milk-flow-scale, 0));transition-duration:.42s}.milk-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.milk-stat-grid span,.milk-badges span{padding:.55rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);transition:transform .18s var(--ease-out-quart),background .18s var(--ease-out-quart)}.milk-stat-grid span{display:grid;gap:.15rem}.milk-stat-grid span:hover,.milk-badges span:hover{transform:translateY(-2px);background:var(--mint-100)}.milk-stat-grid strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem;line-height:1}.milk-stat-grid small{font-weight:800}.milk-progress-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.5rem}.milk-progress-strip span{position:relative;display:grid;gap:.12rem;min-width:0;padding:.58rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 88% 20%,oklch(100% .006 75 / .82) 0 .75rem,transparent .84rem),linear-gradient(135deg,var(--pink-50),var(--cream));box-shadow:inset 2px 2px #ffffffb8}.milk-progress-strip span:nth-child(2){background:radial-gradient(circle at 88% 20%,oklch(100% .006 75 / .82) 0 .75rem,transparent .84rem),linear-gradient(135deg,var(--mint-100),var(--cream))}.milk-progress-strip span:nth-child(3){background:radial-gradient(circle at 88% 20%,oklch(100% .006 75 / .82) 0 .75rem,transparent .84rem),linear-gradient(135deg,oklch(98% .04 85),var(--blue-100))}.milk-progress-strip small{overflow:hidden;color:#683b60d6;font-family:Pixelify Sans,monospace;font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.milk-progress-strip strong{overflow:hidden;font-family:"Baloo 2",system-ui,sans-serif;font-size:1rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.milk-badges{display:flex;flex-wrap:wrap;gap:.45rem}.milk-badges span{background:var(--lavender-100);font-family:Pixelify Sans,monospace;font-weight:600;animation:milk-badge-drop .42s var(--ease-out-expo) both;animation-delay:calc(var(--badge-index, 0) * 70ms)}.milk-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.55rem;border:2px solid var(--plum);border-radius:var(--radius);background:linear-gradient(180deg,oklch(100% .006 75 / .78),var(--lavender-100))}.milk-audio-controls>span,.milk-audio-controls button{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;border-radius:var(--radius);font-weight:900}.milk-audio-controls>span{padding:.35rem .5rem;font-family:Pixelify Sans,monospace;font-weight:600}.milk-audio-controls button{padding:.42rem .58rem;border:2px solid var(--plum);background:var(--cream);color:var(--plum);cursor:pointer;transition:transform .16s var(--ease-out-quart),background .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart)}.milk-audio-controls button[aria-pressed=true]{background:var(--mint-100);box-shadow:inset 0 -4px #7b497324}.milk-audio-controls button:not(:disabled):hover{transform:translateY(-2px);background:var(--pink-100)}.milk-audio-controls button:disabled{opacity:.54;cursor:not-allowed}.milk-audio-controls__milklander{flex:1 1 100%;justify-content:center;background:linear-gradient(135deg,oklch(98% .04 85),var(--pink-100) 46%,var(--blue-100))}.milk-audio-controls__milklander[aria-pressed=true]{background:var(--pink-200)}.milk-shop__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.milk-shop__head>div:first-child{flex:1 1 118px;min-width:0}.milk-shop__head h3{margin-bottom:0}.milk-shop__status{display:grid;place-items:center;min-width:58px;min-height:44px;padding:.25rem .45rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--mint-100);transition:transform .18s var(--ease-out-quart)}.milk-shop--affordable .milk-shop__status{animation:milk-ready-pulse 1.2s var(--ease-out-quart) infinite}.milk-shop__status strong{line-height:1}.milk-shop__status small{font-family:Pixelify Sans,monospace;font-size:.78rem;font-weight:600}.milk-shop__sync{display:grid;flex:1 1 118px;grid-template-columns:auto 1fr;align-items:center;column-gap:.45rem;min-height:44px;min-width:118px;padding:.35rem .55rem;border:2px solid var(--plum);border-radius:var(--radius);background:linear-gradient(180deg,oklch(100% .006 75 / .82),var(--blue-100));box-shadow:inset 2px 2px #ffffffb8}.milk-shop__sync span{grid-row:span 2;width:12px;height:12px;border:2px solid var(--plum);border-radius:50%;background:var(--mint-200)}.milk-shop__sync strong,.milk-shop__sync small{line-height:1}.milk-shop__sync strong{font-size:.88rem}.milk-shop__sync small{font-family:Pixelify Sans,monospace;font-size:.72rem;font-weight:600}.milk-shop__sync--active{background:radial-gradient(circle at 88% 22%,oklch(100% .006 75 / .86) 0 .85rem,transparent .95rem),linear-gradient(180deg,var(--mint-100),var(--cream))}.milk-shop__sync--active span{animation:pulse .8s var(--ease-out-quart)}.milk-shop__head button{display:inline-flex;flex:1 1 104px;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.45rem .65rem;font-weight:900;transition:transform .14s var(--ease-out-quart),background .18s var(--ease-out-quart)}.milk-shop__head button:hover{transform:translateY(-2px);background:var(--pink-100)}.milk-shop-section{display:grid;gap:.55rem;padding-top:.15rem;animation:milk-shop-section-enter .42s var(--ease-out-expo) both}.milk-shop-section+.milk-shop-section{margin-top:.35rem;padding-top:.8rem;border-top:2px dashed oklch(37% .1 333 / .42)}.milk-shop-section--stream{animation-delay:60ms}.milk-shop-section--skyline{animation-delay:.12s}.milk-shop-section--legend{animation-delay:.18s}.milk-shop-section__head{display:grid;gap:.05rem;padding-inline:.1rem}.milk-shop-section__head strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.08rem;line-height:1.05}.milk-shop-section__head small{color:#693f62d1;font-weight:850}.milk-upgrade-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:72px;padding:.65rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);color:var(--plum);text-align:left;cursor:pointer;transform:translateZ(0);transition:transform .17s var(--ease-out-quart),background .19s var(--ease-out-quart),box-shadow .19s var(--ease-out-quart),opacity .18s var(--ease-out-quart)}.milk-upgrade-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 18%,oklch(100% 0 0 / .52) 40%,transparent 56%);transform:translate(-120%);opacity:0}.milk-upgrade-card:not(:disabled):hover{background:var(--mint-100);transform:translateY(-2px);box-shadow:0 9px #7b49731f}.milk-upgrade-card--affordable{background:linear-gradient(180deg,var(--mint-100),var(--cream))}.milk-upgrade-card--boost{background:radial-gradient(circle at 94% 16%,oklch(100% .006 75 / .74) 0 .9rem,transparent 1rem),linear-gradient(180deg,var(--lavender-100),var(--cream))}.milk-upgrade-card--ultimate{background:radial-gradient(circle at 10% 12%,oklch(100% .006 75 / .88) 0 1.3rem,transparent 1.42rem),linear-gradient(135deg,oklch(97% .056 83),var(--pink-100) 42%,var(--blue-100))}.milk-upgrade-card--affordable:after{animation:milk-shop-sheen 1.8s var(--ease-out-quart) infinite}.milk-upgrade-card--owned{border-color:#00432e;border-color:oklch(34% .105 164)}.milk-upgrade-card--signature{min-height:92px;border-width:3px;background:radial-gradient(circle at 10% 12%,oklch(100% .006 75 / .88) 0 1.3rem,transparent 1.42rem),linear-gradient(135deg,oklch(97% .056 83),var(--pink-100) 42%,var(--blue-100));box-shadow:inset 3px 3px #ffffffbd}.milk-upgrade-card--signature:before{position:absolute;top:-24%;right:-9%;width:38%;height:148%;pointer-events:none;content:"";background:linear-gradient(160deg,transparent 0 26%,oklch(91% .073 347 / .66) 26% 60%,transparent 60%),radial-gradient(circle at 54% 50%,oklch(96% .064 86 / .64) 0 1rem,transparent 1.1rem);transform:rotate(-8deg);opacity:.9}.milk-upgrade-card--signature:not(:disabled):hover{background:radial-gradient(circle at 10% 12%,oklch(100% .006 75 / .9) 0 1.3rem,transparent 1.42rem),linear-gradient(135deg,oklch(97% .056 83),var(--mint-100) 42%,var(--pink-200))}.milk-upgrade-card--signature.milk-upgrade-card--affordable{animation:milk-signature-ready 1.35s var(--ease-out-quart) infinite}.milk-upgrade-card--signature .milk-upgrade-card__icon{width:56px;height:56px;background:radial-gradient(circle at 35% 20%,oklch(100% .006 75 / .84) 0 .75rem,transparent .82rem),linear-gradient(135deg,var(--pink-300),oklch(96% .064 86));box-shadow:0 0 0 4px #ffffff75}.milk-upgrade-card--signature .milk-upgrade-card__copy strong{font-size:1.08rem}.milk-upgrade-card--signature .milk-upgrade-card__copy b{background:linear-gradient(90deg,oklch(92% .075 88),var(--pink-300),var(--mint-200))}.milk-upgrade-card:disabled{opacity:1;cursor:not-allowed}.milk-upgrade-card:disabled .milk-upgrade-card__copy,.milk-upgrade-card:disabled .milk-upgrade-card__price,.milk-upgrade-card:disabled .milk-upgrade-card__icon{opacity:.72}.milk-upgrade-card:disabled .milk-upgrade-card__copy,.milk-upgrade-card:disabled .milk-upgrade-card__price{opacity:.68}.milk-upgrade-card:disabled .milk-upgrade-card__icon{filter:saturate(.92)}.milk-upgrade-card__icon{display:grid;place-items:center;width:50px;height:50px;overflow:visible;border:2px solid var(--plum);border-radius:16px;background:radial-gradient(circle at 30% 18%,oklch(100% .006 75 / .82) 0 .72rem,transparent .8rem),linear-gradient(145deg,var(--pink-100),var(--cream));box-shadow:inset 2px 2px #ffffffb8,0 7px #7b49731a;color:var(--plum);transform:translateZ(0);transition:transform .19s var(--ease-out-quart),box-shadow .19s var(--ease-out-quart),background .19s var(--ease-out-quart)}.milk-upgrade-card--auto .milk-upgrade-card__icon{background:radial-gradient(circle at 30% 18%,oklch(100% .006 75 / .82) 0 .72rem,transparent .8rem),linear-gradient(145deg,var(--mint-100),var(--cream))}.milk-upgrade-card--boost .milk-upgrade-card__icon{background:radial-gradient(circle at 30% 18%,oklch(100% .006 75 / .82) 0 .72rem,transparent .8rem),linear-gradient(145deg,var(--lavender-100),var(--blue-100))}.milk-upgrade-card:not(:disabled):hover .milk-upgrade-card__icon{box-shadow:inset 2px 2px #ffffffb8,0 10px #7b497321;transform:translateY(-2px) rotate(-2deg)}.milk-item-icon{width:100%;height:100%;display:block;overflow:visible;color:var(--plum);filter:drop-shadow(0 2px 0 oklch(100% 0 0 / .44));transition:transform .19s var(--ease-out-quart),filter .19s var(--ease-out-quart)}.milk-upgrade-card:not(:disabled):hover .milk-item-icon{filter:drop-shadow(0 4px 0 oklch(48% .09 333 / .1));transform:scale(1.06)}.milk-icon__plate{fill:#ffffff2e;fill:oklch(100% .006 75 / .18)}.milk-icon__shine,.milk-icon__shadow,.milk-icon__spark-line,.milk-icon__steam{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.milk-icon__shine{stroke-width:2;opacity:.24}.milk-icon__shadow{stroke-width:3;opacity:.18}.milk-icon__spark-line,.milk-icon__steam{stroke-width:2.4}.milk-icon__sparkle{fill:#fff0d1;fill:oklch(96% .064 86);stroke:currentColor;stroke-width:1.7;transform-box:fill-box;transform-origin:center}.milk-icon__bubble{transform-box:fill-box;transform-origin:center}.milk-upgrade-card--affordable .milk-icon__sparkle,.milk-upgrade-card--affordable .milk-icon__bubble{animation:milk-icon-twinkle 1.55s var(--ease-out-quart) infinite}.milk-icon__sparkle--two{animation-delay:.18s}.milk-item-icon--milklander .milk-icon__sparkle,.milk-upgrade-card--signature .milk-item-icon{animation:milk-icon-ultimate 1.8s var(--ease-out-quart) infinite}.milk-upgrade-card__copy,.milk-upgrade-card__price{display:grid;gap:.15rem;min-width:0}.milk-upgrade-card__copy i{display:block;height:8px;overflow:hidden;border:1px solid oklch(37% .1 333 / .62);border-radius:999px;background:var(--pink-50)}.milk-upgrade-card__effect{width:fit-content;max-width:100%;padding:.12rem .38rem;overflow:hidden;border:1px solid oklch(37% .1 333 / .38);border-radius:999px;background:#ffffffb8;background:oklch(100% .006 75 / .72);color:#64335c;font-family:Pixelify Sans,monospace;font-size:.74rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.milk-upgrade-card__copy b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-300),var(--mint-200));transition:width .22s var(--ease-out-quart)}.milk-upgrade-card__price{justify-items:end;white-space:nowrap}.milk-milestone{position:absolute;z-index:9;top:clamp(1rem,4vw,2rem);left:50%;display:grid;place-items:center;gap:.1rem;min-width:min(88%,360px);padding:.9rem 1.1rem;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 12% 20%,oklch(100% .006 75 / .8) 0 1.4rem,transparent 1.5rem),linear-gradient(135deg,var(--pink-200),var(--mint-100));text-align:center;box-shadow:var(--shadow);transform:translate(-50%);animation:milk-milestone-enter 2.2s var(--ease-out-expo) forwards}.milk-milestone span{font-family:Pixelify Sans,monospace;font-weight:600}.milk-milestone strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1}.game-message--saving{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.game-message--saving span{flex:0 0 auto;padding:.25rem .5rem;border:2px solid var(--plum);border-radius:999px;background:var(--mint-100)}.taskbar-footer--hidden{display:none}.desktop-card-lite{min-width:0;padding:clamp(1rem,3vw,1.25rem);border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.minigames-surface{width:min(1440px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.minigames-surface:not(.minigames-surface--compact) .arcade-hero{min-height:auto;padding:clamp(.75rem,3vw,1.3rem) 0 clamp(.6rem,2vw,1rem);align-items:start}.minigames-surface:not(.minigames-surface--compact) .arcade-hero h1{font-size:clamp(3rem,6vw,5.4rem);margin-bottom:.45rem}.minigames-surface:not(.minigames-surface--compact) .arcade-layout{margin-top:1rem}.minigames-surface--compact{width:100%;padding:0}.minigames-surface--compact .arcade-hero{min-height:auto;grid-template-columns:1fr;gap:.8rem}.minigames-surface--compact .arcade-hero h2{font-size:clamp(2rem,5vw,3.4rem)}.minigames-surface--compact .arcade-layout{grid-template-columns:1fr;margin:0}.minigames-surface--compact .game-menu{position:static;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.minigames-surface--compact .game-menu-card span{display:none}.minigames-surface--compact .lane-game{min-height:360px}.minigames-surface--compact .leaderboard-panel{position:static}.segmented-control--compact button{min-width:54px;padding-inline:.55rem}.desktop-app-toolbar,.desktop-app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.desktop-chat-note{display:inline-flex;align-items:center;gap:.4rem}.desktop-topline__actions button,.desktop-app-toolbar button,.desktop-app-actions button,.desktop-app-actions a,.desktop-wide-button,.desktop-setting-row,.desktop-window__controls button,.desktop-taskbar button{min-height:44px;border:2px solid var(--plum);border-radius:6px;background:var(--cream);color:var(--plum);font-weight:900;text-decoration:none;cursor:pointer;box-shadow:inset 2px 2px #ffffffbf,inset -2px -2px #73416924}.desktop-topline__actions button,.desktop-app-toolbar button,.desktop-app-actions button,.desktop-app-actions a,.desktop-wide-button,.desktop-taskbar button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .7rem}.shared-chat-game{gap:1rem;overflow:hidden}.shared-chat-game__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.95rem;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 12% 18%,var(--mint-100) 0 3rem,transparent 3.4rem),linear-gradient(135deg,var(--cream),var(--pink-50) 56%,var(--blue-100))}.shared-chat-game__head h3{margin:.35rem 0 .25rem;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:clamp(1.9rem,4vw,3rem);line-height:.95}.shared-chat-game__head p,.room-viewer-instructions span,.room-inline-note{margin:0;color:var(--plum-muted);font-weight:800}.shared-chat-game__status{display:grid;justify-items:end;gap:.45rem;min-width:min(220px,100%)}.room-status,.room-connection{display:inline-flex;align-items:center;gap:.35rem;min-height:38px;padding:.35rem .65rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);color:var(--plum);font-weight:950;box-shadow:inset 2px 2px #ffffffb3,0 5px #6f39671a}.room-status--running,.room-connection--live{background:var(--mint-100)}.room-status--entries,.room-connection--connecting{background:var(--blue-100)}.room-status--finished{background:var(--pink-200)}.room-connection--local,.room-connection--offline{background:var(--lavender-100)}.shared-chat-game__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:1rem;align-items:start}.shared-chat-game__main{display:grid;gap:.85rem;min-width:0}.room-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.45rem;border:2px solid var(--plum);border-radius:var(--radius);background:linear-gradient(90deg,oklch(99% .014 75 / .86),var(--pink-50));box-shadow:inset 2px 2px #fffbf5b3;box-shadow:inset 2px 2px oklch(99% .012 75 / .7)}.room-viewer-instructions,.room-host-controls,.room-inline-note{border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);box-shadow:inset 2px 2px #ffffff9e,inset -2px -2px #7341691f}.room-stats span{display:grid;gap:.12rem;min-height:50px;padding:.35rem .5rem;border-radius:6px;background:#fffbf670;background:oklch(99% .011 75 / .44);font-weight:900}.room-stats strong{font-size:1.24rem;line-height:1}.race-ticker{display:grid;grid-template-columns:auto minmax(96px,1fr) auto auto;align-items:center;gap:.55rem;min-width:0;padding:.5rem .65rem;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 4% 42%,var(--mint-100) 0 1.35rem,transparent 1.55rem),linear-gradient(100deg,var(--cream),var(--pink-50) 58%,var(--blue-100));box-shadow:inset 2px 2px #ffffff9e,0 7px #7b497314;font-weight:950}.race-ticker--empty{grid-template-columns:auto minmax(0,1fr);background:radial-gradient(circle at 5% 50%,var(--lavender-100) 0 1.5rem,transparent 1.75rem),var(--cream)}.race-ticker__leader,.race-ticker--empty span:first-child{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.race-ticker__leader strong{max-width:13ch;overflow:hidden;color:var(--plum);text-overflow:ellipsis;white-space:nowrap}.race-ticker__bar{position:relative;height:12px;min-width:0;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:#fffbf5b8;background:oklch(99% .014 75 / .72);box-shadow:inset 2px 2px #fff9}.race-ticker__bar span{position:absolute;inset:0 auto 0 0;min-width:12px;border-radius:inherit;background:linear-gradient(90deg,var(--pink-200),var(--mint-100),var(--blue-100));transition:width .16s var(--ease-out-quart)}.race-ticker__bar span:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent,oklch(100% 0 0 / .72),transparent);transform:translate(-100%);animation:ticker-shine 1.7s var(--ease-out-quart) infinite}.race-ticker__pack,.race-ticker__event{min-height:30px;padding:.22rem .5rem;border:2px solid var(--plum);border-radius:999px;background:#fffbf5b8;background:oklch(99% .014 75 / .72);color:var(--plum-muted);font-size:.83rem;line-height:1.15;white-space:nowrap}.race-ticker__event{background:var(--mint-100);color:var(--plum)}.room-host-controls{display:grid;gap:.5rem;padding:.55rem;background:linear-gradient(135deg,var(--blue-100),oklch(98% .018 75 / .9))}.room-host-controls__row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.room-host-controls__row--primary{gap:.45rem}.room-host-controls__row--advanced{padding-top:.5rem}.room-host-controls strong,.room-viewer-instructions strong{display:inline-flex;align-items:center;gap:.4rem;font-weight:950}.room-host-controls button{min-height:44px;padding:.42rem .65rem;border:2px solid var(--plum);border-radius:6px;background:var(--cream);color:var(--plum);font-weight:950;cursor:pointer;box-shadow:inset 2px 2px #ffffffad,inset -2px -2px #73416921}.room-host-controls button:hover:not(:disabled){background:var(--pink-50)}.room-host-controls button[aria-pressed=true]{background:var(--mint-100);outline:2px solid var(--plum);outline-offset:2px}.room-host-controls button:disabled{cursor:not-allowed;opacity:.58}.room-host-controls__chip{display:inline-flex;align-items:center;min-height:44px;padding:.42rem .7rem;border:2px dashed oklch(42% .09 333 / .66);border-radius:999px;background:#ffffffa3;background:oklch(100% .006 75 / .64);font-weight:900}.room-host-controls__advanced{min-width:0}.room-host-controls__advanced summary{display:inline-flex;align-items:center;width:fit-content;min-height:38px;padding:.32rem .6rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-weight:600;cursor:pointer;box-shadow:inset 2px 2px #ffffff9e}.room-host-controls__advanced[open] summary{background:var(--mint-100)}.room-viewer-instructions{display:grid;gap:.35rem;padding:.75rem;background:var(--mint-100)}.room-inline-note{padding:.65rem .75rem;background:var(--lavender-100)}.shared-board{position:relative;container-type:size;min-height:610px;overflow:hidden;border:var(--border);border-radius:var(--radius);contain:layout paint;isolation:isolate;background:linear-gradient(oklch(78% .07 350 / .17) 1px,transparent 1px),linear-gradient(90deg,oklch(78% .07 350 / .17) 1px,transparent 1px),linear-gradient(180deg,var(--pink-50),var(--lavender-100) 54%,var(--blue-100));background-size:38px 38px,38px 38px,auto}.cloudfall-board{height:clamp(820px,94svh,1080px);min-height:0}.cloudfall-start-gate{position:absolute;top:.85rem;left:clamp(.85rem,4%,2rem);right:clamp(.85rem,4%,2rem);z-index:7;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:54px;padding:.5rem .65rem;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 92% 26%,var(--blue-100) 0 2.2rem,transparent 2.5rem),linear-gradient(135deg,var(--cream),var(--pink-50));box-shadow:inset 2px 2px #fffbf5bd,0 8px #7b49731a;box-shadow:inset 2px 2px oklch(99% .012 75 / .74),0 8px #7b49731a}.cloudfall-start-gate__label{font-family:Pixelify Sans,monospace;font-weight:700}.cloudfall-start-gate__bar{position:relative;overflow:hidden;height:14px;border:2px solid var(--plum);border-radius:999px;background:repeating-linear-gradient(90deg,var(--pink-200) 0 14px,var(--cream) 14px 28px);box-shadow:inset 2px 2px #fffbf59e;box-shadow:inset 2px 2px oklch(99% .012 75 / .62)}.cloudfall-start-gate__bar:after{position:absolute;inset:-4px auto -4px 0;width:32%;content:"";background:linear-gradient(90deg,transparent,oklch(100% 0 0 / .72),transparent);transform:translate(-120%);animation:gate-glint 2.2s var(--ease-out-quint) infinite}.cloudfall-release-lanes{position:absolute;top:4.2rem;left:5.5%;right:5.5%;z-index:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));height:16%;pointer-events:none;opacity:.82}.cloudfall-release-lanes span{min-width:0;border-inline:1px dashed oklch(42% .1 333 / .28);background:linear-gradient(180deg,oklch(99% .014 75 / .5),transparent)}.cloudfall-side-rail{position:absolute;top:5rem;bottom:5.4rem;z-index:3;width:clamp(12px,2.3cqi,22px);pointer-events:none;border:2px solid var(--plum);border-radius:999px;background:linear-gradient(180deg,oklch(100% 0 0 / .62),transparent 36%),repeating-linear-gradient(180deg,var(--pink-100) 0 22px,var(--cream) 22px 44px);box-shadow:inset 3px 0 #fff6,0 9px #7b49731f;opacity:.72}.cloudfall-side-rail--left{left:.8rem}.cloudfall-side-rail--right{right:.8rem}.cloudfall-depth-ridges{position:absolute;top:7.2rem;right:7.5%;bottom:6.6rem;left:7.5%;z-index:1;pointer-events:none}.cloudfall-depth-ridge{position:absolute;left:0;right:0;height:1px;border-top:1px solid oklch(42% .1 333 / .18);opacity:.58}.cloudfall-depth-ridge:before,.cloudfall-depth-ridge:after{position:absolute;top:-3px;width:8px;height:8px;content:"";border:1px solid oklch(42% .1 333 / .18);border-radius:50%;background:#fffbf585;background:oklch(99% .014 75 / .52)}.cloudfall-depth-ridge:before{left:-3px}.cloudfall-depth-ridge:after{right:-3px}.cloudfall-depth-ridge:nth-child(1){top:12%}.cloudfall-depth-ridge:nth-child(2){top:25%}.cloudfall-depth-ridge:nth-child(3){top:38%}.cloudfall-depth-ridge:nth-child(4){top:51%}.cloudfall-depth-ridge:nth-child(5){top:64%}.cloudfall-depth-ridge:nth-child(6){top:77%}.cloudfall-depth-ridge:nth-child(7){top:90%}.cloudfall-board:before,.cloudfall-board:after{position:absolute;z-index:0;pointer-events:none;content:"";border:2px solid oklch(99% .014 75 / .88);border-radius:999px;background:#fffbf5a3;background:oklch(99% .014 75 / .64);box-shadow:0 12px #f3d4e43d}.cloudfall-board:before{top:8%;right:8%;width:170px;height:58px}.cloudfall-board:after{left:7%;bottom:12%;width:210px;height:72px}.cloudfall-drop-chip,.cloudfall-finish-chip{position:absolute;z-index:90;display:inline-flex;align-items:center;gap:.35rem;min-height:38px;padding:.32rem .65rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-weight:700}.cloudfall-drop-chip{top:4.35rem;left:clamp(.85rem,4%,2rem);z-index:9;background:var(--blue-100)}.cloudfall-basin{position:absolute;left:7%;right:7%;bottom:.7rem;z-index:4;height:82px;pointer-events:none;border:2px solid oklch(99% .014 75 / .9);border-radius:999px 999px 20px 20px;background:radial-gradient(circle at 18% 46%,oklch(100% 0 0 / .82) 0 18%,transparent 20%),radial-gradient(circle at 78% 48%,oklch(100% 0 0 / .72) 0 15%,transparent 17%),linear-gradient(180deg,#fffbf5d1,#b3defa85);background:radial-gradient(circle at 18% 46%,oklch(100% 0 0 / .82) 0 18%,transparent 20%),radial-gradient(circle at 78% 48%,oklch(100% 0 0 / .72) 0 15%,transparent 17%),linear-gradient(180deg,color(xyz 0.926 0.969 0.976 / 0.82),#b3defa85);box-shadow:inset 0 10px #ffffff6b,0 10px #7b497314}.cloudfall-basin span{position:absolute;left:12%;right:12%;bottom:14px;height:16px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--pink-200) 0 16px,var(--cream) 16px 32px);opacity:.72}.cloudfall-finish-chip{right:.85rem;bottom:.85rem;z-index:12;background:var(--mint-100)}.cloudfall-leader-depth{position:absolute;left:0;top:0;z-index:8;width:100%;height:0;pointer-events:none;transform:translate3d(0,calc(var(--leader-y, 0) * 1cqb),0);transition:transform .12s linear}.cloudfall-leader-depth:before{position:absolute;left:0;right:0;top:-1px;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--leader-color, var(--pink-200)),transparent);opacity:.62}.cloudfall-leader-depth span{position:absolute;right:.8rem;top:-16px;max-width:130px;padding:.14rem .45rem;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-size:.72rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px #7b49731a}.cloudfall-obstacles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cloudfall-obstacle{position:absolute;width:var(--obstacle-w, 5%);height:var(--obstacle-h, 5%);translate:-50% -50%;border:2px solid var(--plum);border-radius:50%;box-shadow:inset 4px 4px #ffffff9e,0 9px #7b49731f;transform:rotate(var(--obstacle-r, 0deg))}.cloudfall-obstacle--pink{background:var(--pink-200)}.cloudfall-obstacle--mint{background:var(--mint-100)}.cloudfall-obstacle--lavender{background:var(--lavender-100)}.cloudfall-obstacle--blue{background:var(--blue-100)}.cloudfall-obstacle--cream{background:var(--cream)}.cloudfall-obstacle--bumper{box-shadow:inset 5px 5px #ffffffb8,inset -5px -6px #7b49731f,0 10px #7b497321}.cloudfall-obstacle--cloud{border-radius:999px;background:radial-gradient(circle at 24% 46%,oklch(100% 0 0 / .9) 0 26%,transparent 28%),radial-gradient(circle at 52% 28%,oklch(100% 0 0 / .88) 0 23%,transparent 25%),radial-gradient(circle at 76% 50%,oklch(100% 0 0 / .76) 0 22%,transparent 24%),var(--cream)}.cloudfall-obstacle--deflector{border-radius:999px 999px 6px 6px;background:linear-gradient(90deg,oklch(100% 0 0 / .55),transparent 34%),var(--lavender-100)}.cloudfall-obstacle--spring{border-radius:8px;background:repeating-linear-gradient(45deg,var(--pink-200) 0 6px,var(--cream) 6px 12px)}.cloudfall-marble{position:absolute;left:0;top:0;display:block;width:0;height:0;pointer-events:none;transform:translate3d(calc(var(--x, 0) * 1cqi),calc(var(--y, 0) * 1cqb),0);transition:transform 90ms linear;will-change:transform}.cloudfall-marble__body{position:absolute;left:0;top:0;z-index:2;display:grid;place-items:center;width:38px;height:38px;transform:translate(-50%,-50%)}.cloudfall-marble__wake{position:absolute;left:50%;top:50%;z-index:0;width:10px;height:calc(18px + var(--boost-alpha, 0) * 42px);border-radius:999px;background:linear-gradient(180deg,oklch(91% .14 178 / .66),transparent);opacity:calc(var(--boost-alpha, 0) * .82);filter:blur(.3px);transform:translate(-50%,-2px)}.cloudfall-marble__name,.derby-car__name{position:absolute;z-index:4;max-width:min(112px,24vw);padding:.13rem .38rem;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:#fffbf5f0;background:oklch(99% .014 75 / .94);color:var(--plum);font-size:.73rem;font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px #7b49731a;transition:opacity .12s ease-out}.cloudfall-marble__name{left:0;top:22px;transform:translate(-50%)}.cloudfall-board--crowded .cloudfall-marble__name{opacity:0}.cloudfall-board--crowded .cloudfall-marble--leader .cloudfall-marble__name{opacity:1}.cloudfall-board .cloudfall-marble--in-gate .cloudfall-marble__name{opacity:0}.cloudfall-marble--edge-left .cloudfall-marble__name{transform:translate(-8%)}.cloudfall-marble--edge-right .cloudfall-marble__name{transform:translate(-92%)}.cloudfall-marble__ball{position:relative;display:block;width:34px;height:34px;overflow:hidden;border:2px solid var(--plum);border-radius:50%;background:radial-gradient(circle at 26% 22%,oklch(100% 0 0 / .98) 0 13%,transparent 15%),radial-gradient(circle at 40% 34%,oklch(100% 0 0 / .34) 0 28%,transparent 31%),radial-gradient(circle at 70% 78%,oklch(34% .09 333 / .28) 0 24%,transparent 28%),linear-gradient(135deg,oklch(100% 0 0 / .36),transparent 42%),var(--marble-color, var(--pink-200));box-shadow:inset -8px -9px #64335c2e,inset 5px 5px #ffffff3d,0 8px #7b497324,0 0 calc(var(--boost-alpha, 0) * 18px) #4befd1bd}.cloudfall-marble--top-pack .cloudfall-marble__ball{box-shadow:inset -8px -9px #64335c2e,inset 5px 5px #ffffff3d,0 8px #7b497324,0 0 0 5px #ffffff57,0 0 calc(12px + var(--boost-alpha, 0) * 18px) #4befd1a3;box-shadow:inset -8px -9px #64335c2e,inset 5px 5px #ffffff3d,0 8px #7b497324,0 0 0 5px oklch(100% .014 75 / .34),0 0 calc(12px + var(--boost-alpha, 0) * 18px) #4befd1a3}.cloudfall-marble--sparked .cloudfall-marble__body:after{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;z-index:1;content:"";border-radius:50%;background:radial-gradient(circle at 18% 30%,var(--cream) 0 2px,transparent 3px),radial-gradient(circle at 76% 20%,var(--mint-100) 0 2px,transparent 3px),radial-gradient(circle at 70% 78%,var(--pink-200) 0 2px,transparent 3px);animation:marble-spark .36s var(--ease-out-quart) both}.cloudfall-marble__ball:before{position:absolute;top:7px;right:8px;bottom:8px;left:7px;content:"";border:2px solid oklch(100% 0 0 / .44);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(var(--spin, 0deg))}.cloudfall-marble__ball:after{position:absolute;inset:-8px -4px auto auto;width:18px;height:48px;content:"";border-radius:999px;background:#ffffff4d;transform:rotate(32deg);opacity:calc(.3 + var(--effect-alpha, 0) * .45)}.derby-board{aspect-ratio:1 / 1.06;height:auto;min-height:clamp(640px,76cqi,760px);background:radial-gradient(circle at 16% 18%,var(--mint-100) 0 4.5rem,transparent 4.9rem),radial-gradient(circle at 84% 78%,var(--pink-200) 0 5rem,transparent 5.5rem),radial-gradient(circle at 50% 50%,oklch(100% .006 75 / .62) 0 4.2rem,transparent 4.6rem),linear-gradient(oklch(78% .07 350 / .15) 1px,transparent 1px),linear-gradient(90deg,oklch(78% .07 350 / .15) 1px,transparent 1px),linear-gradient(180deg,var(--cream),var(--pink-50) 48%,var(--blue-100));background-size:auto,auto,auto,42px 42px,42px 42px,auto}.derby-track-ribbon,.derby-course-lines,.derby-track-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.derby-track-map{z-index:2;width:100%;height:100%;overflow:visible}.derby-track-map__road,.derby-track-map__dash{fill:none;vector-effect:non-scaling-stroke}.derby-track-map__road{stroke:#fff4e0eb;stroke:oklch(97% .036 82 / .92);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 0 oklch(48% .09 333 / .12))}.derby-track-map__dash{stroke:#6c366457;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:3.5 4.2}.derby-track-loop{position:absolute;top:13.5%;width:48%;height:73%;border:clamp(44px,8.4cqi,78px) solid oklch(97% .036 82 / .9);border-radius:50%;box-shadow:inset 0 0 0 2px #6c36642e,0 14px #7b49731c,0 0 0 2px #6c36643d}.derby-track-loop:before{position:absolute;inset:calc(clamp(44px,8.4cqi,78px)*-.52);content:"";border:2px dashed oklch(42% .1 333 / .36);border-radius:50%}.derby-track-loop--left{left:4.5%;background:radial-gradient(circle at 44% 46%,var(--mint-100) 0 38%,transparent 39%)}.derby-track-loop--right{right:4.5%;background:radial-gradient(circle at 56% 54%,var(--lavender-100) 0 38%,transparent 39%)}.derby-crossing-shadow,.derby-crossing-bridge{position:absolute;left:50%;top:50%;border-radius:999px;translate:-50% -50%}.derby-crossing-shadow{z-index:3;width:min(30%,220px);height:min(15%,96px);background:#52234c1f;filter:blur(2px)}.derby-crossing-bridge{z-index:4;width:min(32%,244px);height:min(12%,82px);border:2px solid var(--plum);background:linear-gradient(90deg,oklch(100% 0 0 / .52),transparent 34%),repeating-linear-gradient(45deg,var(--cream) 0 10px,var(--pink-50) 10px 20px);box-shadow:inset 0 -6px #7b497314,0 8px #7b497321}.derby-course-lines{z-index:5}.derby-course-lines span{position:absolute;left:50%;top:50%;width:min(64%,470px);height:min(2.6%,16px);border:1px dashed oklch(42% .1 333 / .34);border-inline:0;border-radius:999px;translate:-50% -50%;rotate:calc((var(--line-index, 0) - 2.5) * 12deg);opacity:.62}.derby-course-lines span:nth-child(1){--line-index: 0}.derby-course-lines span:nth-child(2){--line-index: 1}.derby-course-lines span:nth-child(3){--line-index: 2}.derby-course-lines span:nth-child(4){--line-index: 3}.derby-course-lines span:nth-child(5){--line-index: 4}.derby-course-lines span:nth-child(6){--line-index: 5}.derby-boost-pads{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.derby-boost-pads span{position:absolute;width:42px;height:16px;border:2px solid var(--plum);border-radius:999px;background:var(--mint-100);transform:rotate(-8deg);opacity:.82;box-shadow:0 5px #7b49731a}.derby-boost-pads span:nth-child(1){left:67%;top:28%;transform:rotate(28deg)}.derby-boost-pads span:nth-child(2){left:79%;top:49%;transform:rotate(82deg)}.derby-boost-pads span:nth-child(3){left:66%;top:72%;transform:rotate(148deg)}.derby-boost-pads span:nth-child(4){left:50%;top:58%;transform:rotate(36deg)}.derby-boost-pads span:nth-child(5){left:33%;top:72%;transform:rotate(214deg)}.derby-boost-pads span:nth-child(6){left:21%;top:49%;transform:rotate(278deg)}.derby-boost-pads span:nth-child(7){left:33%;top:28%;background:var(--pink-200);transform:rotate(330deg)}.derby-boost-pads span:nth-child(8){left:50%;top:42%;background:var(--lavender-100);transform:rotate(218deg)}.derby-boost-pads span:nth-child(9){left:72%;top:18%;background:var(--blue-100);transform:rotate(18deg)}.derby-boost-pads span:nth-child(10){left:72%;top:82%;background:var(--pink-200);transform:rotate(160deg)}.derby-boost-pads span:nth-child(11){left:28%;top:82%;background:var(--lavender-100);transform:rotate(202deg)}.derby-boost-pads span:nth-child(12){left:28%;top:18%;background:var(--blue-100);transform:rotate(342deg)}.derby-event-chip{position:absolute;left:50%;top:8%;z-index:17;min-height:34px;padding:.32rem .7rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-weight:700;translate:-50% 0;box-shadow:0 5px #7b49731a}.derby-leader-beacon{position:absolute;left:0;top:0;z-index:12;width:86px;height:86px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,var(--leader-color, var(--pink-200)) 0 12%,transparent 62%);opacity:.42;transform:translate3d(calc(var(--x, 0) * 1cqi),calc(var(--y, 0) * 1cqb),0) translate(-50%,-50%);transition:transform .12s linear;animation:leader-beacon 1.5s var(--ease-out-quart) infinite}.derby-finish-gantry{position:absolute;left:84%;top:50%;z-index:18;width:clamp(92px,17cqi,142px);height:clamp(70px,13cqi,108px);pointer-events:none;translate:-50% -50%}.derby-finish-gantry__post{position:absolute;top:12%;bottom:12%;width:9px;border:2px solid var(--plum);border-radius:999px;background:var(--cream);box-shadow:inset 2px 2px #fffbf5a8;box-shadow:inset 2px 2px oklch(99% .012 75 / .66)}.derby-finish-gantry__post--left{left:9%}.derby-finish-gantry__post--right{right:9%}.derby-finish-gantry__line{position:absolute;left:50%;top:50%;width:82%;height:16px;border:2px solid var(--plum);border-radius:999px;background:repeating-linear-gradient(90deg,var(--cream) 0 10px,var(--pink-200) 10px 20px);box-shadow:0 5px #7b49731a;translate:-50% -50%}.derby-finish-gantry__banner{position:absolute;left:50%;top:0;display:inline-flex;align-items:center;gap:.3rem;min-height:34px;padding:.26rem .54rem;border:2px solid var(--plum);border-radius:999px;background:var(--mint-100);font-family:Pixelify Sans,monospace;font-weight:700;box-shadow:0 5px #7b49731c;translate:-50% -65%}.derby-car{position:absolute;left:0;top:0;display:block;width:0;height:0;pointer-events:none;transform:translate3d(calc(var(--x, 0) * 1cqi),calc(var(--y, 0) * 1cqb),0);transition:transform 90ms linear;will-change:transform}@supports not (width: 1cqi){.falling-item,.player-token,.cloudfall-marble,.derby-car{left:calc(var(--x, 0) * 1%);top:calc(var(--y, 0) * 1%);transform:translateZ(0)}.falling-item{transition:top .24s linear}.player-token{transition:left .13s ease-out}.cloudfall-marble,.derby-car{transition:left 90ms linear,top 90ms linear}}.derby-car__vehicle{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:0;transform:translate(-50%,-50%) rotate(var(--car-angle, 0deg));transform-origin:50% 50%}.derby-car__name{left:0;top:25px;transform:translate(-50%)}.derby-car__body{position:relative;width:52px;height:27px;border:2px solid var(--plum);border-radius:14px 18px 10px 10px;background:linear-gradient(180deg,oklch(100% 0 0 / .48),transparent 38%),linear-gradient(90deg,transparent 0 58%,oklch(100% 0 0 / .34) 58% 66%,transparent 66%),linear-gradient(0deg,oklch(37% .09 333 / .13) 0 22%,transparent 22%),var(--racer-color, var(--mint-100));box-shadow:inset -6px -5px #7b497321,0 7px #7b497321,0 0 calc(var(--boost-alpha, 0) * 18px) #60f0d4bf}.derby-car--top-pack .derby-car__body{box-shadow:inset -6px -5px #7b497321,0 7px #7b497321,0 0 0 4px #ffffff57,0 0 calc(12px + var(--boost-alpha, 0) * 18px) #60f0d4a6;box-shadow:inset -6px -5px #7b497321,0 7px #7b497321,0 0 0 4px oklch(100% .014 75 / .34),0 0 calc(12px + var(--boost-alpha, 0) * 18px) #60f0d4a6}.derby-car__number{position:absolute;left:5px;top:50%;display:grid;place-items:center;width:18px;height:13px;border:1px solid oklch(35% .08 333 / .58);border-radius:5px;background:#ffffffad;color:var(--plum);font-size:.62rem;font-weight:950;line-height:1;transform:translateY(-50%)}.derby-car__body:after{position:absolute;left:10px;right:12px;bottom:5px;height:3px;content:"";border-radius:999px;background:#ffffff57}.derby-car__body:before{position:absolute;left:16px;right:15px;top:4px;height:8px;content:"";border:1px solid oklch(35% .08 333 / .58);border-radius:5px;background:linear-gradient(135deg,var(--blue-100),oklch(100% 0 0 / .78))}.derby-car__windshield{position:absolute;top:6px;left:33px;width:7px;height:8px;border:1px solid oklch(35% .08 333 / .58);border-radius:4px;background:linear-gradient(135deg,var(--blue-100),oklch(100% 0 0 / .78))}.derby-car__headlight{position:absolute;right:3px;top:9px;width:4px;height:9px;border-radius:999px;background:var(--cream);box-shadow:0 0 8px #fff2bf9e;box-shadow:0 0 8px oklch(96% .09 96 / .62)}.derby-car__wheel{position:absolute;bottom:-6px;width:11px;height:11px;border:2px solid var(--plum);border-radius:50%;background:#4a2c45;box-shadow:inset 0 0 0 3px var(--cream)}.derby-car__wheel--front{right:7px}.derby-car__wheel--back{left:8px}.derby-car__trail{position:absolute;right:42px;top:7px;width:calc(10px + var(--boost-alpha, 0) * 38px);height:14px;border-radius:999px;background:linear-gradient(90deg,transparent,oklch(90% .14 178 / .72),oklch(91% .14 336 / .42));opacity:var(--boost-alpha, 0);filter:blur(.2px)}.derby-car--boosting .derby-car__body{transform:translateY(-1px)}.derby-car--boosting .derby-car__wheel{animation:wheel-spin .28s linear infinite}.derby-board--crowded .derby-car__name{opacity:0}.derby-board--crowded .derby-car--leader .derby-car__name{opacity:1}.derby-car--leader .derby-car__body,.cloudfall-marble--leader .cloudfall-marble__ball{animation:room-leader-pulse 1.4s ease-out infinite}.room-empty-state{position:absolute;inset:auto 1rem 1rem;z-index:20;margin:0;padding:.75rem .85rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:950}.room-leader-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.5rem}.room-leader-strip span{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-height:46px;padding:.45rem .55rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:950}.room-leader-strip span:before{position:absolute;inset:auto 0 0;width:var(--leader-progress, 0%);height:5px;content:"";background:linear-gradient(90deg,var(--entrant-color, var(--pink-200)),var(--mint-100));transition:width .16s linear}.room-leader-strip__leader{background:radial-gradient(circle at 9% 50%,var(--entrant-color, var(--pink-200)) 0 1.15rem,transparent 1.35rem),var(--cream)}.room-leader-strip small{color:var(--plum-muted)}.twitch-chat-rail{position:sticky;top:86px;z-index:2;display:grid;gap:.65rem;min-width:0;padding:.75rem;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow-soft)}.twitch-chat-rail__head{display:flex;align-items:center;justify-content:space-between;gap:.55rem;font-weight:950}.twitch-chat-rail__head strong{display:inline-flex;align-items:center;gap:.35rem}.twitch-chat-rail iframe{width:100%;min-height:430px;border:2px solid var(--plum);border-radius:6px;background:var(--pink-50)}.twitch-chat-rail__help{margin:-.1rem 0 0;padding:.35rem .45rem;border:1px dashed oklch(42% .09 333 / .42);border-radius:6px;background:#fffbf5a8;background:oklch(99% .014 75 / .66);color:var(--plum-muted);font-size:.84rem;font-weight:850;line-height:1.25}.twitch-chat-rail__help a{color:var(--plum);font-weight:950;text-decoration-thickness:2px;text-underline-offset:3px}.twitch-chat-rail__commands{display:flex;flex-wrap:wrap;gap:.35rem}.twitch-chat-rail__commands strong,.twitch-chat-rail__commands span{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .45rem;border:2px solid var(--plum);border-radius:999px;background:var(--pink-50);font-size:.82rem;font-weight:950}.chat-game-winner{position:absolute;inset:clamp(.9rem,4vw,3.2rem);z-index:180;display:grid;place-items:center;align-content:center;gap:.75rem;padding:clamp(1rem,4vw,2rem);border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 16% 18%,var(--mint-100) 0 4rem,transparent 4.4rem),radial-gradient(circle at 84% 24%,var(--pink-200) 0 5.2rem,transparent 5.6rem),#fffbf5f0;background:radial-gradient(circle at 16% 18%,var(--mint-100) 0 4rem,transparent 4.4rem),radial-gradient(circle at 84% 24%,var(--pink-200) 0 5.2rem,transparent 5.6rem),oklch(99% .014 75 / .94);text-align:center;box-shadow:0 24px 70px #40153a38;animation:winner-card-in .42s var(--ease-out-quint) both}.chat-game-winner__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.chat-game-winner__burst span{position:absolute;left:50%;top:50%;width:10px;height:18px;border:2px solid var(--plum);border-radius:999px;background:var(--pink-200);transform:translate(-50%,-50%) rotate(calc(var(--burst-index, 0) * 30deg)) translateY(-38cqi);animation:winner-burst .72s var(--ease-out-quint) both}.chat-game-winner__burst span:nth-child(1){--burst-index: 0;background:var(--pink-200)}.chat-game-winner__burst span:nth-child(2){--burst-index: 1;background:var(--mint-100)}.chat-game-winner__burst span:nth-child(3){--burst-index: 2;background:var(--blue-100)}.chat-game-winner__burst span:nth-child(4){--burst-index: 3;background:var(--lavender-100)}.chat-game-winner__burst span:nth-child(5){--burst-index: 4;background:var(--cream)}.chat-game-winner__burst span:nth-child(6){--burst-index: 5;background:var(--pink-200)}.chat-game-winner__burst span:nth-child(7){--burst-index: 6;background:var(--mint-100)}.chat-game-winner__burst span:nth-child(8){--burst-index: 7;background:var(--blue-100)}.chat-game-winner__burst span:nth-child(9){--burst-index: 8;background:var(--lavender-100)}.chat-game-winner__burst span:nth-child(10){--burst-index: 9;background:var(--cream)}.chat-game-winner__burst span:nth-child(11){--burst-index: 10;background:var(--pink-200)}.chat-game-winner__burst span:nth-child(12){--burst-index: 11;background:var(--mint-100)}.chat-game-winner__token{display:grid;place-items:center;width:clamp(54px,9vw,86px);height:clamp(54px,9vw,86px);border:3px solid var(--plum);border-radius:50%;background:radial-gradient(circle at 28% 24%,oklch(100% 0 0 / .76) 0 13%,transparent 15%),var(--winner-color, var(--pink-200));color:var(--plum);font-family:Pixelify Sans,monospace;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;box-shadow:inset -8px -8px #6c366421,0 10px #7b497321;animation:winner-token-pop .52s var(--ease-out-quint) both .12s}.chat-game-winner h3{margin:0;color:#fff9fd;color:oklch(99% .018 345);font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:clamp(2.4rem,7vw,6.2rem);font-weight:900;line-height:.95;-webkit-text-stroke:2px var(--plum);paint-order:stroke fill;text-shadow:0 6px 0 var(--pink-300),0 9px 0 var(--plum)}.chat-game-winner p{margin:0;font-size:1.02rem;font-weight:950}.chat-game-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:min(560px,100%)}.chat-game-podium span{display:grid;place-items:center;min-height:82px;padding:.55rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:950}.chat-game-podium strong{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--plum);border-radius:50%;background:var(--pink-200)}@keyframes room-leader-pulse{0%,to{filter:drop-shadow(0 0 0 oklch(76% .13 340 / 0))}50%{filter:drop-shadow(0 0 12px oklch(76% .13 340 / .54))}}@keyframes ticker-shine{0%{transform:translate(-110%)}52%,to{transform:translate(240%)}}@keyframes gate-glint{0%,46%{transform:translate(-120%)}to{transform:translate(340%)}}@keyframes marble-spark{0%{opacity:0;transform:scale(.68) rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.45) rotate(24deg)}}@keyframes leader-beacon{0%,to{opacity:.22;scale:.9}50%{opacity:.5;scale:1.08}}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes winner-card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winner-token-pop{0%{opacity:0;transform:scale(.74) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes winner-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--burst-index, 0) * 30deg)) translateY(-8cqi) scale(.55)}42%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--burst-index, 0) * 30deg)) translateY(-39cqi) scale(1)}}@media(max-width:1180px){.arcade-layout:has(.shared-chat-game){grid-template-columns:1fr}.arcade-layout:has(.shared-chat-game) .leaderboard-panel{grid-column:auto}.shared-chat-game__layout{grid-template-columns:1fr}.twitch-chat-rail{position:static}.twitch-chat-rail iframe{min-height:360px}}@media(max-width:620px){.shared-chat-game__head{display:grid}.shared-chat-game__status{justify-items:stretch;min-width:0}.room-stats{grid-template-columns:1fr}.race-ticker,.race-ticker--empty{grid-template-columns:1fr;align-items:stretch}.race-ticker__pack,.race-ticker__event{white-space:normal}.room-host-controls__row{align-items:stretch}.room-host-controls__advanced summary{width:100%;justify-content:center}.room-host-controls button{flex:1 1 92px}.cloudfall-start-gate{grid-template-columns:1fr;gap:.35rem}.shared-board{min-height:500px}.cloudfall-board{height:720px;min-height:0}.derby-board{aspect-ratio:auto;width:100%;max-width:100%;height:560px;min-height:0}.derby-finish-gantry{left:84%;width:86px;height:72px}.derby-finish-gantry__banner{min-height:30px;padding-inline:.44rem;font-size:.78rem}.cloudfall-marble__body{width:32px;height:32px}.cloudfall-marble__ball{width:28px;height:28px}.cloudfall-marble__name,.derby-car__name{max-width:min(82px,28vw);font-size:.66rem}.cloudfall-marble__name,.derby-car__name{opacity:0}.cloudfall-marble--leader .cloudfall-marble__name,.derby-car--leader .derby-car__name{opacity:1}.cloudfall-marble__name{top:18px}.derby-car__vehicle{transform:translate(-50%,-50%) rotate(var(--car-angle, 0deg))}.derby-car__name{left:0;top:20px}.derby-car__body{width:42px;height:23px}.derby-car__number{left:4px;width:15px;height:12px;font-size:.56rem}.derby-car__body:before{left:13px;right:12px;top:4px;height:7px}.derby-car__windshield{left:27px;top:6px;width:6px;height:7px}.cloudfall-board--crowded .cloudfall-marble__name,.derby-board--crowded .derby-car__name{opacity:0}.room-leader-strip{grid-template-columns:1fr}.twitch-chat-rail iframe{min-height:320px}.chat-game-podium{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.race-ticker__bar span:after,.cloudfall-start-gate__bar:after,.cloudfall-marble--sparked .cloudfall-marble__body:after,.derby-leader-beacon,.derby-car--boosting .derby-car__wheel,.chat-game-winner,.chat-game-winner__burst span,.chat-game-winner__token,.derby-car--leader .derby-car__body,.cloudfall-marble--leader .cloudfall-marble__ball{animation:none}}.page-desktop{min-height:calc(100svh - 72px);background:radial-gradient(circle at 12% 12%,oklch(99% .014 75 / .86) 0 7rem,transparent 7.4rem),radial-gradient(circle at 82% 18%,oklch(91% .054 236 / .58) 0 10rem,transparent 10.5rem),linear-gradient(180deg,var(--pink-100),var(--lavender-100) 62%,var(--blue-100))}.desktop-wallpaper{position:relative;min-height:calc(100svh - 72px);padding:clamp(1rem,2vw,1.5rem);padding-bottom:5.25rem;overflow:hidden}.desktop-wallpaper:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.4;background-image:linear-gradient(oklch(76% .07 350 / .25) 1px,transparent 1px),linear-gradient(90deg,oklch(76% .07 350 / .25) 1px,transparent 1px);background-size:46px 46px}.desktop-cloud{position:absolute;z-index:0;width:230px;height:82px;border-radius:999px;background:#fffbf5d1;background:oklch(99% .014 75 / .82);box-shadow:0 10px #f3d4e459;transform:translateZ(0);backface-visibility:hidden}.desktop-cloud:before,.desktop-cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.desktop-cloud:before{width:96px;height:96px;left:34px;bottom:20px}.desktop-cloud:after{width:120px;height:120px;right:26px;bottom:8px}.desktop-cloud--one{top:8rem;right:5rem;animation:drift 10s ease-in-out infinite alternate}.desktop-cloud--two{left:10%;bottom:7rem;transform:scale(.78);animation:drift 13s ease-in-out infinite alternate-reverse}.desktop-topline,.desktop-icon-grid,.desktop-window-layer,.desktop-taskbar{position:relative;z-index:1}.desktop-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;max-width:980px;pointer-events:auto}.desktop-topline h1{margin-bottom:.35rem;font-size:clamp(3.2rem,6vw,5.4rem)}.desktop-topline p{max-width:620px;margin-bottom:0;font-size:1.05rem;font-weight:800}.desktop-topline__actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.desktop-icon-grid{display:grid;grid-template-columns:repeat(2,104px);gap:.9rem;width:max-content;margin-top:1.1rem}.desktop-icon{display:grid;justify-items:center;gap:.35rem;min-width:92px;min-height:92px;padding:.35rem;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--plum);cursor:pointer}.desktop-icon--active{border-color:var(--plum);background:#fffbf575;background:oklch(99% .014 75 / .46)}.desktop-icon__tile{display:grid;place-items:center;width:54px;height:54px;border:var(--border);border-radius:8px;box-shadow:inset 2px 2px #ffffffc7,inset -2px -2px #73416929}.desktop-icon__tile--pink{background:var(--pink-200)}.desktop-icon__tile--mint{background:var(--mint-100)}.desktop-icon__tile--lavender{background:var(--lavender-100)}.desktop-icon__tile--blue{background:var(--blue-100)}.desktop-icon__tile--cream{background:var(--cream)}.desktop-icon span:last-child{max-width:104px;padding:.18rem .3rem;border-radius:4px;background:#fffbf5b8;background:oklch(99% .014 75 / .72);font-family:Pixelify Sans,monospace;font-size:.82rem;font-weight:600;text-align:center;word-break:break-word}.desktop-window-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.desktop-window{position:absolute;z-index:2;display:flex;flex-direction:column;min-width:min(340px,calc(100vw - 1.5rem));min-height:260px;overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:0 20px 50px #40153a33;pointer-events:auto}.desktop-window--active{box-shadow:0 28px 72px #40153a47}.desktop-window--maximized{top:.8rem!important;right:.8rem!important;bottom:5.2rem!important;left:.8rem!important;width:auto!important;height:auto!important}.desktop-window__titlebar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:42px;padding:.35rem .45rem .35rem .7rem;border-bottom:var(--border);background:var(--pink-300);font-family:Pixelify Sans,monospace;font-weight:600;cursor:grab;touch-action:none}.desktop-window--mint .desktop-window__titlebar{background:var(--mint-200)}.desktop-window--lavender .desktop-window__titlebar{background:var(--lavender-200)}.desktop-window--blue .desktop-window__titlebar{background:var(--blue-200)}.desktop-window--cream .desktop-window__titlebar{background:var(--cream)}.desktop-window__titlebar:active{cursor:grabbing}.desktop-window__controls{display:flex;gap:.28rem}.desktop-window__controls button{display:grid;place-items:center;width:32px;min-width:32px;min-height:30px;padding:0}.desktop-window__body{flex:1;min-height:0;overflow:auto;padding:.85rem}.desktop-watch-app,.desktop-chat-app,.desktop-clips-app,.desktop-socials-app,.desktop-about-app,.desktop-sticker-app,.desktop-settings-app{display:grid;gap:.85rem}.desktop-loading-panel{display:grid;place-items:center;min-height:12rem;padding:1rem;border:2px dashed oklch(42% .1 333 / .45);border-radius:var(--radius);background:var(--pink-50);font-family:Pixelify Sans,monospace;font-weight:600}.desktop-app-toolbar{justify-content:space-between}.desktop-app-toolbar--wrap{align-items:flex-start}.desktop-app-toolbar--wrap>div{display:grid;gap:.2rem}.desktop-app-toolbar--wrap span{font-weight:800}.desktop-twitch-frame{min-height:360px;overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--plum)}.desktop-twitch-frame .twitch-embed{min-width:0;width:100%;height:100%;min-height:360px}.desktop-chat-app iframe{width:100%;min-height:430px;border:var(--border);border-radius:var(--radius);background:var(--cream)}.desktop-chat-note{padding:.65rem .75rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--mint-100);font-weight:900}.desktop-clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.desktop-clip-grid .clip-card{min-height:0}.desktop-inline-alert{margin:0;padding:.65rem .75rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--lavender-100);font-weight:900}.desktop-wide-button{width:100%}.desktop-social-link,.desktop-community-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .65rem;align-items:center;min-height:64px;padding:.7rem .75rem;border:var(--border);border-radius:var(--radius);background:var(--pink-50);color:var(--plum);text-decoration:none}.desktop-social-link--discord,.desktop-community-card{background:var(--mint-100)}.desktop-social-link--tiktok{background:var(--blue-100)}.desktop-social-link--x{background:var(--lavender-100)}.desktop-social-link strong,.desktop-community-card small{display:block;grid-column:1}.desktop-community-card{grid-template-columns:auto minmax(0,1fr)}.desktop-about-app ul{display:grid;gap:.45rem;padding-left:1.2rem;margin:0}.desktop-about-app p,.desktop-about-app h3{margin-bottom:.45rem}.sticker-board-preview{position:relative;min-height:210px;border:var(--border);border-radius:var(--radius);background:linear-gradient(oklch(78% .07 350 / .22) 1px,transparent 1px),linear-gradient(90deg,oklch(78% .07 350 / .22) 1px,transparent 1px),var(--pink-50);background-size:30px 30px,30px 30px,auto}.sticker-board-token{position:relative;display:inline-grid;place-items:center;min-width:66px;min-height:46px;margin:.45rem;padding:.35rem .55rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-family:Pixelify Sans,monospace;font-weight:600}.sticker-board-token--1{background:var(--mint-100);transform:rotate(-4deg)}.sticker-board-token--2{background:var(--lavender-100);transform:rotate(3deg)}.sticker-board-token--3{background:var(--blue-100);transform:rotate(-2deg)}.desktop-setting-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;width:100%;padding:.75rem;text-align:left}.desktop-setting-row[aria-pressed=true]{background:var(--mint-100)}.desktop-setting-row small{display:block;font-weight:700}.desktop-setting-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:start;padding:.75rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--blue-100);font-weight:800}.desktop-setting-note p{margin:0}.desktop-taskbar{position:absolute;right:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.25rem);display:flex;align-items:center;gap:.65rem;min-height:58px;padding:.45rem;border:var(--border);border-radius:var(--radius);background:#ffe2f1eb;background:oklch(94% .055 345 / .92);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-taskbar__apps{display:flex;align-items:center;flex:1;gap:.45rem;min-width:0;overflow-x:auto;scrollbar-width:thin}.desktop-start{background:var(--mint-100)!important}.desktop-taskbar__app--active{background:var(--blue-100)!important}.desktop-taskbar__hint{white-space:nowrap;font-weight:900}.desktop-clock{min-width:84px}.page-desktop--compact .desktop-window__body,.page-desktop--compact .desktop-wallpaper{padding:.7rem}@keyframes pulse{0%{box-shadow:0 0 #37d8808c}to{box-shadow:0 0 0 12px transparent}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(20px,-10px,0)}}@keyframes score-float{0%{opacity:0;transform:translateY(10px) scale(.96)}18%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.04)}}@keyframes milk-panel-sparkle{0%{transform:translate3d(-10px,5px,0) scale(1);opacity:.62}to{transform:translate3d(10px,-8px,0) scale(1.03);opacity:.9}}@keyframes milk-crit-panel{0%{filter:saturate(1);opacity:.82;transform:translateZ(0) scale(1)}42%{filter:saturate(1.28);opacity:1;transform:translate3d(0,-3px,0) scale(1.018)}to{filter:saturate(1);opacity:.82;transform:translateZ(0) scale(1)}}@keyframes milk-audio-meter{0%,to{clip-path:inset(40% 0 0 0 round 999px);transform:scaleY(.82)}35%{clip-path:inset(12% 0 0 0 round 999px);transform:scaleY(1)}70%{clip-path:inset(26% 0 0 0 round 999px);transform:scaleY(.92)}}@keyframes milk-save-sheen{0%{opacity:0;transform:translate(-70%)}18%{opacity:1}to{opacity:0;transform:translate(78%)}}@keyframes milk-number-arrive{0%{transform:translateY(5px) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes milk-milklander-aura{0%,to{filter:saturate(1);transform:translateY(var(--milklander-offset, 8px)) scale(1)}50%{filter:saturate(1.18);transform:translateY(var(--milklander-offset, 8px)) scale(1.025)}}@keyframes milk-bottle-crit{0%{filter:saturate(1);transform:translateY(0) scale(1)}34%{filter:saturate(1.26);transform:translateY(-5px) scale(1.018)}to{filter:saturate(1);transform:translateY(0) scale(1)}}@keyframes milk-bottle-shine{0%,42%{opacity:0;transform:translate(-90%)}55%{opacity:.8}to{opacity:0;transform:translate(95%)}}@keyframes milk-production-orbit{0%{opacity:0;transform:translate3d(-14px,16px,0) scale(.74) rotate(0)}20%{opacity:.82}70%{opacity:.7}to{opacity:0;transform:translate3d(18px,-22px,0) scale(1.12) rotate(22deg)}}@keyframes milklander-float{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(0,-7px,0) rotate(1deg)}}@keyframes milk-cap-wiggle{0%,to{transform:translateY(0) rotate(0)}46%{transform:translateY(-1px) rotate(-1deg)}68%{transform:translateY(1px) rotate(1deg)}}@keyframes milk-bubble-rise{0%{opacity:0;transform:translate3d(0,18px,0) scale(.72)}15%{opacity:.72}to{opacity:0;transform:translate3d(8px,-155px,0) scale(1.18)}}@keyframes milk-combo-pulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.18)}}@keyframes milk-score-float{0%{opacity:0;transform:translate3d(0,14px,0) scale(.86) rotate(-2deg)}16%{opacity:1}to{opacity:0;transform:translate3d(0,-46px,0) scale(1.08) rotate(2deg)}}@keyframes milk-purchase-pop{0%{opacity:0;transform:translate3d(-8px,8px,0) scale(.9)}18%{opacity:1}to{opacity:0;transform:translate3d(10px,-40px,0) scale(1.04)}}@keyframes milk-crit-pop{0%{opacity:0;transform:translate3d(-6px,12px,0) scale(.82) rotate(-5deg)}16%,62%{opacity:1;transform:translate3d(3px,-14px,0) scale(1.08) rotate(1deg)}to{opacity:0;transform:translate3d(10px,-66px,0) scale(1.16) rotate(4deg)}}@keyframes milk-legendary-pop{0%{opacity:0;transform:translate3d(0,16px,0) scale(.82) rotate(-4deg)}14%,64%{opacity:1;transform:translate3d(0,-10px,0) scale(1.08) rotate(1deg)}to{opacity:0;transform:translate3d(0,-72px,0) scale(1.16) rotate(4deg)}}@keyframes milk-shop-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes milk-burst-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}16%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate3d(0,-68px,0) scale(1.45)}}@keyframes milk-badge-drop{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes milk-ready-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes milk-shop-sheen{0%,40%{opacity:0;transform:translate(-120%)}54%{opacity:1}to{opacity:0;transform:translate(110%)}}@keyframes milk-upgrade-buy{0%{transform:translateY(0) scale(1)}36%{transform:translateY(-4px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes milk-icon-buy{0%{transform:translateY(0) rotate(0) scale(1)}34%{transform:translateY(-5px) rotate(-5deg) scale(1.09)}68%{transform:translateY(1px) rotate(2deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes milk-icon-twinkle{0%,to{opacity:.66;transform:scale(.92) rotate(0)}48%{opacity:1;transform:scale(1.14) rotate(12deg)}}@keyframes milk-icon-ultimate{0%,to{filter:drop-shadow(0 2px 0 oklch(100% 0 0 / .48)) saturate(1);transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 5px 0 oklch(48% .09 333 / .12)) saturate(1.18);transform:translateY(-2px) scale(1.035)}}@keyframes milk-signature-ready{0%,to{box-shadow:inset 3px 3px #ffffffbd,0 0 #f9e3ab73}50%{box-shadow:inset 3px 3px #ffffffbd,0 0 0 8px #f9e3ab00}}@keyframes milk-milestone-enter{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.94)}14%,78%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.98)}}@keyframes milk-delight-toast-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}10%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.99)}}@keyframes milk-bonus-carton-float{0%{transform:translate(-50%,-50%) rotate(-2deg) scale(.98)}to{transform:translate(-50%,calc(-50% - 8px)) rotate(2deg) scale(1.02)}}@keyframes milk-carton-star{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(12deg)}}@keyframes milk-era-orbit{0%{transform:rotate(0) scale(.96)}to{transform:rotate(360deg) scale(.96)}}.milk-clicker--longplay{display:grid;gap:1rem}.milk-clicker__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1rem;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 88% 12%,oklch(91% .047 236 / .62) 0 5rem,transparent 5.4rem),linear-gradient(135deg,var(--blue-100),var(--pink-50));box-shadow:var(--shadow)}.milk-clicker__topbar h2{margin-bottom:.2rem}.milk-clicker__topbar p{margin-bottom:0;max-width:54ch;font-weight:750}.milk-clicker__top-actions,.milk-settings-panel,.milk-shop-tools,.milk-shop-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.milk-score-chip,.milk-icon-button,.milk-settings-panel,.milk-search,.milk-shop-tabs button,.milk-reset-dialog,.milk-control-rail section,.milk-empty-shop{border:2px solid var(--plum);border-radius:var(--radius);color:var(--plum);box-shadow:inset 2px 2px #ffffffb8}.milk-score-chip,.milk-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem .65rem;background:var(--cream);font-weight:950;white-space:nowrap}.milk-icon-button{cursor:pointer;transition:transform .16s var(--ease-out-quart),background .18s var(--ease-out-quart)}.milk-icon-button:hover,.milk-shop-tabs button:hover{background:var(--mint-100);transform:translateY(-2px)}.milk-icon-button[aria-pressed=true],.milk-shop-tabs button[aria-pressed=true]{background:var(--mint-100);box-shadow:inset 3px 3px #ffffffb8,0 0 0 3px #95d9b957}.milk-settings-panel{justify-content:flex-end;padding:.75rem;background:var(--cream)}.milk-settings-panel label{display:flex;align-items:center;gap:.55rem;min-height:44px;font-weight:900}.milk-settings-panel input[type=range]{accent-color:oklch(72% .12 350)}.milk-delight-toast{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .65rem;align-items:center;width:min(100%,720px);padding:.7rem .85rem;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 8% 50%,oklch(100% .006 75 / .9) 0 1.25rem,transparent 1.4rem),linear-gradient(135deg,var(--cream),var(--mint-100));color:var(--plum);box-shadow:var(--shadow);animation:milk-delight-toast-in 3.4s var(--ease-out-expo) both}.milk-delight-toast strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.12rem;line-height:1}.milk-delight-toast span{font-weight:850;overflow-wrap:anywhere}.milk-delight-toast--era{background:radial-gradient(circle at 10% 50%,var(--blue-100) 0 1.4rem,transparent 1.55rem),linear-gradient(135deg,var(--mint-100),var(--cream))}.milk-delight-toast--badge{background:radial-gradient(circle at 10% 50%,var(--pink-200) 0 1.4rem,transparent 1.55rem),linear-gradient(135deg,var(--pink-50),var(--cream))}.milk-delight-toast--carton,.milk-delight-toast--purchase{background:radial-gradient(circle at 10% 50%,var(--lavender-100) 0 1.4rem,transparent 1.55rem),linear-gradient(135deg,var(--cream),var(--blue-100))}.milk-reset-open,.milk-reset-danger{background:var(--pink-200)}.milk-clicker-grid--longplay{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);align-items:start}.milk-action-zone,.milk-shop-zone,.milk-control-rail{position:relative;min-width:0}.milk-action-zone,.milk-shop-zone{display:grid;gap:.85rem;overflow:hidden;padding:.9rem;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 16% 16%,oklch(100% .006 75 / .85) 0 1.2rem,transparent 1.3rem),linear-gradient(180deg,var(--cream),var(--pink-50));box-shadow:var(--shadow);contain:paint}.milk-total-card{display:grid;justify-items:center;gap:.35rem;padding:.85rem;overflow:hidden;border:2px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 24% 20%,oklch(100% .006 75 / .9) 0 .85rem,transparent .95rem),radial-gradient(circle at 78% 16%,oklch(92% .054 164 / .48) 0 1.2rem,transparent 1.3rem),var(--pink-50);text-align:center}.milk-total-number{color:var(--plum);font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(2.1rem,5vw,4.5rem);line-height:.95;text-shadow:0 3px 0 var(--pink-200),0 6px 0 oklch(99% .012 75 / .9);overflow-wrap:anywhere}.milk-goal-bar,.milk-combo-panel div{width:min(100%,280px);height:12px;overflow:hidden;border:2px solid var(--plum);border-radius:999px;background:#ffffff9e}.milk-goal-bar span,.milk-combo-panel div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-300),var(--mint-200),var(--blue-200));transition:width .42s var(--ease-out-expo)}.milk-bottle-button{position:relative;display:grid;place-items:center;min-height:330px;padding:0;overflow:hidden;border:var(--border);border-radius:22px;background:radial-gradient(circle at 20% 20%,oklch(100% .006 75 / .86) 0 1.2rem,transparent 1.35rem),radial-gradient(circle at 78% 18%,oklch(96% .04 32 / .7) 0 1.9rem,transparent 2.1rem),linear-gradient(180deg,var(--pink-50),var(--lavender-100));cursor:pointer;isolation:isolate;transition:transform .18s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart),filter .22s var(--ease-out-quart)}.milk-bottle-button:hover{box-shadow:0 18px #7b49731a,var(--shadow);transform:translateY(-3px)}.milk-bottle-button:active{transform:translateY(1px) scale(.99)}.milk-bottle-button--warm,.milk-bottle-button--rush,.milk-bottle-button--mega{filter:saturate(1.08)}.milk-bottle-button--milklander{background:radial-gradient(circle at 78% 14%,oklch(95% .066 88 / .68) 0 5rem,transparent 5.4rem),linear-gradient(180deg,var(--pink-50),var(--blue-100))}.milk-bottle-button--era-city,.milk-bottle-button--era-orbital{background:radial-gradient(circle at 18% 18%,var(--cream) 0 1.25rem,transparent 1.38rem),radial-gradient(circle at 80% 16%,var(--blue-100) 0 3rem,transparent 3.3rem),linear-gradient(180deg,var(--pink-50),var(--blue-100))}.milk-bottle-button--era-nebula,.milk-bottle-button--era-quantum,.milk-bottle-button--era-megastructure,.milk-bottle-button--era-signature,.milk-bottle-button--era-research{background:radial-gradient(circle at 24% 18%,var(--cream) 0 1.2rem,transparent 1.34rem),radial-gradient(circle at 82% 18%,oklch(92% .066 290 / .62) 0 3.8rem,transparent 4.2rem),linear-gradient(180deg,var(--pink-50),var(--lavender-100) 54%,var(--blue-100))}.milk-bottle-button--era-nebula:after,.milk-bottle-button--era-quantum:after,.milk-bottle-button--era-megastructure:after,.milk-bottle-button--era-signature:after,.milk-bottle-button--era-research:after{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:0;pointer-events:none;content:"";border:2px dashed oklch(52% .09 333 / .28);border-radius:999px;animation:milk-era-orbit 8s linear infinite}.milk-bottle{position:relative;z-index:1;display:grid;justify-items:center;width:min(78%,260px)}.milk-bottle__cap{z-index:2;width:48%;height:48px;border:var(--border);border-radius:8px 8px 4px 4px;background:var(--pink-200);box-shadow:inset 3px 3px #ffffffb8;animation:milk-cap-wiggle 2.8s var(--ease-out-quart) infinite}.milk-bottle__glass{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:.72;margin-top:-8px;overflow:hidden;border:var(--border);border-radius:34px 34px 24px 24px;background:#f8fcffc2;background:oklch(99% .012 236 / .76);box-shadow:inset 10px 0 #ffffff75,inset -9px 0 #c5e7fd33}.milk-bottle__glass:after{position:absolute;top:13%;right:14%;bottom:13%;left:14%;pointer-events:none;content:"";border-radius:999px;background:radial-gradient(circle at 30% 18%,oklch(100% .006 75 / .5) 0 .35rem,transparent .42rem),radial-gradient(circle at 68% 70%,oklch(100% .006 75 / .36) 0 .55rem,transparent .65rem);opacity:.8}.milk-bottle__fill{position:absolute;inset:auto 0 0;background:radial-gradient(circle at 22% 18%,oklch(100% .006 75 / .9) 0 1.1rem,transparent 1.2rem),linear-gradient(180deg,var(--pink-100),var(--pink-200));transition:height .42s var(--ease-out-expo)}.milk-bottle__label{position:relative;z-index:2;padding:.1rem .5rem;color:var(--plum);font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:900;letter-spacing:0;text-shadow:0 3px 0 var(--pink-200),0 5px 0 var(--cream)}.milk-bottle__shine{position:absolute;inset:18% auto auto 18%;width:22%;height:54%;border-radius:999px;background:#ffffff6b;transform:rotate(12deg)}.milk-combo-panel{display:grid;gap:.35rem;padding:.75rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);font-weight:900}.milk-combo-panel[data-tier=rush],.milk-combo-panel[data-tier=mega]{background:var(--mint-100);animation:milk-combo-pulse 1.3s var(--ease-out-quart) infinite}.milk-stat-grid--long{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-stat-grid--long span{min-width:0}.milk-stat-grid--long strong{overflow-wrap:anywhere}.milk-pop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.milk-bonus-carton{position:absolute;z-index:6;display:grid;place-items:center;width:78px;min-height:66px;padding:.4rem;border:2px solid var(--plum);border-radius:14px;background:radial-gradient(circle at 28% 18%,oklch(100% .006 75 / .92) 0 .6rem,transparent .72rem),linear-gradient(180deg,var(--mint-100),var(--cream));color:var(--plum);font-family:Pixelify Sans,monospace;font-weight:800;box-shadow:0 8px #7b49731f,inset 2px 2px #ffffffb8;transform:translate(-50%,-50%);animation:milk-bonus-carton-float 1.45s var(--ease-out-quart) infinite alternate}.milk-bonus-carton span{display:grid;place-items:center;width:24px;aspect-ratio:1;border:2px solid var(--plum);border-radius:999px;background:var(--pink-200);animation:milk-carton-star .9s var(--ease-out-quart) infinite}.milk-bonus-carton b{font-size:.78rem}.milk-bonus-carton:hover{background:radial-gradient(circle at 28% 18%,oklch(100% .006 75 / .92) 0 .6rem,transparent .72rem),linear-gradient(180deg,var(--blue-100),var(--mint-100))}.milk-score-pop{position:absolute;z-index:3;min-width:max-content;padding:.28rem .48rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-weight:950;animation:milk-score-float 1.1s var(--ease-out-expo) both}.milk-score-pop--crit,.milk-score-pop--legendary{background:var(--mint-100)}.milk-burst{position:absolute;z-index:2;width:18px;height:18px;border:2px solid var(--plum);border-radius:50%;animation:milk-burst-pop 1s var(--ease-out-expo) both;animation-delay:var(--burst-delay, 0ms);transform:translate(-50%,-50%) scale(var(--burst-scale, 1))}.milk-burst--pink{background:var(--pink-200)}.milk-burst--mint{background:var(--mint-100)}.milk-burst--blue{background:var(--blue-100)}.milk-burst--lavender{background:var(--lavender-100)}.milk-burst--cream{background:var(--cream)}.milk-shop-zone .milk-shop__head{align-items:flex-start;margin:0}.milk-shop-zone .milk-shop__head p{margin-bottom:0;font-size:.95rem;font-weight:850}.milk-shop-tools{align-items:stretch}.milk-search{display:flex;align-items:center;gap:.4rem;min-height:44px;min-width:min(100%,220px);padding:.35rem .55rem;background:var(--cream)}.milk-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--plum);font:inherit;font-weight:850;outline:0}.milk-shop-tabs{width:100%;max-height:none;overflow:visible;padding:.15rem;scrollbar-width:thin}.milk-shop-tabs button{flex:1 1 9rem;min-height:38px;padding:.35rem .55rem;background:var(--pink-50);font-weight:900;cursor:pointer}.milk-upgrade-list--long{display:grid;gap:.7rem;max-height:min(760px,72svh);overflow:auto;padding:.15rem .3rem .15rem .15rem;scrollbar-width:thin}.milk-upgrade-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-auto-rows:auto;gap:.7rem;align-items:start;width:100%;height:auto;min-height:112px;padding:.72rem;overflow:visible;border:2px solid var(--plum);border-radius:var(--radius);background:var(--cream);color:var(--plum);text-align:left;cursor:pointer;transition:transform .16s var(--ease-out-quart),background .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart)}.milk-upgrade-card:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 20%,oklch(100% 0 0 / .48) 42%,transparent 58%);opacity:0;transform:translate(-110%)}.milk-upgrade-card--ready{background:linear-gradient(135deg,var(--mint-100),var(--cream))}.milk-upgrade-card--ready:after{animation:milk-shop-sheen 2.2s var(--ease-out-quart) infinite}.milk-upgrade-card--signature{background:radial-gradient(circle at 88% 14%,oklch(95% .066 88 / .54) 0 4rem,transparent 4.3rem),linear-gradient(135deg,var(--pink-50),var(--blue-100))}.milk-upgrade-card--bought{animation:milk-upgrade-buy .52s var(--ease-out-expo)}.milk-upgrade-card:not(:disabled):hover{box-shadow:0 10px #7b49731a;transform:translateY(-2px)}.milk-upgrade-card:disabled{cursor:not-allowed}.milk-upgrade-card__icon{position:relative;z-index:1;display:grid;place-items:center;width:64px;aspect-ratio:1;overflow:hidden;border:2px solid var(--plum);border-radius:16px;background:var(--pink-50)}.milk-upgrade-card--bought .milk-upgrade-card__icon{animation:milk-icon-buy .52s var(--ease-out-expo)}.milk-upgrade-card__copy{position:relative;z-index:1;display:grid;gap:.22rem;min-width:0;align-self:start;overflow:visible;line-height:1.22}.milk-upgrade-card__copy strong{font-size:1.02rem;line-height:1.08}.milk-upgrade-card__copy small,.milk-upgrade-card__copy em,.milk-upgrade-card__price small{font-size:.82rem;font-style:normal;font-weight:750;line-height:1.2}.milk-upgrade-card__copy em{color:var(--plum-2)}.milk-upgrade-card__price{position:relative;z-index:1;display:grid;justify-items:end;gap:.1rem;min-width:5.8rem;align-self:start;font-weight:950;text-align:right}.milk-empty-shop{display:grid;gap:.25rem;padding:1rem;background:var(--blue-100);text-align:center}.milk-upcoming-list{display:grid;gap:.45rem;margin-top:.8rem;padding:.75rem;border:2px dashed oklch(42% .09 333 / .58);border-radius:var(--radius);background:linear-gradient(135deg,#fff5fcdb,#d8faf7a8);background:linear-gradient(135deg,color(xyz 0.925 0.934 1.071 / 0.859),#d8faf7a8);color:var(--plum)}.milk-upcoming-list>strong{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.05rem}.milk-upcoming-list span{display:flex;justify-content:space-between;gap:.75rem;align-items:center;min-height:34px;padding:.45rem .55rem;border:1px solid oklch(42% .09 333 / .28);border-radius:8px;background:#fffbf5b8;background:oklch(99% .01 75 / .72)}.milk-upcoming-list small{color:var(--plum-2);font-size:.82rem;font-weight:850;text-align:right}.milk-control-rail{display:grid;grid-column:1 / -1;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) auto;gap:.85rem;align-items:stretch}.milk-control-rail section{padding:.85rem;background:var(--cream)}.milk-receipt-card{background:repeating-linear-gradient(0deg,oklch(100% .006 75 / .2) 0 10px,transparent 10px 20px),var(--pink-50)!important}.milk-receipt-card p{margin-bottom:0}.milk-control-rail h3{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem}.milk-badge-grid{display:flex;flex-wrap:wrap;gap:.45rem}.milk-badge-grid span{min-height:34px;padding:.35rem .55rem;border:2px solid var(--plum);border-radius:999px;background:var(--pink-50);font-family:Pixelify Sans,monospace;font-weight:600;animation:milk-badge-drop .26s var(--ease-out-quart) both}.milk-undo-button{width:100%;align-self:stretch}.milk-milestone-toast{position:absolute;top:.75rem;left:50%;z-index:5;min-width:min(90%,280px);padding:.55rem .75rem;border:2px solid var(--plum);border-radius:999px;background:var(--mint-100);font-weight:950;text-align:center;box-shadow:var(--shadow);animation:milk-milestone-enter 3.2s var(--ease-out-expo) both}.milk-reset-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#40153a57}.milk-reset-dialog{display:grid;gap:.85rem;width:min(100%,480px);padding:1rem;background:var(--cream);box-shadow:var(--shadow)}.milk-reset-dialog__title{display:flex;align-items:center;gap:.55rem}.milk-reset-dialog__title h2,.milk-reset-dialog p{margin:0}.milk-reset-dialog label{display:grid;gap:.35rem;font-weight:900}.milk-reset-dialog input{min-height:44px;padding:.55rem .65rem;border:2px solid var(--plum);border-radius:var(--radius);background:var(--pink-50);color:var(--plum);font:inherit;font-weight:900}.milk-reset-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}@media(max-width:1180px){.arcade-layout{grid-template-columns:1fr}.arcade-layout:has(.milkshake-game){grid-template-columns:1fr}.game-menu{position:static;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));order:2}.game-stage{order:1}.leaderboard-panel{position:static;order:3}.arcade-layout:has(.milkshake-game) .leaderboard-panel{grid-column:auto}}@media(max-width:980px){:root{--sticky-anchor-offset: calc(152px + env(safe-area-inset-top)) }.site-header,.twitch-hero{align-items:flex-start}.site-header,.twitch-hero,.hero-section,.desktop-world-section,.section-grid,.section-grid--rules,.theater-grid,.offline-callout,.clip-player-grid,.arcade-hero,.arcade-layout{grid-template-columns:1fr}.site-header{display:grid}.hero-section{min-height:auto}.hero-art{order:-1}.desktop-postcard{order:2}.twitch-embed,.selected-clip-window iframe{min-width:0}.theater-shell,.twitch-embed{min-height:620px}.game-menu{position:static;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));order:2}.game-stage{order:1}.leaderboard-panel{order:3}.game-header{align-items:flex-start}.leaderboard-panel{position:static}.milk-clicker-grid{grid-template-columns:1fr}}@media(max-width:620px){:root{--sticky-anchor-offset: calc(216px + env(safe-area-inset-top)) }.page{padding:.9rem}.site-header,.taskbar-footer{padding-inline:.75rem}.site-nav,.taskbar-tabs{width:100%}.nav-item{flex:1;justify-content:center;padding-inline:.45rem}h1{font-size:clamp(3.4rem,18vw,5rem)}.about-layout{grid-template-columns:1fr}.theater-shell,.twitch-embed{min-height:560px}.selected-clip-window iframe{min-height:280px}.offline-window__copy{position:static;max-width:none;border-width:2px 0 0;border-radius:0}.taskbar-footer{position:relative;bottom:auto}.taskbar-footer--utility{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem}.taskbar-footer--utility .taskbar-tabs{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;order:2}.taskbar-footer--utility .taskbar-tabs a{justify-content:center;min-width:0;padding-inline:.4rem}.taskbar-footer--utility .clock-button{justify-self:end}.desktop-world-section,.clip-preview-section,.clip-room,.twitch-watch-grid,.arcade-layout{content-visibility:visible;contain-intrinsic-size:auto}.intro-strip,.game-header,.clip-popout__meta{align-items:stretch;flex-direction:column}.desk-stats,.sticker-passport,.milk-desk__socials{grid-template-columns:1fr}.clip-search,.clip-search input,.game-filter,.game-filter select{width:100%;max-width:none}.clip-tools--room>*,.segmented-control,.refresh-chip{width:100%}.segmented-control button{flex:1}.clip-grid--watch{grid-template-columns:1fr}.clip-popout iframe{height:46svh}.game-header__stats{min-width:0;justify-items:stretch}.game-header__stats small{text-align:left}.lane-game{min-height:390px}.milk-bottle-button{min-height:240px}.milk-shop__head,.milk-next-move,.milk-audio-controls,.game-message--saving,.leaderboard-auth{align-items:stretch;flex-direction:column}.milk-next-move,.milk-economy-ribbon,.milk-progress-strip{grid-template-columns:1fr}.milk-next-move button,.milk-shop__quickbuy{width:100%}.milk-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-audio-controls button{width:100%;justify-content:center}.milk-shop__status,.milk-shop__sync{width:100%}.leaderboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-panel__title-row,.leaderboard-local-card{grid-template-columns:1fr}.leaderboard-panel__title-row{display:grid}.leaderboard-panel__title-row span{max-width:none;width:fit-content}.leaderboard-spotlight{grid-template-columns:auto minmax(0,1fr)}.leaderboard-entry{grid-template-columns:auto auto minmax(0,1fr)}.leaderboard-entry__score{grid-column:3;justify-items:start;text-align:left}.leaderboard-auth,.milk-upgrade-card{grid-template-columns:auto minmax(0,1fr)}.milk-upgrade-card__price{grid-column:2;justify-items:start}}@media(max-width:980px){.desktop-wallpaper{min-height:auto;overflow:visible;padding-bottom:5.2rem}.desktop-topline{display:grid}.desktop-topline__actions{justify-content:flex-start}.desktop-icon-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));width:100%;margin-bottom:1rem}.desktop-window-layer{position:relative;display:grid;gap:1rem;inset:auto}.desktop-window,.desktop-window--maximized{position:relative;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0}.desktop-window__titlebar{cursor:default}.desktop-taskbar{position:sticky;bottom:.75rem}.desktop-clip-grid{grid-template-columns:1fr}.desktop-chat-app iframe,.desktop-twitch-frame,.desktop-twitch-frame .twitch-embed{min-height:540px}}@media(max-width:620px){.minigames-surface{padding:.9rem}.minigames-surface--compact{padding:0}.desktop-topline h1{font-size:clamp(3rem,18vw,4.7rem)}.desktop-topline__actions,.desktop-app-toolbar,.desktop-app-actions,.desktop-taskbar{align-items:stretch;flex-direction:column}.desktop-topline__actions button,.desktop-app-toolbar button,.desktop-app-actions button,.desktop-app-actions a,.desktop-taskbar button,.desktop-taskbar__apps{width:100%}.desktop-taskbar{position:relative;right:auto;bottom:auto;left:auto;margin-top:1rem}.desktop-window__body{padding:.7rem}.desktop-chat-app iframe,.desktop-twitch-frame,.desktop-twitch-frame .twitch-embed{min-height:500px}.minigames-surface--compact .game-menu{grid-template-columns:1fr}.game-stage{scroll-margin-top:var(--sticky-anchor-offset)}.arcade-hero .passport-window{display:none}}@media(max-width:980px){.milk-clicker__topbar,.milk-clicker-grid--longplay,.milk-control-rail{grid-template-columns:1fr}.milk-clicker__top-actions,.milk-settings-panel{justify-content:flex-start}}@media(max-width:620px){.milk-clicker__top-actions,.milk-settings-panel,.milk-shop-tools{align-items:stretch;flex-direction:column}.milk-icon-button,.milk-score-chip,.milk-search{width:100%}.milk-shop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.milk-shop-tabs button{width:100%;min-width:0}.milk-bottle-button{min-height:280px}.milk-upgrade-list--long{max-height:min(520px,62svh)}.milk-upgrade-card{grid-template-columns:54px minmax(0,1fr) minmax(4rem,auto);align-items:flex-start;min-height:136px;gap:.55rem;padding:.68rem}.milk-upgrade-card__icon{width:54px}.milk-upgrade-card__price{grid-column:auto;grid-row:auto;justify-items:end;min-width:4rem;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.arcade-layout:has(.shared-chat-game){grid-template-columns:1fr}.arcade-layout:has(.shared-chat-game) .leaderboard-panel{grid-column:auto}}.arcade-layout.arcade-layout--milkshake-focus{grid-template-columns:minmax(0,1fr)!important}.arcade-layout.arcade-layout--milkshake-focus .game-menu,.arcade-layout.arcade-layout--milkshake-focus .game-stage,.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel{grid-column:1!important}.arcade-layout.arcade-layout--milkshake-focus .game-menu{position:static!important;top:auto!important;order:1;width:100%;transform:none}.arcade-layout.arcade-layout--milkshake-focus .game-stage{order:2;width:100%}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel{order:3;width:min(100%,980px);margin-inline:auto}@media(max-height:820px)and (min-width:901px){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,960px)}}.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,1380px);max-height:min(calc(100vh - 132px),776px);aspect-ratio:16 / 9;border-radius:16px;background:radial-gradient(circle at 52% 45%,oklch(100% .01 75 / .12),transparent 33%),var(--backdrop-url) center / cover no-repeat,#f6a9cd}.arcade-layout.arcade-layout--milkshake-focus .game-menu{display:none}.milkshake-game--machine-focus .milkshake-machine-art{z-index:0;object-fit:cover;opacity:1}.milkshake-game--machine-focus .milkshake-machine-scene__ui{z-index:2}.milkshake-game--machine-focus .milkshake-landscape-gate{display:none}.milkshake-game--machine-focus .milkshake-order-monitor,.milkshake-game--machine-focus .milkshake-status-monitor,.milkshake-game--machine-focus .milkshake-machine-controls,.milkshake-game--machine-focus .milkshake-machine-message,.milkshake-game--machine-focus .milkshake-conveyor-lane,.milkshake-game--machine-focus .milkshake-console{position:absolute;margin:0;transform:none}.milkshake-game--machine-focus .milkshake-order-monitor{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.18rem;padding:clamp(.36rem,.54vw,.58rem)}.milkshake-game--machine-focus .milkshake-order-monitor__copy{display:grid;gap:.12rem;padding-right:clamp(42px,3.6vw,68px)}.milkshake-game--machine-focus .milkshake-order-monitor .milkshake-customer{position:absolute;right:clamp(.35rem,.6vw,.65rem);top:clamp(2.15rem,3vw,2.85rem);width:clamp(30px,2.8vw,46px);height:clamp(28px,2.5vw,42px);pointer-events:none;opacity:.96}.milkshake-game--machine-focus .milkshake-recipe-list{grid-template-columns:1fr;gap:.2rem}.milkshake-game--machine-focus .milkshake-ticket-part{min-height:clamp(24px,2.05vw,31px);grid-template-columns:clamp(20px,1.75vw,25px) minmax(0,1fr);padding-block:.12rem}.milkshake-game--machine-focus .milkshake-ticket-part__icon{width:clamp(20px,1.75vw,25px);height:clamp(20px,1.75vw,25px)}.milkshake-game--machine-focus .milkshake-status-monitor{padding:clamp(.42rem,.64vw,.66rem)}.milkshake-game--machine-focus .milkshake-status-monitor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.16rem,.28vw,.28rem)}.milkshake-game--machine-focus .milkshake-status-monitor__grid span{min-height:clamp(32px,2.9vw,43px);align-content:center}.milkshake-game--machine-focus .milkshake-machine-controls{z-index:6;align-content:end;padding:clamp(.42rem,.68vw,.7rem)}.milkshake-game--machine-focus .milkshake-mode-row--machine button,.milkshake-game--machine-focus .milkshake-machine-settings button{min-height:clamp(34px,3vw,42px)}.milkshake-game--machine-focus .milkshake-machine-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:auto;min-height:0;pointer-events:none}.milkshake-game--machine-focus .milkshake-machine-fixture{position:absolute;display:grid;justify-items:center;width:clamp(24px,2.8vw,42px);opacity:.22;transform:translate(-50%,-12%);transition:opacity .18s ease-out,transform .18s ease-out,filter .18s ease-out}.milkshake-game--machine-focus .milkshake-machine-fixture--active{opacity:1;filter:drop-shadow(0 0 12px var(--station-color));transform:translate(-50%,-6%) scale(1.08)}.milkshake-game--machine-focus .milkshake-machine-fixture__cap{width:clamp(20px,2.4vw,34px);height:clamp(20px,2.4vw,34px);background:radial-gradient(circle at 30% 24%,oklch(100% .005 75 / .82) 0 18%,transparent 20%),var(--station-color)}.milkshake-game--machine-focus .milkshake-machine-fixture__tube{width:5px;height:clamp(26px,3.6vw,52px)}.milkshake-game--machine-focus .milkshake-machine-fixture--active .milkshake-machine-fixture__drop{animation:milkshake-drop .74s ease-out infinite}.milkshake-game--machine-focus .milkshake-conveyor-lane{z-index:4;overflow:visible;background:transparent}.milkshake-game--machine-focus .milkshake-conveyor-lane__belt{top:24%;right:0;bottom:18%;left:0;height:auto;border-radius:0;background:repeating-linear-gradient(112deg,#1e1e297a,#1e1e297a 4.8rem,#4b4c5780 4.8rem,#4b4c5780 9.6rem),linear-gradient(180deg,#05050c33,#01010229);opacity:.62;box-shadow:inset 0 0 0 2px #ffffff14,0 .45rem .9rem #0803122e;box-shadow:inset 0 0 0 2px oklch(100% .005 75 / .08),0 .45rem .9rem #0803122e;mix-blend-mode:multiply}.milkshake-game--machine-focus .milkshake-station-rail{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.milkshake-game--machine-focus .milkshake-station-rail__stop{position:absolute;display:inline-grid;place-items:start center;padding:.1rem .25rem;border:2px solid oklch(100% .005 75 / .74);border-radius:999px;background:#ffffffb8;background:oklch(100% .012 75 / .72);color:var(--plum);font-size:clamp(.5rem,.6vw,.7rem);line-height:1;text-align:center;transform:translateY(-78%)}.milkshake-game--machine-focus .milkshake-station-rail__stop--active{background:var(--mint-100);box-shadow:0 0 0 3px #fff6,0 0 18px var(--station-color);box-shadow:0 0 0 3px oklch(100% .005 75 / .4),0 0 18px var(--station-color)}.milkshake-game--machine-focus .milkshake-glass-preview{position:absolute;left:var(--cup-left);top:var(--cup-top);z-index:8;display:block;width:clamp(58px,5.4vw,86px);height:clamp(78px,7vw,116px);overflow:visible;border:3px solid var(--plum);border-radius:22% 22% 28% 28%/14% 14% 18% 18%;background:linear-gradient(100deg,oklch(100% .005 75 / .74) 0 16%,transparent 19% 70%,oklch(100% .005 75 / .38) 74%),#ffffff57;background:linear-gradient(100deg,oklch(100% .005 75 / .74) 0 16%,transparent 19% 70%,oklch(100% .005 75 / .38) 74%),oklch(100% .006 75 / .34);box-shadow:inset 0 0 0 3px #fff6,0 .72rem 1.1rem #08031247;box-shadow:inset 0 0 0 3px oklch(100% .005 75 / .4),0 .72rem 1.1rem #08031247;transform:translate(-50%,-52%);transition:left .36s cubic-bezier(.22,1,.36,1),top .36s cubic-bezier(.22,1,.36,1),transform .22s ease-out}.milkshake-game--machine-focus .milkshake-glass-preview--tall-glass{height:clamp(92px,8vw,132px);border-radius:18% 18% 24% 24%/10% 10% 18% 18%}.milkshake-game--machine-focus .milkshake-glass-preview--cloud-cup{width:clamp(72px,6.5vw,104px);height:clamp(70px,6.1vw,98px);border-radius:42% 42% 24% 24%/38% 38% 20% 20%}.milkshake-game--machine-focus .milkshake-glass-preview--star-jar{border-radius:18% 18% 28% 28%;background:radial-gradient(circle at 50% 22%,oklch(100% .005 75 / .7) 0 7%,transparent 8%),linear-gradient(100deg,oklch(100% .005 75 / .74) 0 16%,transparent 19% 70%,oklch(100% .005 75 / .38) 74%),#ffffff57;background:radial-gradient(circle at 50% 22%,oklch(100% .005 75 / .7) 0 7%,transparent 8%),linear-gradient(100deg,oklch(100% .005 75 / .74) 0 16%,transparent 19% 70%,oklch(100% .005 75 / .38) 74%),oklch(100% .006 75 / .34)}.milkshake-game--machine-focus .milkshake-glass-preview__liquid{position:absolute;left:10%;right:10%;bottom:10%;height:0;border-radius:0 0 18px 18px;background:radial-gradient(circle at 78% 24%,oklch(100% .005 75 / .44) 0 12%,transparent 14%),linear-gradient(150deg,var(--shake-base),var(--shake-flavor));opacity:0;transition:height .26s ease-out,opacity .16s ease-out,background-color .18s ease-out}.milkshake-game--machine-focus .milkshake-glass-preview--filled .milkshake-glass-preview__liquid{height:58%;opacity:.96}.milkshake-game--machine-focus .milkshake-glass-preview__swirl{position:absolute;top:34%;right:18%;bottom:18%;left:18%;opacity:0;border-radius:50%;background:linear-gradient(130deg,transparent 0 38%,oklch(100% .005 75 / .58) 40% 48%,transparent 50%),linear-gradient(35deg,transparent 0 44%,var(--shake-flavor) 46% 56%,transparent 58%);mix-blend-mode:screen}.milkshake-game--machine-focus .milkshake-glass-preview--flavored .milkshake-glass-preview__swirl{opacity:.9}.milkshake-game--machine-focus .milkshake-glass-preview__mixins{position:absolute;top:44%;right:22%;bottom:18%;left:22%;opacity:0;border-radius:50%;background:radial-gradient(circle at 22% 28%,var(--shake-mix) 0 8%,transparent 9%),radial-gradient(circle at 72% 44%,var(--shake-mix) 0 7%,transparent 8%),radial-gradient(circle at 48% 70%,var(--shake-mix) 0 6%,transparent 7%)}.milkshake-game--machine-focus .milkshake-glass-preview__mixins:not([data-mix=""]){opacity:1}.milkshake-game--machine-focus .milkshake-glass-preview__topping{position:absolute;left:12%;right:12%;top:18%;display:none;min-height:22%;align-items:center;justify-content:center;border:2px solid oklch(34% .09 333 / .66);border-radius:999px 999px 44% 44%;background:radial-gradient(circle at 30% 22%,oklch(100% .005 75 / .78) 0 18%,transparent 19%),var(--shake-topping);color:var(--plum);font-size:.58rem;font-weight:950;line-height:1}.milkshake-game--machine-focus .milkshake-glass-preview__topping:not(:empty){display:flex}.milkshake-game--machine-focus .milkshake-glass-preview__garnish{position:absolute;right:-16%;top:-18%;display:none;min-width:44px;padding:.15rem .28rem;border:2px solid var(--plum);border-radius:999px;background:var(--shake-garnish);color:var(--plum);font-size:.58rem;font-weight:950;box-shadow:0 .25rem #4a214426;transform:rotate(8deg)}.milkshake-game--machine-focus .milkshake-glass-preview__garnish:not(:empty){display:inline-grid;place-items:center}.milkshake-game--machine-focus .milkshake-glass-preview__shine{position:absolute;inset:8% auto auto 18%;z-index:4;width:22%;height:32%;border-radius:999px;background:#ffffffa8;background:oklch(100% .005 75 / .66);pointer-events:none}.milkshake-game--machine-focus .milkshake-glass-preview--binning{transform:translate(-50%,-52%) rotate(12deg) scale(.94)}.milkshake-game--machine-focus .milkshake-glass-preview--serving{transform:translate(-50%,-52%) rotate(-4deg) scale(1.04)}.milkshake-game--machine-focus .milkshake-serve-pad,.milkshake-game--machine-focus .milkshake-rinse-endpoint{position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:42px;padding:.28rem;white-space:nowrap;width:96px!important;height:42px!important;overflow:visible}.milkshake-game--machine-focus .milkshake-serve-pad{transform:translate(-50%,-50%) rotate(-6deg)}.milkshake-game--machine-focus .milkshake-rinse-endpoint{width:92px!important;transform:translate(-50%,-50%) rotate(4deg)}.milkshake-game--machine-focus .milkshake-bin-note{position:absolute;right:0;bottom:-1.8rem;z-index:9;max-width:17rem;padding:.32rem .56rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);color:var(--plum);font-weight:900;box-shadow:var(--shadow)}.milkshake-game--machine-focus .milkshake-console{z-index:9;grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.36rem,.56vw,.58rem);overflow:hidden;padding:clamp(.46rem,.74vw,.76rem)}.milkshake-game--machine-focus .milkshake-console__head{grid-row:1 / 3;align-self:stretch}.milkshake-game--machine-focus .milkshake-station-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:.25rem}.milkshake-game--machine-focus .milkshake-station-tabs button:disabled{opacity:.55}.milkshake-game--machine-focus .milkshake-station-tabs button[aria-current=step]{opacity:1;background:var(--mint-100)}.milkshake-game--machine-focus .milkshake-ingredient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.34rem,.54vw,.58rem);overflow:hidden;align-content:stretch}.milkshake-game--machine-focus .milkshake-ingredient{grid-template-columns:clamp(36px,3.3vw,48px) minmax(0,1fr);min-height:clamp(50px,4.9vw,68px);padding:clamp(.34rem,.55vw,.54rem)}.milkshake-game--machine-focus .milkshake-ingredient strong{display:block;overflow:hidden;font-size:clamp(.68rem,.82vw,.92rem);line-height:1.05;text-overflow:ellipsis}.milkshake-game--machine-focus .milkshake-ingredient small{display:inline-grid;width:1.35rem;height:1.35rem;margin-top:.14rem;place-items:center;border:1px solid oklch(34% .09 333 / .36);border-radius:999px;background:#ffffffad;background:oklch(100% .005 75 / .68);font-size:.7rem}.milkshake-game--machine-focus .milkshake-machine-message{place-content:center;border-color:#f7e9d6db;background:linear-gradient(180deg,#170c1fd6,#55264ec7)}@keyframes milkshake-drop{0%{opacity:0;transform:translateY(-4px) scale(.8)}35%{opacity:1}to{opacity:0;transform:translateY(38px) scale(1.05)}}@media(max-height:820px)and (min-width:901px){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,1180px)}.milkshake-game--machine-focus .milkshake-console{grid-template-columns:minmax(154px,.54fr) minmax(0,1.46fr)}}@media(max-width:900px)and (orientation:portrait){.milkshake-game--machine-focus .milkshake-machine-stage{display:grid;min-height:min(74svh,620px);aspect-ratio:auto;place-items:center;padding:1rem}.milkshake-game--machine-focus .milkshake-machine-art,.milkshake-game--machine-focus .milkshake-machine-scene__backdrop,.milkshake-game--machine-focus .milkshake-machine-scene__ui{display:none}.milkshake-game--machine-focus .milkshake-landscape-gate{display:grid;width:min(92%,360px);gap:.45rem;padding:1rem;border:3px solid var(--plum);border-radius:var(--radius);background:radial-gradient(circle at 86% 18%,var(--mint-100) 0 2.2rem,transparent 2.35rem),linear-gradient(180deg,var(--cream),var(--pink-100));color:var(--plum);text-align:center;box-shadow:var(--shadow)}}@media(max-width:900px)and (orientation:landscape){html:has(.arcade-layout--milkshake-focus){--sticky-anchor-offset: 0px}body:has(.arcade-layout--milkshake-focus) .site-header,body:has(.arcade-layout--milkshake-focus) .arcade-hero,body:has(.arcade-layout--milkshake-focus) .taskbar-footer{display:none}body:has(.arcade-layout--milkshake-focus) .page{width:100%;padding:.35rem}.arcade-layout.arcade-layout--milkshake-focus .game-menu,.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel{display:none}.arcade-layout.arcade-layout--milkshake-focus{margin:0;transform:translateY(-38px)}.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100vw - 18px,100%);max-height:calc(100svh - 24px)}.milkshake-game--machine-focus .milkshake-console{left:14%!important;top:58%!important;width:72%!important;height:38%!important;grid-template-columns:minmax(112px,.5fr) minmax(0,1.5fr);padding:.36rem}.milkshake-game--machine-focus .milkshake-station-tabs{display:none}.milkshake-game--machine-focus .milkshake-console__head{grid-row:1 / 2}.milkshake-game--machine-focus .milkshake-console__head p{display:none}.milkshake-game--machine-focus .milkshake-ingredient-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;min-height:44px}.milkshake-game--machine-focus .milkshake-ingredient{min-height:40px;grid-template-columns:28px minmax(0,1fr);padding:.2rem}.milkshake-game--machine-focus .milkshake-ingredient__icon{width:28px;height:28px}.milkshake-game--machine-focus .milkshake-console__tools button,.milkshake-game--machine-focus .milkshake-machine-settings button,.milkshake-game--machine-focus .milkshake-mode-row--machine button{min-height:34px}}@media(prefers-reduced-motion:reduce){.milkshake-game--machine-focus .milkshake-machine-fixture,.milkshake-game--machine-focus .milkshake-glass-preview,.milkshake-game--machine-focus .milkshake-glass-preview__liquid{transition:none}.milkshake-game--machine-focus .milkshake-machine-fixture--active .milkshake-machine-fixture__drop{animation:none}}.milkshake-game--machine-focus .milkshake-machine-stage{isolation:isolate;width:min(100%,1480px);max-height:min(calc(100vh - 126px),832px);aspect-ratio:16 / 9;overflow:hidden;border:4px solid var(--plum);border-radius:16px;background:#ffa3cf;box-shadow:0 1.3rem 2.8rem #49224638;contain:layout paint}.milkshake-game--machine-focus .milkshake-machine-layer-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.milkshake-game--machine-focus .milkshake-machine-layer-img--backdrop{z-index:0}.milkshake-game--machine-focus .milkshake-machine-layer-img--back{z-index:1}.milkshake-game--machine-focus .milkshake-machine-layer-img--foreground{z-index:4;opacity:.92}.milkshake-game--machine-focus .milkshake-machine-layer-img--lighting{z-index:11;mix-blend-mode:screen;opacity:.78}.milkshake-game--machine-focus .milkshake-machine-scene__ui{z-index:6}.milkshake-game--machine-focus .milkshake-machine-controls,.milkshake-game--machine-focus .milkshake-order-monitor,.milkshake-game--machine-focus .milkshake-status-monitor,.milkshake-game--machine-focus .milkshake-console,.milkshake-game--machine-focus .milkshake-machine-message{border:3px solid oklch(97% .018 65 / .82);background:linear-gradient(180deg,#1c0c23e0,#361a37c7);color:#fffbf6;color:oklch(99% .01 70);box-shadow:inset 0 0 0 2px #ffffff2e,0 .8rem 1.5rem #200d243d;box-shadow:inset 0 0 0 2px oklch(100% .006 70 / .18),0 .8rem 1.5rem #200d243d}.milkshake-game--machine-focus .milkshake-order-monitor{grid-template-rows:auto auto minmax(0,1fr);padding:clamp(.38rem,.55vw,.64rem)}.milkshake-game--machine-focus .milkshake-order-monitor__copy{min-height:2.4rem;padding-right:clamp(50px,3.9vw,72px)}.milkshake-game--machine-focus .milkshake-order-monitor .milkshake-customer{top:clamp(2.25rem,3.1vw,3.05rem);right:clamp(.45rem,.68vw,.76rem);width:clamp(34px,3vw,52px);height:clamp(32px,2.75vw,48px);opacity:.92;transform:none}.milkshake-game--machine-focus .milkshake-recipe-list{display:grid;grid-template-columns:1fr;align-content:start;gap:clamp(.14rem,.22vw,.24rem);min-height:0;padding-right:clamp(2px,.4vw,8px);overflow:hidden}.milkshake-game--machine-focus .milkshake-ticket-part{min-height:clamp(24px,2vw,31px);border-color:#fffbf657;border-color:oklch(99% .01 70 / .34);background:#ffffff1f;background:oklch(100% .006 70 / .12);color:#fffbf6;color:oklch(99% .01 70)}.milkshake-game--machine-focus .milkshake-ticket-part small{color:#f7ede2cc}.milkshake-game--machine-focus .milkshake-status-monitor{padding:clamp(.42rem,.6vw,.64rem)}.milkshake-game--machine-focus .milkshake-status-monitor__grid{gap:clamp(.14rem,.25vw,.25rem)}.milkshake-game--machine-focus .milkshake-status-monitor__grid span{min-height:clamp(26px,2.35vw,38px);border-color:#fffbf647;border-color:oklch(99% .01 70 / .28);background:#ffffff1c;background:oklch(100% .006 70 / .11);color:#fffbf6;color:oklch(99% .01 70)}.milkshake-game--machine-focus .milkshake-machine-controls{display:grid;align-content:end;gap:.36rem;padding:clamp(.42rem,.62vw,.7rem)}.milkshake-game--machine-focus .milkshake-machine-title strong{color:#fffbf5;color:oklch(99% .012 70)}.milkshake-game--machine-focus .milkshake-mode-row--machine button,.milkshake-game--machine-focus .milkshake-machine-settings button{min-height:clamp(34px,2.7vw,42px);border-color:#fcf4ebd1;background:linear-gradient(180deg,var(--cream),oklch(91% .045 335));color:var(--plum)}.milkshake-game--machine-focus .milkshake-mode-row--machine button[aria-pressed=true],.milkshake-game--machine-focus .milkshake-machine-settings button[aria-pressed=true]{background:linear-gradient(180deg,var(--mint-100),oklch(83% .08 166))}.milkshake-game--machine-focus .milkshake-machine-effects{z-index:7;top:0;right:0;bottom:0;left:0;pointer-events:none}.milkshake-game--machine-focus .milkshake-station-lamp{position:absolute;width:clamp(20px,2.2vw,36px);aspect-ratio:1;border:3px solid var(--plum);border-radius:999px;background:radial-gradient(circle at 30% 25%,oklch(100% .005 75 / .86) 0 22%,transparent 24%),var(--station-color);opacity:.26;transform:translate(-50%,-50%);transition:opacity .18s ease-out,transform .18s ease-out,filter .18s ease-out}.milkshake-game--machine-focus .milkshake-station-lamp--active{opacity:.96;filter:drop-shadow(0 0 16px var(--station-color));transform:translate(-50%,-50%) scale(1.08)}.milkshake-game--machine-focus .milkshake-ingredient-effect{position:absolute;left:var(--effect-start-x);top:var(--effect-start-y);z-index:10;width:clamp(28px,3.2vw,48px);aspect-ratio:1;border:3px solid var(--plum);border-radius:999px;background:radial-gradient(circle at 28% 22%,oklch(100% .005 75 / .82) 0 18%,transparent 20%),var(--effect-color);transform:translate(-50%,-50%);animation:milkshake-v3-drop var(--effect-duration, .72s) cubic-bezier(.2,.9,.18,1) both}.milkshake-game--machine-focus .milkshake-ingredient-effect--syrup-ribbon{width:clamp(18px,1.6vw,28px);height:clamp(62px,7vw,108px);border-radius:999px 999px 52% 52%;animation-name:milkshake-v3-ribbon}.milkshake-game--machine-focus .milkshake-ingredient-effect--sprinkle-burst,.milkshake-game--machine-focus .milkshake-ingredient-effect--pearl-bounce,.milkshake-game--machine-focus .milkshake-ingredient-effect--crumb-scatter,.milkshake-game--machine-focus .milkshake-ingredient-effect--jelly-plop{border-radius:12px;background:radial-gradient(circle at 22% 24%,var(--cream) 0 8%,transparent 9%),repeating-linear-gradient(45deg,var(--effect-color) 0 10px,oklch(100% .005 75 / .8) 10px 17px);animation-name:milkshake-v3-scatter}.milkshake-game--machine-focus .milkshake-ingredient-effect--whip-spiral,.milkshake-game--machine-focus .milkshake-ingredient-effect--foam-puff,.milkshake-game--machine-focus .milkshake-ingredient-effect--cloud-puff,.milkshake-game--machine-focus .milkshake-ingredient-effect--scoop-drop{width:clamp(46px,4.6vw,72px);border-radius:45% 55% 48% 52%;animation-name:milkshake-v3-topping}.milkshake-game--machine-focus .milkshake-ingredient-effect--straw-insert,.milkshake-game--machine-focus .milkshake-ingredient-effect--umbrella-pop,.milkshake-game--machine-focus .milkshake-ingredient-effect--heart-pick,.milkshake-game--machine-focus .milkshake-ingredient-effect--cherry-drop{width:clamp(16px,1.45vw,24px);height:clamp(64px,7vw,104px);border-radius:999px;animation-name:milkshake-v3-garnish}.milkshake-game--machine-focus .milkshake-result-effect{position:absolute;z-index:12;width:clamp(72px,7vw,112px);aspect-ratio:1;border:4px solid var(--plum);border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.milkshake-game--machine-focus .milkshake-result-effect--perfect{background:radial-gradient(circle,var(--mint-100),oklch(91% .08 166));animation:milkshake-v3-stamp .76s cubic-bezier(.2,.9,.18,1) both}.milkshake-game--machine-focus .milkshake-result-effect--bin{background:radial-gradient(circle,var(--pink-100),oklch(82% .09 345));animation:milkshake-v3-bin .72s ease-out both}.milkshake-game--machine-focus .milkshake-conveyor-lane{z-index:8;overflow:visible;background:transparent}.milkshake-game--machine-focus .milkshake-conveyor-lane__belt{top:15%;right:1.4%;bottom:26%;left:.8%;border-radius:22px;opacity:.16;background:repeating-linear-gradient(108deg,#1e1e29,#1e1e29 5rem,#53545f 5rem,#53545f 9.2rem);mix-blend-mode:screen}.milkshake-game--machine-focus .milkshake-belt-stop-shadow{position:absolute;z-index:3;display:block;border-radius:999px;background:radial-gradient(ellipse at center,var(--station-color) 0 18%,transparent 62%);opacity:.36;transform:translateY(18%);filter:blur(2px);pointer-events:none}.milkshake-game--machine-focus .milkshake-serve-pad{position:absolute;z-index:6;display:inline-flex;min-width:clamp(86px,8vw,124px);min-height:clamp(40px,3.8vw,54px);align-items:center;justify-content:center;gap:.25rem;border:3px solid var(--plum);border-radius:999px;background:linear-gradient(180deg,var(--mint-100),oklch(86% .075 168));color:var(--plum);font-weight:900;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:var(--shadow)}.milkshake-game--machine-focus .milkshake-rinse-endpoint{z-index:9;min-width:clamp(78px,7.5vw,116px);min-height:clamp(40px,3.7vw,54px);transform:translate(-50%,-50%) rotate(3deg)}.milkshake-game--machine-focus .milkshake-glass-preview{z-index:10;width:clamp(66px,5.9vw,94px);height:clamp(90px,8.4vw,134px);border:0;background:transparent;box-shadow:none;transform:translate(-50%,-62%);transition:left .43s cubic-bezier(.2,.9,.18,1),top .43s cubic-bezier(.2,.9,.18,1),transform .24s ease-out}.milkshake-game--machine-focus .milkshake-glass-preview__shadow{position:absolute;left:14%;right:14%;bottom:-10%;height:18%;border-radius:999px;background:#1f122542;filter:blur(6px)}.milkshake-game--machine-focus .milkshake-glass-preview__shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:center / contain no-repeat;pointer-events:none}.milkshake-game--machine-focus .milkshake-glass-preview__liquid{position:absolute;left:22%;right:22%;bottom:18%;z-index:2;height:0;border-radius:28% 28% 32% 32%;background:linear-gradient(130deg,oklch(100% .005 75 / .52),transparent 24%),linear-gradient(180deg,var(--shake-flavor),var(--shake-base));opacity:0;transition:height .26s ease-out,opacity .18s ease-out,background .18s ease-out}.milkshake-game--machine-focus .milkshake-glass-preview--filled .milkshake-glass-preview__liquid{height:50%;opacity:.86}.milkshake-game--machine-focus .milkshake-glass-preview__swirl{position:absolute;left:28%;right:28%;bottom:34%;z-index:3;height:24%;border:4px solid var(--shake-flavor);border-left-color:transparent;border-bottom-color:transparent;border-radius:999px;opacity:0;transform:rotate(-18deg)}.milkshake-game--machine-focus .milkshake-glass-preview--flavored .milkshake-glass-preview__swirl{opacity:.78;animation:milkshake-v3-swirl .56s ease-out both}.milkshake-game--machine-focus .milkshake-glass-preview__mixins{position:absolute;top:36%;right:30%;bottom:24%;left:30%;z-index:4;opacity:.8;background:radial-gradient(circle at 30% 28%,var(--shake-mix) 0 8%,transparent 9%),radial-gradient(circle at 66% 44%,var(--shake-mix) 0 7%,transparent 8%),radial-gradient(circle at 44% 72%,var(--shake-mix) 0 6%,transparent 7%)}.milkshake-game--machine-focus .milkshake-glass-preview__topping{position:absolute;left:22%;right:22%;top:20%;z-index:5;min-height:18%;border:3px solid var(--plum);border-radius:999px 999px 45% 45%;background:var(--shake-topping);color:transparent;opacity:0}.milkshake-game--machine-focus .milkshake-glass-preview__topping:not(:empty){opacity:.95;animation:milkshake-v3-layer-pop .32s ease-out both}.milkshake-game--machine-focus .milkshake-glass-preview__garnish{position:absolute;right:20%;top:2%;z-index:8;width:16%;height:48%;border:3px solid var(--plum);border-radius:999px;background:var(--shake-garnish);color:transparent;opacity:0;transform:rotate(18deg)}.milkshake-game--machine-focus .milkshake-glass-preview__garnish:not(:empty){opacity:.95;animation:milkshake-v3-garnish-set .36s ease-out both}.milkshake-game--machine-focus .milkshake-glass-preview__shine,.milkshake-game--machine-focus .milkshake-glass-preview__rim{display:none}.milkshake-game--machine-focus .milkshake-console{z-index:13;display:grid;grid-template-columns:minmax(190px,.5fr) minmax(0,1.5fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(.3rem,.5vw,.55rem);overflow:hidden;padding:clamp(.44rem,.68vw,.7rem);border-color:#fef3e9db;background:#ffffffc7;background:oklch(100% .018 65 / .78);color:var(--plum);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.milkshake-game--machine-focus .milkshake-console__head{grid-row:1 / 5;display:grid;grid-template-columns:46px minmax(0,1fr) 58px;gap:.38rem;align-items:center;min-width:0;padding:0;border:0;background:transparent}.milkshake-game--machine-focus .milkshake-console__head button{min-width:44px;min-height:54px;border-radius:999px;background:linear-gradient(180deg,var(--mint-100),oklch(86% .075 168));box-shadow:inset 0 -.22rem #52967d4d,var(--shadow)}.milkshake-game--machine-focus .milkshake-console__head button:disabled{opacity:.45;filter:grayscale(.45)}.milkshake-game--machine-focus .milkshake-console__head button span{display:block;font-size:.62rem;line-height:1}.milkshake-game--machine-focus .milkshake-console__head h3{font-size:clamp(1.05rem,1.5vw,1.55rem);line-height:1.05}.milkshake-game--machine-focus .milkshake-console__head p{font-size:clamp(.7rem,.85vw,.95rem);line-height:1.15}.milkshake-game--machine-focus .milkshake-progress-lamps{grid-column:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.18rem,.35vw,.36rem)}.milkshake-game--machine-focus .milkshake-progress-lamp{display:inline-flex;min-height:clamp(26px,2.25vw,36px);align-items:center;justify-content:center;border:2px solid var(--plum);border-radius:999px;background:#fffbf6ad;background:oklch(99% .018 65 / .68);color:var(--plum);font-size:clamp(.55rem,.68vw,.76rem);font-weight:900;line-height:1}.milkshake-game--machine-focus .milkshake-progress-lamp--complete{background:var(--blue-100)}.milkshake-game--machine-focus .milkshake-progress-lamp--active{background:var(--mint-100);box-shadow:0 0 0 3px #ffffffa6,0 0 18px var(--station-color);box-shadow:0 0 0 3px oklch(100% .005 75 / .65),0 0 18px var(--station-color)}.milkshake-game--machine-focus .milkshake-ingredient-grid{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.3rem,.48vw,.52rem);overflow:visible;min-height:0}.milkshake-game--machine-focus .milkshake-ingredient{display:grid;grid-template-columns:clamp(38px,3.3vw,50px) minmax(0,1fr);min-height:clamp(58px,5vw,76px);gap:.38rem;align-items:center;border:3px solid var(--plum);border-radius:10px;background:linear-gradient(180deg,var(--cream),oklch(96% .025 65))}.milkshake-game--machine-focus .milkshake-ingredient[aria-pressed=true]{background:radial-gradient(circle at 18% 18%,oklch(100% .005 75 / .7) 0 .8rem,transparent .85rem),linear-gradient(180deg,var(--mint-100),oklch(88% .075 166));box-shadow:inset 0 0 0 2px #ffffff8c,0 .45rem #653c622e;box-shadow:inset 0 0 0 2px oklch(100% .005 75 / .55),0 .45rem #653c622e}.milkshake-game--machine-focus .milkshake-ingredient__icon{width:clamp(36px,3.2vw,50px);height:clamp(36px,3.2vw,50px);border-radius:14px;background:color-mix(in oklch,var(--ingredient-color),white 44%)}.milkshake-game--machine-focus .milkshake-ingredient__icon span{display:block;width:100%;height:100%;background:center / contain no-repeat}.milkshake-game--machine-focus .milkshake-ingredient strong{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(.72rem,.82vw,.94rem);line-height:1.06}.milkshake-game--machine-focus .milkshake-ingredient small{display:inline-grid;width:1.35rem;height:1.35rem;margin-top:.12rem;place-items:center;border:1px solid oklch(34% .09 333 / .36);border-radius:999px;background:#ffffffc7;background:oklch(100% .005 75 / .78);font-size:.7rem}.milkshake-game--machine-focus .milkshake-console__tools{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.milkshake-game--machine-focus .milkshake-console__tools button{min-height:clamp(40px,3.6vw,52px);border-radius:9px}.milkshake-game--machine-focus .milkshake-machine-message{z-index:14;display:grid;place-content:center;padding:.25rem .7rem;border-radius:12px;text-align:center}@keyframes milkshake-v3-drop{0%{opacity:0;transform:translate(-50%,-50%) scale(.76)}22%{opacity:1}to{opacity:0;transform:translate(-50%,150%) scale(1.08)}}@keyframes milkshake-v3-ribbon{0%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scaleY(.3)}32%{opacity:1}to{opacity:0;transform:translate(-50%,100%) rotate(16deg) scaleY(1.05)}}@keyframes milkshake-v3-scatter{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-8deg)}24%{opacity:1}to{opacity:0;transform:translate(-50%,130%) scale(1.1) rotate(24deg)}}@keyframes milkshake-v3-topping{0%{opacity:0;transform:translate(-50%,-80%) scale(.5)}55%{opacity:1;transform:translate(-50%,90%) scale(1.08)}to{opacity:0;transform:translate(-50%,116%) scale(1)}}@keyframes milkshake-v3-garnish{0%{opacity:0;transform:translate(-50%,-80%) rotate(-18deg)}45%{opacity:1}to{opacity:0;transform:translate(-50%,105%) rotate(12deg)}}@keyframes milkshake-v3-stamp{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-12deg)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes milkshake-v3-bin{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-20%) scale(1.25)}}@keyframes milkshake-v3-swirl{0%{transform:rotate(-55deg) scale(.6);opacity:0}to{transform:rotate(-18deg) scale(1);opacity:.78}}@keyframes milkshake-v3-layer-pop{0%{transform:translateY(8px) scale(.72)}to{transform:translateY(0) scale(1)}}@keyframes milkshake-v3-garnish-set{0%{transform:translateY(-12px) rotate(30deg)}to{transform:translateY(0) rotate(18deg)}}@media(max-height:820px)and (min-width:901px){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100%,1240px)}}@media(max-width:900px)and (orientation:landscape){.milkshake-game--machine-focus .milkshake-machine-stage{width:min(100vw - 14px,100%);max-height:calc(100svh - 16px)}.milkshake-game--machine-focus .milkshake-console{left:13.5%!important;top:61%!important;width:74%!important;height:36%!important;grid-template-columns:minmax(110px,.44fr) minmax(0,1.56fr);padding:.28rem}.milkshake-game--machine-focus .milkshake-console__head{grid-template-columns:38px minmax(0,1fr) 44px;gap:.22rem}.milkshake-game--machine-focus .milkshake-console__head p,.milkshake-game--machine-focus .milkshake-progress-lamps{display:none}.milkshake-game--machine-focus .milkshake-ingredient-grid{gap:.18rem}.milkshake-game--machine-focus .milkshake-ingredient{min-height:42px;grid-template-columns:30px minmax(0,1fr);gap:.22rem;padding:.18rem}.milkshake-game--machine-focus .milkshake-ingredient__icon{width:30px;height:30px}.milkshake-game--machine-focus .milkshake-ingredient small,.milkshake-game--machine-focus .milkshake-console__tools{display:none}}@media(prefers-reduced-motion:reduce){.milkshake-game--machine-focus .milkshake-ingredient-effect,.milkshake-game--machine-focus .milkshake-result-effect,.milkshake-game--machine-focus .milkshake-glass-preview__swirl,.milkshake-game--machine-focus .milkshake-glass-preview__topping,.milkshake-game--machine-focus .milkshake-glass-preview__garnish{animation:none!important}}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake{width:min(100%,980px);margin-top:.85rem;padding:clamp(.75rem,1.2vw,1rem);border-radius:12px;background:radial-gradient(circle at 92% 18%,var(--mint-100) 0 2.2rem,transparent 2.35rem),linear-gradient(180deg,#ffffffeb,#fff0f8db);background:radial-gradient(circle at 92% 18%,var(--mint-100) 0 2.2rem,transparent 2.35rem),linear-gradient(180deg,color(xyz 0.96 0.998 0.989 / 0.922),color(xyz 0.919 0.9 1.034 / 0.859))}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-panel__head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem .75rem}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-panel__head p{grid-column:1 / -1;margin:0}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-tabs{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-spotlight,.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-local-card,.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-auth{margin-top:.55rem}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.65rem}.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-entry{min-width:0}@media(max-width:760px){.arcade-layout.arcade-layout--milkshake-focus .leaderboard-panel--milkshake .leaderboard-list{grid-template-columns:1fr}}.milkshake-game--machine-focus .milkshake-order-monitor{grid-template-rows:auto auto minmax(0,1fr);row-gap:clamp(.05rem,.11vw,.12rem);align-content:start;overflow:hidden}.milkshake-game--machine-focus .milkshake-order-monitor>.mini-window-label{min-height:0;height:clamp(17px,1.45vw,22px);padding:clamp(.06rem,.1vw,.12rem) clamp(.32rem,.45vw,.5rem);margin-bottom:0;font-size:clamp(.52rem,.62vw,.68rem)}.milkshake-game--machine-focus .milkshake-order-monitor__copy{min-height:0;height:clamp(14px,1.25vw,19px);padding-right:0;margin:0;overflow:hidden}.milkshake-game--machine-focus .milkshake-order-monitor h3{font-size:clamp(.62rem,.72vw,.78rem);line-height:1;max-width:100%;height:auto;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milkshake-game--machine-focus .milkshake-order-monitor p,.milkshake-game--machine-focus .milkshake-order-monitor .milkshake-customer{display:none}.milkshake-game--machine-focus .milkshake-recipe-list{grid-template-columns:1fr;gap:clamp(.1rem,.18vw,.18rem);align-self:stretch;padding-right:0}.milkshake-game--machine-focus .milkshake-ticket-part{min-height:clamp(17px,1.45vw,23px);grid-template-columns:auto minmax(0,1fr);column-gap:clamp(.12rem,.18vw,.2rem);padding:clamp(.04rem,.1vw,.1rem) clamp(.1rem,.18vw,.18rem)}.milkshake-game--machine-focus .milkshake-ticket-part small{display:none}.milkshake-game--machine-focus .milkshake-ticket-part strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milkshake-game--machine-focus .milkshake-ticket-part__icon{width:clamp(12px,1vw,17px);height:clamp(12px,1vw,17px)}