@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}:root{--ink:#1b1240;--ink-2:#2b2350;--pink:#ff3d9a;--pink-deep:#d4167a;--teal:#18e0d0;--teal-deep:#0ea89c;--sun:#ffd23f;--violet:#7a5cff;--coral:#ff6b5a;--cream:#fff8ef;--cream-2:#fed;--white:#fff;--display:"Lilita One", "Baloo 2", system-ui, sans-serif;--body:"Baloo 2", system-ui, sans-serif;--r:28px;--edge:5px;--drop:0 9px 0 var(--ink);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background:#8fd8ff;margin:0;font-size:20px;overflow:hidden}#scene{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:none}#ui .interactive,#ui button,#ui input,#ui select,#ui textarea,#ui [draggable=true],#ui a{pointer-events:auto}#fade{opacity:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 40%,#2b2350,#0b0620);transition:opacity 60ms linear;position:fixed;inset:0}.display{font-family:var(--display);letter-spacing:.5px;font-weight:400;line-height:.95}h1,h2,h3{font-family:var(--display);margin:0;font-weight:400;line-height:1}h2{font-size:52px}h3{font-size:30px}.muted{opacity:.7}.kicker{font-family:var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--pink);font-size:20px}.panel{background:var(--cream);border:var(--edge) solid var(--ink);border-radius:var(--r);box-shadow:var(--drop);padding:28px 30px;position:relative}.panel.dark{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 9px #1b124073}.panel .sticker,.sticker{font-family:var(--display);letter-spacing:1px;background:var(--pink);color:var(--white);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:16px;padding:6px 16px 4px;font-size:22px;position:absolute;top:-22px;left:26px;transform:rotate(-3deg)}.sticker.teal{background:var(--teal);color:var(--ink)}.sticker.sun{background:var(--sun);color:var(--ink)}.btn{--bg:var(--pink);--fg:var(--white);appearance:none;border:var(--edge) solid var(--ink);background:var(--bg);color:var(--fg);font-family:var(--display);letter-spacing:.5px;cursor:pointer;box-shadow:0 9px 0 var(--ink), inset 0 -7px 0 #00000029, inset 0 5px 0 #ffffff59;text-shadow:0 3px #1b124059;transition:transform .12s var(--ease-pop), box-shadow .12s ease, filter .12s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:22px;justify-content:center;align-items:center;gap:12px;padding:14px 28px 12px;font-size:30px;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 12px 0 var(--ink), inset 0 -7px 0 #00000029, inset 0 5px 0 #ffffff59;transform:translateY(-3px)rotate(-1deg)}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink), inset 0 -4px 0 #00000029, inset 0 4px 0 #ffffff59;transform:translateY(7px)}.btn:focus-visible{outline:5px solid var(--sun);outline-offset:4px}.btn:disabled{filter:grayscale(.7)brightness(.9);cursor:not-allowed;opacity:.75}.btn.teal{--bg:var(--teal);--fg:var(--ink);text-shadow:0 2px #fff6}.btn.sun{--bg:var(--sun);--fg:var(--ink);text-shadow:0 2px #ffffff80}.btn.violet{--bg:var(--violet)}.btn.ghost{--bg:var(--cream);--fg:var(--ink);text-shadow:none}.btn.small{box-shadow:0 6px 0 var(--ink), inset 0 -5px 0 #00000024, inset 0 3px 0 #ffffff59;border-radius:16px;padding:9px 18px 7px;font-size:22px}.btn.huge{border-radius:28px;padding:20px 40px 16px;font-size:44px}.btn.round{border-radius:50%;width:64px;height:64px;padding:0;font-size:28px}.btn .kbd{font-family:var(--body);text-shadow:none;background:#1b124040;border-radius:8px;padding:1px 8px;font-size:15px;font-weight:800}.field{flex-direction:column;gap:8px;display:flex}.field label,.label{font-family:var(--display);letter-spacing:.5px;font-size:22px}.input{font-family:var(--display);border:var(--edge) solid var(--ink);background:var(--white);color:var(--ink);border-radius:20px;outline:none;width:100%;padding:12px 18px 8px;font-size:34px;box-shadow:inset 0 6px #1b124014}.input:focus{border-color:var(--pink);box-shadow:inset 0 6px #1b124014,0 0 0 5px #ff3d9a40}.input::placeholder{color:#1b124059}.seg{border:var(--edge) solid var(--ink);box-shadow:0 6px 0 var(--ink);background:var(--white);border-radius:18px;display:inline-flex;overflow:hidden}.seg button{appearance:none;border:0;border-right:4px solid var(--ink);font-family:var(--display);color:var(--ink);cursor:pointer;background:0 0;min-width:70px;padding:10px 20px 7px;font-size:24px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--teal)}.seg button:hover:not([aria-pressed=true]){background:var(--cream-2)}.toggle{appearance:none;color:var(--ink);cursor:pointer;font-family:var(--display);background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:24px;display:inline-flex}.toggle .knob{border:4px solid var(--ink);background:var(--white);width:74px;height:42px;box-shadow:0 4px 0 var(--ink);border-radius:999px;transition:background .15s;position:relative}.toggle .knob:after{content:"";background:var(--ink);width:28px;height:28px;transition:transform .22s var(--ease-pop);border-radius:50%;position:absolute;top:3px;left:4px}.toggle[aria-checked=true] .knob{background:var(--pink)}.toggle[aria-checked=true] .knob:after{background:var(--white);transform:translate(30px)}.bean{--c:var(--pink);background:radial-gradient(ellipse 30% 18% at 34% 22%, #ffffff8c, transparent 70%), linear-gradient(170deg, color-mix(in srgb, var(--c) 82%, white), var(--c) 55%, color-mix(in srgb, var(--c) 75%, black));border:4px solid var(--ink);border-radius:48% 48% 44% 44%/56% 56% 40% 40%;flex:none;width:34px;height:46px;position:relative}.bean:before,.bean:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:8px;position:absolute;top:34%}.bean:before{left:30%}.bean:after{right:22%}.bean.big{border-width:5px;width:60px;height:82px}.bean.big:before,.bean.big:after{width:10px;height:14px}.bean.ghost{opacity:.45}.key{min-width:52px;height:52px;font-family:var(--display);background:var(--white);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);color:var(--ink);border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:24px;display:inline-flex}.keys{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.screen{animation:screen-in .36s var(--ease-pop) both;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(24px)scale(.98)}}.veil-left{background:linear-gradient(90deg,#1b124061,#1b124000 52%)}.veil-full{background:radial-gradient(at 50% 45%,#1b12401f,#1b12408c)}.logo{font-family:var(--display);filter:drop-shadow(0 12px 0 var(--ink));flex-direction:column;font-size:clamp(56px,6.4vw,112px);line-height:.82;display:flex;transform:rotate(-4deg)}.logo .row{display:flex}.logo span{-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;animation:2.6s ease-in-out infinite bob;display:inline-block}.logo .sky span{color:var(--teal)}.logo .beans span{color:var(--pink)}.logo .beans{margin-left:.5em}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-3deg)}}.landing{align-items:stretch;padding:40px 56px}.landing .col{flex-direction:column;justify-content:space-between;gap:26px;width:min(560px,46vw);display:flex}.landing .tag{font-family:var(--display);color:var(--white);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin-top:14px;font-size:30px;transform:rotate(-2deg)}.landing .actions{gap:20px;display:flex}.landing .actions .btn{flex:1;padding:16px 20px 12px;font-size:38px}.swatches{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.swatch{appearance:none;aspect-ratio:1;border:4px solid var(--ink);background:var(--c);cursor:pointer;transition:transform .16s var(--ease-pop);border-radius:12px;padding:0}.swatch:hover{transform:translateY(-3px)scale(1.08)}.swatch[aria-pressed=true]{box-shadow:0 0 0 4px var(--white), 0 0 0 8px var(--ink);transform:scale(1.12)}.preview-caption{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:17vh;right:13vw}.namebubble{font-family:var(--display);color:var(--white);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;font-size:40px;transform:rotate(3deg)}.create{pointer-events:auto;align-items:flex-start;gap:32px;padding:44px 56px;overflow-y:auto}.create .main{flex-direction:column;flex:1.3;gap:26px;display:flex}.create .side{flex-direction:column;flex:1;gap:26px;display:flex}.playlist{grid-template-columns:1fr 1fr;gap:22px;min-height:0;display:grid}.playlist .zone{background:#ffffff80;border:4px dashed #1b124059;border-radius:22px;flex-direction:column;gap:10px;min-height:260px;max-height:46vh;padding:12px;display:flex;overflow-y:auto}.playlist .zone.over{border-color:var(--pink);background:#ff3d9a14}.modecard{--c:var(--pink);background:var(--white);border:4px solid var(--ink);border-left:14px solid var(--c);box-shadow:0 5px 0 var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-pop);border-radius:16px;align-items:center;gap:12px;padding:8px 10px 6px 12px;display:flex}.modecard:hover{transform:translate(4px)rotate(-.5deg)}.modecard.dragging{opacity:.4}.modecard .glyph{text-align:center;width:34px;font-size:28px}.modecard .name{font-family:var(--display);flex:1;font-size:24px}.modecard .meta{opacity:.65;font-size:16px;font-weight:700}.modecard .order{font-family:var(--display);background:var(--ink);width:32px;height:32px;color:var(--white);border-radius:50%;place-items:center;font-size:22px;display:grid}.modecard .mini{appearance:none;border:3px solid var(--ink);background:var(--cream);font-family:var(--display);cursor:pointer;border-radius:10px;width:34px;height:34px;font-size:18px}.badge{font-family:var(--display);letter-spacing:1px;background:var(--sun);border:3px solid var(--ink);border-radius:10px;padding:2px 8px 0;font-size:15px}.badge.soon{background:var(--cream-2)}.optrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.mystery-card{border:5px solid var(--ink);color:var(--white);box-shadow:0 7px 0 var(--ink);background:repeating-linear-gradient(45deg,#7a5cfff2 0 22px,#6246e6f2 22px 44px);border-radius:22px;align-items:center;gap:18px;padding:18px 20px;display:flex}.mystery-card .q{font-family:var(--display);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;color:var(--sun);font-size:70px;animation:1.8s ease-in-out infinite bob}.join{pointer-events:auto;justify-content:safe center;align-items:safe center;padding:30px 16px;overflow-y:auto}.codeboxes{gap:14px;display:flex}.codeboxes input{width:92px;height:116px;font-family:var(--display);text-align:center;text-transform:uppercase;border:6px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:0 8px 0 var(--ink);caret-color:var(--pink);border-radius:22px;outline:none;font-size:72px}.codeboxes input:focus{border-color:var(--pink);transform:translateY(-4px)}.error{color:#d10f4d;min-height:28px;font-weight:800}.roomcode{font-family:var(--display);letter-spacing:.08em;color:var(--sun);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 12px 0 var(--ink));font-size:clamp(90px,11vw,190px);line-height:1}.codechip{font-family:var(--display);background:var(--sun);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;align-items:center;gap:12px;padding:6px 8px 4px 16px;font-size:26px;display:inline-flex}.codechip b{letter-spacing:3px;font-size:32px;font-weight:400}.modal-backdrop{animation:screen-in .3s var(--ease-pop) both;pointer-events:auto;background:#1b12408c;place-items:center;display:grid;position:absolute;inset:0}.modal{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:900px;display:flex}.sharelink{font-family:var(--body);background:var(--white);border:4px solid var(--ink);-webkit-user-select:all;user-select:all;border-radius:14px;padding:8px 16px;font-size:22px;font-weight:800}.hud{position:absolute;inset:0}.hud .tl{flex-direction:column;gap:18px;width:360px;display:flex;position:absolute;top:26px;left:26px}.hud .tc{align-items:center;gap:14px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hud .tr{gap:12px;display:flex;position:absolute;top:26px;right:26px}.hud .br{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:26px;right:26px}.hud .bl{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:26px;left:26px}.players{padding:26px 18px 14px}.players ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.players li{animation:pop-in .38s var(--ease-pop) both;border-radius:16px;align-items:center;gap:12px;padding:6px 8px;display:flex}.players li.me{background:#ff3d9a1f}.players li.away{opacity:.45}.players .who{flex:1;min-width:0}.players .nm{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:26px;line-height:1;overflow:hidden}.players .ttl{color:var(--teal-deep);font-size:16px;font-weight:800;line-height:1.1}.tick{border:4px solid var(--ink);width:38px;height:38px;font-family:var(--display);background:var(--white);color:#0000;transition:all .25s var(--ease-pop);border-radius:50%;place-items:center;font-size:22px;display:grid}.tick.on{background:var(--teal);color:var(--ink);transform:rotate(-8deg)scale(1.08)}.crown{font-size:22px}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translate(-20px)}}.console{flex-direction:column;gap:14px;width:420px;display:flex}.console .row{justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.console .pl{flex-wrap:wrap;gap:6px;display:flex}.chip{--c:var(--pink);font-family:var(--display);border:3px solid var(--ink);background:var(--c);color:var(--ink);border-radius:10px;padding:3px 10px 1px;font-size:18px}.hint{border:4px solid var(--ink);background:#fff8efeb;border-radius:16px;align-items:center;gap:14px;padding:8px 14px 6px;font-size:18px;font-weight:800;display:flex}.hint .key{min-width:36px;height:36px;box-shadow:0 4px 0 var(--ink);border-radius:10px;padding:0 8px;font-size:17px}.intro{justify-content:center;align-items:center}.introcard{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(1100px,92vw);display:flex}.introcard .round{font-family:var(--display);color:var(--white);background:var(--ink);letter-spacing:2px;border-radius:999px;padding:8px 24px 4px;font-size:28px}.introcard .modename{font-family:var(--display);color:var(--c,var(--pink));-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 12px 0 var(--ink));animation:slam .6s var(--ease-pop) both;font-size:clamp(90px,10vw,170px);line-height:1;transform:rotate(-3deg)}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.introcard .goal{font-family:var(--display);background:var(--cream);border:5px solid var(--ink);box-shadow:var(--drop);animation:rise .5s .25s var(--ease-pop) both;border-radius:24px;padding:14px 28px 10px;font-size:38px}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.controls{animation:rise .5s .4s var(--ease-pop) both;gap:26px;display:flex}.control .key{-webkit-text-stroke:0}.control{font-family:var(--display);color:var(--white);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;flex-direction:column;align-items:center;gap:8px;font-size:22px;display:flex}.lineup{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.group{background:var(--cream);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);animation:lineup .52s var(--ease-pop) both;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex}@keyframes lineup{0%{opacity:0;transform:translateY(80px)rotate(10deg)}}.group .vs{font-family:var(--display);color:var(--pink)}.ring{--p:0;background:conic-gradient(var(--teal) calc(var(--p) * 1turn), #ffffffd9 0);border:5px solid var(--ink);width:96px;height:96px;font-family:var(--display);box-shadow:0 6px 0 var(--ink);border-radius:50%;place-items:center;font-size:40px;display:grid}.countdown{place-items:center;display:grid;position:absolute;inset:0}.countdown .n{font-family:var(--display);color:var(--sun);-webkit-text-stroke:16px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 16px 0 var(--ink));animation:count 1s var(--ease-pop) both;font-size:260px}.countdown .n.go{color:var(--teal);font-size:300px}.picks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.pick{font:inherit;text-align:left;color:var(--ink);background:var(--white);border:4px solid var(--ink);border-left-width:14px;border-left-color:var(--c,var(--ink));box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .12s var(--ease-pop);border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-size:18px;display:flex}.pick:hover{transform:translateY(-2px)}.pick.on{background:var(--sun);transform:rotate(-1deg)scale(1.03)}.pick .muted{margin-left:auto;font-size:15px;font-weight:700}.grace{font-family:var(--display);border:4px solid var(--ink);background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--ink);pointer-events:none;border-radius:999px;padding:8px 22px 4px;font-size:30px;animation:1s ease-in-out infinite alternate grace-bob;position:absolute;top:132px;left:50%;transform:translate(-50%)rotate(-1.5deg)}@keyframes grace-bob{to{transform:translate(-50%)rotate(1.5deg)translateY(-4px)}}@keyframes count{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.7)}}.stat{background:var(--cream);border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:22px;flex-direction:column;align-items:center;min-width:140px;padding:6px 22px 4px;display:flex}.stat .v{font-family:var(--display);font-size:54px;line-height:1}.stat .k{letter-spacing:2px;text-transform:uppercase;opacity:.7;font-size:15px;font-weight:800}.stat.warn .v{color:#e0115f;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.feed{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.feed div{background:var(--ink);color:var(--cream);animation:pop-in .32s var(--ease-pop) both;border-radius:14px;padding:6px 14px;font-weight:800}.inter{align-items:stretch;gap:30px;padding:40px 48px}.inter .left{flex-direction:column;flex:1.2;gap:26px;min-width:0;display:flex}.inter .right{flex-direction:column;flex:1;gap:26px;display:flex}.inter .reveal-strip{display:none}.inter.strip{justify-content:center;align-items:flex-end}.inter.strip .left,.inter.strip .right{display:none}.inter.strip .reveal-strip{animation:strip-in .42s var(--ease-pop) both;align-items:center;gap:18px;padding:12px 18px;display:flex}.inter .reveal-strip .w{font-family:var(--display);align-items:center;gap:10px;font-size:26px;display:flex}@keyframes strip-in{0%{transform:translateY(120%)}}.placements{flex-direction:column;gap:10px;display:flex}.place{background:var(--white);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:slidein .45s var(--ease-pop) both;border-radius:18px;align-items:center;gap:14px;padding:8px 14px;display:flex}.place.first{background:var(--sun)}@keyframes slidein{0%{opacity:0;transform:translate(-60px)}}.place .pos{font-family:var(--display);width:64px;font-size:34px}.place .nm{font-family:var(--display);flex:1;font-size:28px}.place .st{opacity:.7;font-weight:700}.place .pts{font-family:var(--display);color:var(--pink-deep);text-align:right;min-width:80px;font-size:34px}.awards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.award{background:var(--violet);color:var(--white);border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink);animation:rise .5s var(--ease-pop) both;border-radius:22px;padding:16px;transform:rotate(-1.5deg)}.award:nth-child(2){background:var(--coral);transform:rotate(1.5deg)}.award .t{font-family:var(--display);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:30px}.award .w{align-items:center;gap:10px;margin-top:8px;font-size:22px;font-weight:800;display:flex}.board{flex-direction:column;gap:6px;display:flex}.board .row{border-radius:12px;align-items:center;gap:12px;padding:4px 10px;font-size:22px;font-weight:800;display:flex}.board .row:nth-child(odd){background:#1b12400f}.board .row .r{font-family:var(--display);width:42px}.board .row .n{flex:1}.board .row .s{font-family:var(--display);font-size:26px}.nextup{--c:var(--pink);background:var(--c);border:5px solid var(--ink);box-shadow:var(--drop);border-radius:22px;align-items:center;gap:18px;padding:14px 20px;display:flex}.nextup .g{font-size:54px}.nextup .nm{font-family:var(--display);color:var(--white);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:42px}.podium{flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;padding:26px 26px 104px}.podium .title{font-family:var(--display);color:var(--sun);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 10px 0 var(--ink));white-space:nowrap;font-size:96px;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(-2deg)}.podium .bottom{align-items:flex-end;gap:24px;width:min(1500px,96vw);display:flex}.podium .bottom .panel{flex:1}.podium .buttons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.builder{align-items:stretch;gap:24px;padding:34px 40px}.builder .side{flex-direction:column;gap:20px;width:520px;display:flex}.builder .cats{width:0;height:0;position:absolute;top:50%;left:50%}.catbtn{--c:var(--teal);border:5px solid var(--ink);background:var(--cream);width:92px;height:92px;box-shadow:0 7px 0 var(--ink);cursor:pointer;transition:transform .18s var(--ease-pop);pointer-events:auto;border-radius:50%;place-items:center;margin:-46px 0 0 -46px;font-size:34px;display:grid;position:absolute}.catbtn span{font-family:var(--display);color:var(--white);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:18px;position:absolute;bottom:-30px}.catbtn:hover{transform:translateY(-4px)scale(1.06)}.catbtn[aria-pressed=true]{background:var(--c);transform:scale(1.14)rotate(-6deg)}.cycler{align-items:center;gap:14px;display:flex}.cycler .val{text-align:center;font-family:var(--display);background:var(--white);border:5px solid var(--ink);border-radius:20px;flex:1;padding:10px 6px 6px;font-size:34px;box-shadow:inset 0 6px #1b124014}.cycler .val small{font-family:var(--body);opacity:.6;font-size:16px;font-weight:800;display:block}.optgrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:28vh;padding:4px;display:grid;overflow-y:auto}.opt{appearance:none;border:4px solid var(--ink);background:var(--white);font-family:var(--display);cursor:pointer;border-radius:14px;min-height:56px;padding:8px 4px 6px;font-size:16px}.opt[aria-pressed=true]{background:var(--pink);color:var(--white)}.emotepick{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.emotepick button{font-size:30px}.sharecode{word-break:break-all;background:var(--white);border:4px solid var(--ink);border-radius:14px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:16px;font-weight:700}#toasts{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{font-family:var(--display);background:var(--ink);color:var(--white);border:4px solid var(--white);animation:toast 3.6s var(--ease-pop) both;border-radius:999px;padding:10px 26px 6px;font-size:26px;box-shadow:0 7px #1b124080}.toast.pink{background:var(--pink)}.toast.teal{background:var(--teal);color:var(--ink)}@keyframes toast{0%{opacity:0;transform:translateY(-40px)scale(.8)}10%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.emote{background:var(--white);border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);pointer-events:none;z-index:3;will-change:transform;border-radius:26px 26px 26px 6px;padding:4px 12px;font-size:56px;position:fixed;top:0;left:0}.settings{pointer-events:auto;width:420px;animation:screen-in .26s var(--ease-pop) both;z-index:4;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:110px;right:26px}.fixed-tools{z-index:4;gap:12px;display:flex;position:fixed;bottom:26px;right:26px}.banner{background:var(--sun);border:4px solid var(--ink);font-family:var(--display);box-shadow:0 6px 0 var(--ink);z-index:6;border-radius:18px;padding:10px 20px 6px;font-size:24px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.center{text-align:center;justify-content:center;align-items:center}.center .panel{flex-direction:column;align-items:center;gap:18px;max-width:760px;display:flex}.spinner{width:70px;height:90px;animation:1s linear infinite spin-bean}@keyframes spin-bean{to{transform:rotate(360deg)}}.dev-overlay{z-index:10;color:#e9fffd;border:2px solid var(--teal);pointer-events:none;background:#0a061ed1;border-radius:10px;min-width:150px;padding:8px 12px;font:600 14px/1.45 ui-monospace,monospace;position:fixed;bottom:10px;left:10px}.dev-overlay b{color:var(--sun)}.dev-overlay .ok{color:var(--teal);font-style:normal}.dev-overlay .bad{color:var(--pink);font-style:normal}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){html,body{font-size:17px}.landing,.create,.inter{padding:24px}.landing .col{width:100%}.create,.inter{flex-direction:column;overflow-y:auto}.hud .tl{width:280px}.console{width:330px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.no-motion *,.no-motion :before,.no-motion :after{transition:none!important;animation:none!important}.landing,.builder .side{pointer-events:auto;overflow-y:auto}.builder .side{margin-top:-26px;padding-top:26px}.landing{pointer-events:none}.landing .col{pointer-events:auto}@media (max-height:820px){.logo{font-size:clamp(48px,9vh,96px)}.landing{padding:24px 40px}.landing .col{gap:16px}.panel{padding:22px 24px}.landing .tag{font-size:24px}.landing .actions .btn{padding:12px 16px 10px;font-size:30px}.swatches{gap:4px}.swatch{border-width:3px;border-radius:9px}.input{padding:8px 14px 6px;font-size:28px}.builder{padding:20px 24px}.builder .side{gap:14px;width:440px}.btn.huge{padding:14px 26px 11px;font-size:32px}.catbtn{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:26px}}