:root{--rausch:#ff385c;--rausch-active:#e00b41;--canvas:#fff;--surface-soft:#f7f7f7;--surface-strong:#f2f2f2;--hairline:#ddd;--hairline-soft:#ebebeb;--ink:#222;--muted:#6a6a6a;--shadow:#00000005 0 0 0 1px, #0000000a 0 2px 6px 0, #0000001a 0 4px 8px 0;--r-sm:8px;--r-md:14px;--r-xl:32px;--r-full:9999px;--s-xs:4px;--s-sm:8px;--s-md:12px;--s-base:16px;--s-lg:24px;--s-xl:32px;--s-xxl:48px;--s-section:64px;--font:"Inter", Circular, -apple-system, system-ui, Roboto, "Helvetica Neue", sans-serif;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body[data-zone=world]{overscroll-behavior:none;background:#0f1222;overflow:hidden}button{font-family:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.site{flex-direction:column;min-height:100dvh;display:flex}.gn-nav{height:80px;padding:0 max(var(--s-xl), calc((100vw - 1280px) / 2 + var(--s-xl)));border-bottom:1px solid var(--hairline-soft);align-items:center;display:flex}.gn-brand{align-items:center;gap:var(--s-sm);color:var(--rausch);letter-spacing:-.5px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.gn-mark{width:32px;height:32px;transition:transform .4s var(--ease)}.gn-brand:hover .gn-mark{transform:rotate(-12deg)scale(1.06)}.gn-main{width:100%;max-width:1280px;padding:0 var(--s-xl);flex:1;margin:0 auto}.gn-hero{padding:var(--s-section) 0 var(--s-xxl);text-align:center;animation:rise .6s var(--ease) both}.gn-h1{margin:0 0 var(--s-xs);font-size:28px;font-weight:700;line-height:1.43}.gn-lede{margin:0 0 var(--s-lg);color:var(--muted);font-size:16px;line-height:1.5}.gn-search{align-items:center;gap:var(--s-md);max-width:680px;height:64px;padding:0 var(--s-sm) 0 var(--s-lg);border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--canvas);box-shadow:var(--shadow);text-align:left;transition:border-color .2s var(--ease);margin:0 auto;display:flex;position:relative}.gn-search:focus-within{border-color:var(--ink)}.gn-search.nudge{animation:nudge .4s var(--ease)}.gn-search-icon{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex:none}.gn-query{min-width:0;height:100%;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.gn-query::placeholder{color:var(--muted)}.gn-query::-webkit-search-cancel-button{display:none}.gn-orb{border-radius:var(--r-full);background:var(--rausch);cursor:pointer;width:48px;height:48px;transition:background .2s var(--ease);border:none;flex:none;place-items:center;display:grid}.gn-orb svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .25s var(--ease)}.gn-orb:hover svg{transform:translate(2px)}.gn-orb:active{background:var(--rausch-active)}.gn-suggest{z-index:10;top:calc(100% + var(--s-sm));padding:var(--s-sm);border-radius:var(--r-xl);background:var(--canvas);box-shadow:var(--shadow);animation:drop .2s var(--ease);position:absolute;left:0;right:0}.gn-suggest[hidden]{display:none}.gn-suggest-row{align-items:center;gap:var(--s-md);width:100%;padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);color:var(--ink);text-align:left;cursor:pointer;transition:background .15s var(--ease);background:0 0;border:none;display:flex}.gn-suggest-row:hover{background:var(--surface-soft)}.gn-suggest-icon{border-radius:var(--r-sm);background:var(--surface-strong);flex:none;place-items:center;width:48px;height:48px;display:grid}.gn-suggest-icon.join{background:#ffe8ec}.gn-suggest-icon svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gn-suggest-icon.join svg{stroke:var(--rausch)}.gn-suggest-text{flex-direction:column;display:flex}.gn-suggest-text b{font-size:16px;font-weight:500}.gn-suggest-text small{color:var(--muted);font-size:14px}.gn-library{padding-bottom:var(--s-section);animation:rise .6s .1s var(--ease) both}.gn-lib-head{justify-content:space-between;align-items:baseline;gap:var(--s-base);margin-bottom:var(--s-base);display:flex}.gn-h2{letter-spacing:-.44px;margin:0;font-size:22px;font-weight:500;line-height:1.18}.gn-lib-count{color:var(--muted);font-size:14px}.gn-grid{gap:var(--s-lg) var(--s-base);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gn-card{cursor:pointer;border-radius:var(--r-md);outline-offset:4px;animation:rise .5s var(--ease) both}.gn-card:nth-child(2){animation-delay:50ms}.gn-card:nth-child(3){animation-delay:.1s}.gn-card:nth-child(4){animation-delay:.15s}.gn-card.hide{display:none}.gn-card.nudge{animation:nudge .4s var(--ease)}.gn-photo{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-soft);transition:box-shadow .25s var(--ease);position:relative;overflow:hidden}.gn-card:hover .gn-photo{box-shadow:var(--shadow)}.gn-art,.gn-demo{width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.gn-card:hover .gn-art,.gn-card:hover .gn-demo{transform:scale(1.04)}.gn-art>svg{width:100%;height:100%;display:block}.gn-demo{background:linear-gradient(#9fd8ff,#e9f8ff);place-items:center;padding:8%;display:grid}.gn-demo[data-map=dunes]{background:linear-gradient(#ffc98a,#fff1dc)}.gn-demo[data-map=glacier]{background:linear-gradient(#bcd8ff,#f2f8ff)}.gn-demo[data-map=neon]{background:linear-gradient(#0b0d1d,#2a1c55)}.gn-badge{top:var(--s-md);left:var(--s-md);border-radius:var(--r-full);background:var(--canvas);box-shadow:var(--shadow);align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.18;display:inline-flex;position:absolute}.gn-badge.live i{background:var(--rausch);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite live}.gn-meta{padding-top:var(--s-md)}.gn-meta h3{margin:0;font-size:16px;font-weight:600;line-height:1.25}.gn-meta p{color:var(--muted);margin:2px 0 0;font-size:14px;line-height:1.43}.gn-card.soon .gn-art{filter:saturate(.8)}.gn-empty{padding:var(--s-xxl) 0;text-align:center;color:var(--muted)}.soon-art .cy{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;animation:3.2s linear infinite draw}.soon-art .cy.a{stroke:#7af7ff}.soon-art .cy.b{stroke:#ff3dd8;animation-delay:-1.2s}.soon-art .tx{stroke:var(--rausch);stroke-width:5px;stroke-linecap:round;stroke-dasharray:40;animation:3s ease-in-out infinite draw}.soon-art .x2{animation-delay:-1s}.soon-art .to{fill:none;stroke:#222;stroke-width:4.5px;stroke-dasharray:42;animation:3s ease-in-out -2s infinite draw}.soon-art .dd{fill:none;stroke:#222;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:180;animation:3.6s ease-in-out infinite draw}.gn-footer{justify-content:space-between;gap:var(--s-sm);padding:var(--s-lg) max(var(--s-xl), calc((100vw - 1280px) / 2 + var(--s-xl)));border-top:1px solid var(--hairline-soft);color:var(--muted);flex-wrap:wrap;font-size:13px;display:flex}.gn-toast{left:50%;bottom:var(--s-xl);max-width:calc(100vw - 32px);padding:var(--s-md) var(--s-lg);border-radius:var(--r-sm);background:var(--ink);color:#fff;z-index:40;font-size:14px;position:fixed;transform:translate(-50%)}.gn-toast.in{animation:toast-up .3s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}@keyframes toast-up{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes live{50%{opacity:.3;transform:scale(.7)}}@keyframes draw{0%{stroke-dashoffset:180px}60%,to{stroke-dashoffset:0}}@keyframes nudge{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (width<=1128px){.gn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=743px){.gn-nav{height:64px;padding:0 var(--s-base)}.gn-main{padding:0 var(--s-base)}.gn-hero{padding:var(--s-xl) 0 var(--s-xl)}.gn-h1{font-size:24px}.gn-search{height:56px;padding-left:var(--s-base)}.gn-orb{width:42px;height:42px}.gn-grid{grid-template-columns:1fr}.gn-footer{padding:var(--s-lg) var(--s-base)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --sky-a{syntax:"<color>";inherits:true;initial-value:#9fd8ff}@property --sky-b{syntax:"<color>";inherits:true;initial-value:#e9f8ff}.world{--w-ink:#1d2340;--w-muted:#5d6585;--w-card:#ffffffeb;--w-line:#1d23401a;--w-primary:#ff8a1f;--w-primary-2:#ffb547;--w-primary-edge:#d96500;--w-accent:#5b6cff;--w-radius:22px;--w-shadow:0 10px 30px #1d234029;--display:"Fredoka", "Nunito", system-ui, sans-serif;--text:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--smooth:cubic-bezier(.2, .8, .2, 1);font-family:var(--text);color:var(--w-ink);background:linear-gradient(180deg, var(--sky-a), var(--sky-b));-webkit-font-smoothing:antialiased;transition:--sky-a .9s,--sky-b .9s;position:fixed;inset:0;overflow:hidden auto}.world h1,.world h2,.world h3{font-family:var(--display);margin:0}.sky{pointer-events:none;position:fixed;inset:0;overflow:hidden}.cloud{color:#ffffffd9;transition:color .9s;animation:linear infinite drift;position:absolute}.cloud svg{width:100%;display:block}.cloud.c1{width:180px;animation-duration:70s;animation-delay:-10s;top:8%}.cloud.c2{width:120px;animation-duration:55s;animation-delay:-40s;top:22%}.cloud.c3{opacity:.7;width:220px;animation-duration:90s;animation-delay:-60s;top:62%}.cloud.c4{opacity:.6;width:140px;animation-duration:65s;animation-delay:-5s;top:80%}@keyframes drift{0%{transform:translate(-260px)}to{transform:translate(calc(100vw + 260px))}}.stars{opacity:0;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 30% 70%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 55% 30%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 75% 15%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 85% 60%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 45% 85%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 92% 88%,#fff 50%,#0000 51%);transition:opacity .9s;animation:3s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.world.night .stars{opacity:1}.world.night .cloud{color:#786ec840}.world.night{--w-card:#1c1e3ae6;--w-ink:#f1f0ff;--w-muted:#b3b0d8;--w-line:#ffffff1f}@keyframes twinkle{to{opacity:.55}}.w-top{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 20px;display:grid;position:relative}.w-top-center{text-align:center}.w-top-right{justify-self:end}.w-title{color:var(--w-ink);animation:pop-in .5s var(--spring) both;font-size:26px;font-weight:700}.w-back,.w-pill{background:var(--w-card);height:42px;color:var(--w-ink);font-family:var(--display);cursor:pointer;transition:transform .2s var(--spring), box-shadow .2s;border:none;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:0 16px 0 12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px #1d23401f}.w-pill{padding:0 16px}.w-back:hover,.w-pill:hover{transform:translateY(-2px);box-shadow:0 6px #1d23401f}.w-back:active,.w-pill:active{transform:translateY(2px);box-shadow:0 1px #1d23401f}.w-back-arrow{transition:transform .2s var(--spring);font-size:24px;line-height:1}.w-back:hover .w-back-arrow{transform:translate(-3px)}.wbtn{--face:#fff;--edge:#c9cee0;--ink:var(--w-ink,#1d2340);background:var(--face);min-width:170px;height:58px;color:var(--ink);font-family:var(--display);letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 0 var(--edge), 0 12px 22px #1d23402e;transition:transform .18s var(--spring), box-shadow .18s, filter .2s;border:none;border-radius:18px;padding:0 28px;font-size:20px;font-weight:600;position:relative;overflow:hidden}.wbtn span{z-index:1;position:relative}.wbtn:after{content:"";width:40%;transition:left .6s var(--smooth);background:linear-gradient(100deg,#0000,#ffffff8c,#0000);position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.wbtn:hover{box-shadow:0 9px 0 var(--edge), 0 16px 26px #1d234033;transform:translateY(-3px)}.wbtn:hover:after{left:130%}.wbtn:active{box-shadow:0 2px 0 var(--edge), 0 6px 12px #1d234033;transform:translateY(4px)scale(.98)}.wbtn:disabled{filter:grayscale(.6)opacity(.55);cursor:not-allowed;transform:none}.wbtn.primary{--face:linear-gradient(180deg, var(--w-primary-2), var(--w-primary));--edge:var(--w-primary-edge);--ink:#fff;text-shadow:0 2px #963c0059}.wbtn.secondary{--face:#fff;--edge:#c9cee0;--ink:#1d2340}.wbtn.ghost{--face:transparent;--edge:transparent;box-shadow:none;min-width:0}.wbtn.ghost:hover{box-shadow:none;background:#fff3}.wbtn.big{min-width:220px;height:64px;font-size:22px}.wbtn.small{border-radius:14px;min-width:0;height:46px;font-size:16px}.w-landing-main{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100% - 74px);padding:0 16px 40px;display:flex;position:relative}.w-logo{font-family:var(--display);color:#fff;letter-spacing:2px;text-shadow:0 4px #ff8a1f,0 8px #d96500,0 16px 24px #1d234040;white-space:nowrap;font-size:clamp(48px,9vw,96px);font-weight:700;line-height:1}.w-logo span{animation:letter-in .7s var(--spring) both, letter-wave 4s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms), calc(1s + var(--i) * .12s);display:inline-block}.w-logo .sp{width:.35em}@keyframes letter-in{0%{opacity:0;transform:translateY(-60px)scale(.6)rotate(-12deg)}}@keyframes letter-wave{0%,70%,to{transform:none}80%{transform:translateY(-10px)rotate(-4deg)}90%{transform:translateY(0)rotate(2deg)}}.w-tag{color:var(--w-ink);opacity:.8;animation:fade-up .6s .5s var(--smooth) both;margin:18px 0 8px;font-size:18px;font-weight:700}.w-demo-wrap{width:min(640px,92vw);animation:fade-up .8s .3s var(--smooth) both;position:relative}.w-demo{animation:6s ease-in-out infinite hover-float}.w-demo-cast{justify-content:center;gap:10px;margin-top:-6px;display:flex}.w-demo-cast .cast{width:40px;height:40px;animation:2.4s ease-in-out infinite cast-hop;animation-delay:calc(var(--i) * .18s);transition:transform .2s var(--spring);display:block}.w-demo-cast .cast:hover{transform:scale(1.3)rotate(-8deg)}.w-demo-cast svg{width:100%;height:100%}@keyframes cast-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@keyframes hover-float{50%{transform:translateY(-10px)}}.w-cta{animation:fade-up .6s .7s var(--smooth) both;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:26px;display:flex}.lg-demo{width:100%;height:auto;display:block;overflow:visible}.lg-demo .tp{fill:var(--top)}.lg-demo .tl{fill:var(--l)}.lg-demo .tr{fill:var(--r)}.lg-demo .lift{transition:transform .35s var(--spring)}.lg-demo .tp,.lg-demo .tl,.lg-demo .tr{transition:fill .25s}.lg-demo-board{transition:opacity .6s ease, transform .6s var(--spring)}.lg-demo-board.fade{opacity:0;transform:translateY(14px)scale(.97)}.lg-demo-shadow{fill:#1d23402e}.lg-demo-char-shadow{fill:#0000002e}.lg-demo-char .bob{animation:.36s ease-in-out infinite alternate char-bob}.lg-demo-char .flip{transform-box:fill-box;transform-origin:50%;transition:transform .15s}.lg-demo-char.gone{opacity:0}.lg-demo-char.spawn .bob{animation:spawn-pop .5s var(--spring), char-bob .36s .5s ease-in-out infinite alternate}.lg-demo-name{text-anchor:middle;fill:#fff;paint-order:stroke;stroke:#1d234099;stroke-width:2.5px;font-family:Fredoka,sans-serif;font-size:8px;font-weight:600}.lg-demo-burst rect{animation:.7s ease-out forwards burst}@keyframes char-bob{to{transform:translateY(-2.5px)}}@keyframes spawn-pop{0%{transform:scale(0)}}@keyframes burst{to{transform:translate(var(--dx), var(--dy)) rotate(180deg) scale(.2);opacity:0}}.char-svg .eyes,.toast-avatar .eyes{transform-box:fill-box;transform-origin:50%;animation:4s infinite blink}.char-svg .wing{transform-box:fill-box;transform-origin:top;animation:1.6s ease-in-out infinite flap}.char-svg .antenna{animation:1.8s ease-in-out infinite glow}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes flap{50%{transform:rotate(14deg)}}@keyframes glow{50%{fill:#fff3b0}}.w-modal{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f122273;place-items:center;padding:16px;animation:.25s fade-in;display:grid;position:fixed;inset:0}.w-modal[hidden]{display:none}.w-modal-card{color:#1d2340;text-align:left;width:min(460px,100%);box-shadow:var(--w-shadow);animation:pop-in .45s var(--spring);background:#fff;border-radius:28px;padding:28px}.w-modal-card h2{margin-bottom:16px;font-size:30px}.how-steps{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.how-steps li{animation:fade-up .5s var(--smooth) both;animation-delay:calc(.15s + var(--i) * .1s);align-items:flex-start;gap:14px;display:flex}.how-steps p{color:#5d6585;margin:2px 0 0}.how-num{color:#fff;width:36px;height:36px;font-family:var(--display);background:linear-gradient(#ffb547,#ff8a1f);border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid;box-shadow:0 3px #d96500}.how-controls{color:#5d6585;margin:0 0 18px}.w-card{border-radius:var(--w-radius);background:var(--w-card);box-shadow:var(--w-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:card-in .6s var(--spring) both;animation-delay:calc(80ms + var(--i,0) * 80ms);padding:22px;position:relative}.w-card h2{align-items:center;gap:10px;margin-bottom:14px;font-size:22px;font-weight:700;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.96)}}.w-badge,.w-count{font-family:var(--text);color:var(--w-accent);letter-spacing:.3px;text-transform:uppercase;background:#5b6cff24;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.w-sub,.w-note{color:var(--w-muted);margin:-6px 0 14px;font-size:14px}.w-note{margin:12px 0 0}.w-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.w-field>span,.w-setting>span{color:var(--w-muted);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:800}.w-input{border:2px solid var(--w-line);color:#1d2340;height:50px;font:700 18px var(--text);transition:border-color .2s, transform .2s var(--spring), box-shadow .2s;background:#ffffffd9;border-radius:14px;outline:none;padding:0 16px}.w-input:focus{border-color:var(--w-accent);transform:scale(1.01);box-shadow:0 0 0 4px #5b6cff2e}.w-setting{border-top:1px solid var(--w-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.w-setting:first-of-type{border-top:none}.w-seg{background:#1d23400f;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;display:inline-flex}.w-seg button{height:34px;color:var(--w-muted);font:700 14px var(--text);cursor:pointer;transition:background .2s, color .2s, transform .2s var(--spring);background:0 0;border:none;border-radius:10px;padding:0 12px;position:relative}.w-seg button:hover{color:var(--w-ink);transform:translateY(-1px)}.w-seg button.on{color:#1d2340;animation:seg-pick .35s var(--spring);background:#fff;box-shadow:0 2px #1d23401f}@keyframes seg-pick{50%{transform:scale(1.08)}}.w-stepper{align-items:center;gap:6px;display:inline-flex}.w-stepper button{color:#1d2340;width:36px;height:36px;font:700 20px var(--display);cursor:pointer;transition:transform .15s var(--spring);background:#fff;border:none;border-radius:12px;box-shadow:0 3px #1d234026}.w-stepper button:active{box-shadow:none;transform:translateY(3px)}.w-stepper output{text-align:center;min-width:32px;font:700 22px var(--display)}.w-stepper output.bump{animation:bump .35s var(--spring)}.w-stepper.nope{animation:.35s shake-x}@keyframes bump{50%{color:var(--w-accent);transform:scale(1.4)}}.w-switch{flex:none;width:56px;height:32px;position:relative}.w-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.w-switch span{background:#1d23402e;border-radius:999px;transition:background .25s;position:absolute;inset:0}.w-switch span:after{content:"";width:24px;height:24px;transition:transform .3s var(--spring);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0003}.w-switch input:checked+span{background:#3ccf7a}.w-switch input:checked+span:after{transform:translate(24px)}.w-code{background:var(--w-card);height:46px;color:var(--w-ink);cursor:pointer;transition:transform .2s var(--spring);border:none;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 16px;display:inline-flex;box-shadow:0 4px #1d23401f}.w-code:hover{transform:translateY(-2px)rotate(-1deg)}.w-code-label{text-transform:uppercase;color:var(--w-muted);font-size:11px;font-weight:800}.w-code-value{font:700 20px var(--display);letter-spacing:1.5px}.w-code-icon{background:var(--w-accent);border-radius:50%;place-items:center;width:32px;height:32px;transition:background .3s;display:grid}.w-code-icon svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.w-code-icon .check{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .35s}.w-code-icon .copy{transition:opacity .2s}.w-code.copied .w-code-icon{background:#3ccf7a}.w-code.copied .check{stroke-dashoffset:0}.w-code.copied .copy{opacity:0}.room-grid{z-index:2;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:20px;max-width:1180px;margin:0 auto;padding:4px 20px 120px;display:grid;position:relative}.room-side{grid-template-columns:1fr 1fr;align-content:start;gap:20px;display:grid}.room-side .maps{grid-column:1/-1}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.map-card{color:#1d2340;text-align:left;cursor:pointer;transition:transform .3s var(--spring), border-color .2s, box-shadow .3s;background:#ffffffbf;border:3px solid #0000;border-radius:18px;flex-direction:column;gap:4px;padding:8px 8px 12px;display:flex;position:relative}.map-card:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 10px 20px #1d234026}.map-card.on{border-color:var(--w-accent);box-shadow:0 0 0 4px #5b6cff33}.map-thumb{border-radius:12px;width:100%;display:block}.map-thumb-island{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--spring)}.map-card:hover .map-thumb-island,.map-card.on .map-thumb-island{transform:translateY(-3px)scale(1.04)}.map-name{font:700 16px var(--display);padding:4px 4px 0}.map-blurb{color:#5d6585;padding:0 4px;font-size:12px;line-height:1.3}.map-check{background:var(--w-accent);color:#fff;width:28px;height:28px;transition:transform .35s var(--spring);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:0;right:0;transform:translate(30%,-30%)scale(0)}.map-card.on .map-check{transform:translate(30%,-30%)scale(1)}.slots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot{border-left:5px solid var(--c);color:#1d2340;background:#ffffffb3;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.slot.enter{animation:slot-in .45s var(--spring) both;animation-delay:calc(var(--i) * 40ms)}@keyframes slot-in{0%{opacity:0;transform:translate(-24px)scale(.95)}}.slot-avatar{background:color-mix(in srgb, var(--c) 18%, white);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.slot-avatar svg{width:34px;height:34px;transition:transform .3s var(--spring)}.slot:hover .slot-avatar svg{transform:rotate(-10deg)scale(1.12)}.slot-text{flex-direction:column;flex:1;min-width:0;display:flex}.slot-text b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.slot-text small{color:#5d6585;font-size:12px}.w-tag-chip{text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.w-tag-chip.host{color:#8a5a00;background:#fff1c2}.w-tag-chip.bot{color:#5d6585;background:#1d234014}.reroll{color:#1d2340;cursor:pointer;width:30px;height:30px;transition:transform .4s var(--spring);background:#1d234014;border:none;border-radius:10px;font-size:16px}.reroll:hover{transform:rotate(180deg)}.slot-ready{color:#fff;width:24px;height:24px;animation:pop-in .4s .2s var(--spring) both;background:#3ccf7a;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.room-start{z-index:6;animation:fade-up .6s .4s var(--smooth) both;background:linear-gradient(#0000,#ffffff8c 40%);justify-content:center;align-items:center;gap:24px;padding:14px 20px 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.world.night .room-start{background:linear-gradient(#0000,#0f1024b3 40%)}.start-summary{flex-wrap:wrap;gap:8px;display:flex}.start-summary span{background:var(--w-card);color:var(--w-ink);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}.start-summary .sum-map{background:var(--w-accent);color:#fff}.room-start .start{animation:2.4s ease-in-out infinite start-breathe}@keyframes start-breathe{50%{box-shadow:0 6px 0 var(--w-primary-edge), 0 12px 30px #ff8a1f8c}}.cp-stage{cursor:grab;background:radial-gradient(at 50% 70%,#ffffffb3,#0000 70%);border-radius:18px;height:250px;position:relative}.cp-stage:active{cursor:grabbing}.stage-canvas{width:100%;height:100%;display:block}.cp-arrow{z-index:1;color:#1d2340;width:44px;height:44px;font:700 28px/1 var(--display);cursor:pointer;transition:transform .2s var(--spring);background:#fff;border:none;border-radius:50%;margin-top:-22px;position:absolute;top:50%;box-shadow:0 4px #1d234026}.cp-arrow.prev{left:4px}.cp-arrow.next{right:4px}.cp-arrow:hover{transform:scale(1.12)}.cp-arrow:active{transform:scale(.92)}.cp-hint{color:var(--w-muted);opacity:.7;pointer-events:none;font-size:12px;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.cp-info{text-align:center;min-height:52px;margin:6px 0 12px}.cp-name{font-size:26px;font-weight:700}.cp-tag{color:var(--w-muted);margin:2px 0 0;font-weight:700}.cp-name.swap,.cp-tag.swap{animation:swap-in .4s var(--spring)}@keyframes swap-in{0%{opacity:0;transform:translateY(10px)}}.cp-chips{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.cp-chip{aspect-ratio:1;cursor:pointer;transition:transform .25s var(--spring), border-color .2s;background:#ffffffbf;border:3px solid #0000;border-radius:14px;padding:4px}.cp-chip svg{width:100%;height:100%}.cp-chip:hover{transform:translateY(-3px)rotate(-6deg)}.cp-chip.on{border-color:var(--w-accent);animation:chip-bounce .5s var(--spring)}@keyframes chip-bounce{40%{transform:translateY(-8px)scale(1.1)}}.join-grid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:20px;max-width:960px;margin:0 auto;padding:4px 20px 40px;display:grid;position:relative}.code-boxes{align-items:center;gap:10px;margin-bottom:18px;display:flex}.code-prefix{font:700 28px var(--display);color:var(--w-muted)}.code-box{border:3px solid var(--w-line);color:#1d2340;text-align:center;text-transform:uppercase;width:62px;height:74px;font:700 36px var(--display);transition:border-color .2s, transform .2s var(--spring);background:#ffffffe6;border-radius:18px;outline:none;box-shadow:0 4px #1d23401a}.code-box:focus{border-color:var(--w-accent);transform:translateY(-3px)}.code-box.filled{border-color:#5b6cff80}.code-box.pop{animation:bump .3s var(--spring)}.code-card .go{width:100%}.join-status{animation:card-in .4s var(--spring);background:#5b6cff1a;border-radius:16px;margin-top:16px;padding:14px 16px;font-weight:700}.join-status.nope{color:#6b4500;background:#fff4e0}.join-status.nope p{margin:6px 0 12px;font-weight:600}.dots{vertical-align:middle;gap:4px;margin-right:8px;display:inline-flex}.dots i{background:var(--w-accent);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:.5;transform:translateY(-6px)}}.game{-webkit-user-select:none;user-select:none;overflow:hidden}.game-view{touch-action:none;cursor:crosshair;position:absolute;inset:0}.game-canvas{width:100%;height:100%;display:block}.game.shake .game-view{animation:.4s shake}@keyframes shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.hud{pointer-events:none;font-family:var(--display);position:absolute;inset:0}.hud-tl{animation:slide-in-l .6s var(--spring) both;flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;left:16px}.hud-timer{color:#1d2340;font-variant-numeric:tabular-nums;background:#ffffffeb;border-radius:16px;align-items:center;gap:8px;width:fit-content;padding:6px 16px 6px 12px;font-size:26px;font-weight:700;display:inline-flex;box-shadow:0 4px #1d234026}.hud-timer svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}.hud-timer.urgent{color:#e5383b}.hud-timer.tick{animation:bump .4s var(--spring)}.hud-me{color:#1d2340;background:#ffffffeb;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;width:210px;padding:10px 14px 12px 10px;display:grid;box-shadow:0 4px #1d234026}.hud-me-avatar{grid-row:1/span 2;width:48px;height:48px}.hud-me-avatar svg{width:100%;height:100%}.hud-me-text small{font-family:var(--text);text-transform:uppercase;color:#5d6585;font-size:11px;font-weight:800;display:block}.hud-me-text b{font-variant-numeric:tabular-nums;font-size:28px;line-height:1}.hud-me-bar{background:#1d23401a;border-radius:99px;height:8px;overflow:hidden}.hud-me-bar i{border-radius:99px;width:0;height:100%;display:block}.hud-board{color:#1d2340;width:230px;animation:slide-in-r .6s var(--spring) both;background:#ffffffeb;border-radius:18px;margin:0;padding:8px;list-style:none;position:absolute;top:16px;right:16px;box-shadow:0 4px #1d234026}.hud-board li{border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:5px 6px 8px;transition:opacity .3s;display:grid;position:relative}.hud-board li.me{background:color-mix(in srgb, var(--c) 14%, white)}.hud-board li.dead{opacity:.4}.hud-board li.dead .b-name{text-decoration:line-through}.b-avatar svg{width:30px;height:30px;display:block}.b-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.b-pct{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.b-bar{background:#1d234012;border-radius:9px;height:3px;position:absolute;bottom:3px;left:44px;right:8px}.b-bar i{background:var(--c);width:0;height:100%;transition:width .5s var(--smooth);border-radius:9px;display:block}.hud-hint{color:#5d6585;font-family:var(--text);animation:fade-up .6s .5s var(--smooth) both;background:#fffc;border-radius:14px;padding:10px 14px;font-size:13px;position:absolute;bottom:16px;left:16px}.hud-hint b{color:#1d2340}.touch-hint{display:none}@media (pointer:coarse){.mouse-hint{display:none}.touch-hint{display:inline}}.hud-center{white-space:nowrap;color:#fff;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-center.big{text-shadow:0 6px #ff8a1f,0 12px #d96500,0 20px 30px #1d234059;font-size:clamp(80px,16vw,150px)}.hud-center.small{background:#1d2340bf;border-radius:18px;padding:10px 22px;font-size:30px}.hud-center.in{animation:count-in .6s var(--spring)}@keyframes count-in{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)rotate(-8deg)}}.hud-toasts{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{color:#fff;font-family:var(--text);box-shadow:inset 0 0 0 3px var(--c);animation:toast-in .45s var(--spring);background:#1d2340e6;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:15px;font-weight:700;transition:opacity .4s,transform .4s;display:flex}.toast.out{opacity:0;transform:translateY(-10px)scale(.95)}.toast-avatar{background:#fff;border-radius:50%;width:32px;height:32px;padding:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.8)}}.floater{color:#fff;text-shadow:0 3px 0 var(--c), 0 6px 14px #0000004d;animation:float-up 1.2s var(--smooth) forwards;font-size:30px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}20%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.hud-fps{font-family:var(--text);color:#1d2340;background:#ffffffb3;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800;position:absolute;bottom:80px;right:16px}.game-buttons{z-index:2;animation:fade-up .6s .5s var(--smooth) both;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.g-btn{color:#1d2340;cursor:pointer;width:52px;height:52px;transition:transform .2s var(--spring);background:#ffffffeb;border:none;border-radius:16px;place-items:center;display:grid;box-shadow:0 4px #1d234026}.g-btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.g-btn:hover{transform:translateY(-3px)}.g-btn:active{box-shadow:none;transform:translateY(3px)}.g-btn.on{background:var(--w-accent);color:#fff}.overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f122273;place-items:center;padding:16px;animation:.3s fade-in;display:grid;position:absolute;inset:0;overflow:auto}.overlay[hidden]{display:none}.w-panel{color:#1d2340;width:min(520px,100%);box-shadow:var(--w-shadow);animation:pop-in .5s var(--spring);background:#fff;border-radius:28px;padding:24px}.pause-panel{text-align:center;width:min(360px,100%)}.pause-panel h2{margin-bottom:18px;font-size:36px}.pause-actions{gap:14px;display:grid}.pause-actions .wbtn{width:100%}.results{text-align:center}.podium{background:linear-gradient(180deg, var(--sky-a), var(--sky-b));border-radius:20px;height:220px;margin:-8px -8px 4px}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:#5d6585;margin:0;font-size:13px;font-weight:800}.results-title{animation:pop-in .6s .2s var(--spring) both;margin:2px 0 14px;font-size:40px}.results-list{text-align:left;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:grid}.results-list li{animation:slot-in .45s var(--spring) both;animation-delay:calc(.3s + var(--i) * 70ms);background:#f5f6fb;border-radius:14px;grid-template-columns:28px 36px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.results-list li.me{background:color-mix(in srgb, var(--c) 16%, white);box-shadow:inset 0 0 0 2px var(--c)}.r-rank{font:700 20px var(--display);text-align:center}.r-avatar svg{width:36px;height:36px;display:block}.r-name{font:600 17px var(--display)}.r-stat{flex-direction:column;align-items:flex-end;min-width:56px;display:flex}.r-stat b{font-family:var(--display);font-size:17px}.r-stat small{color:#5d6585;text-transform:uppercase;font-size:11px;font-weight:800}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.results-actions .wbtn{min-width:140px;height:52px;font-size:18px}.results-actions .wbtn.ghost{color:#5d6585}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);width:10px;height:16px;animation:confetti var(--t) var(--d) linear forwards;border-radius:3px;position:absolute}@keyframes confetti{to{transform:translateY(110vh) rotate(var(--r))}}.portal{z-index:100;place-items:center;display:grid;position:fixed;overflow:hidden}.portal-label{color:#fff;letter-spacing:2px;text-shadow:0 4px #ff8a1f,0 8px #d96500;font-family:Fredoka,sans-serif;font-size:clamp(36px,8vw,80px);font-weight:700;animation:.7s cubic-bezier(.34,1.56,.64,1) .25s both portal-label}@keyframes portal-label{0%{opacity:0;transform:scale(.4)}}.warp{z-index:100;background:repeating-linear-gradient(45deg, #ffffff1f 0 18px, transparent 18px 36px), var(--warp);place-items:center;display:grid;position:fixed;inset:0}.warp-label{color:#fff;text-shadow:0 4px #1d234040;font-family:Fredoka,sans-serif;font-size:clamp(28px,6vw,56px);font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both portal-label}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in-l{0%{opacity:0;transform:translate(-40px)}}@keyframes slide-in-r{0%{opacity:0;transform:translate(40px)}}@keyframes shake-x{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=1000px){.room-grid{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.room-side,.join-grid{grid-template-columns:1fr}.w-top{grid-template-columns:auto 1fr auto;padding:12px 16px}.w-title{font-size:20px}.w-code-label{display:none}.room-start{flex-direction:column;gap:10px}.start-summary{justify-content:center}.room-grid{padding-bottom:180px}.hud-board{width:160px}.hud-board li{grid-template-columns:24px 1fr auto}.b-avatar svg{width:24px;height:24px}.b-name,.b-pct{font-size:13px}.hud-me{width:160px}.hud-me-text b{font-size:22px}.hud-me-avatar{width:38px;height:38px}.hud-hint{display:none}.code-box{width:52px;height:64px}.wbtn{min-width:150px}}@media (prefers-reduced-motion:reduce){.cloud,.w-demo,.w-logo span,.w-demo-cast .cast,.room-start .start{animation:none!important}}.reroll.kick{font-size:13px}.reroll.kick:hover{color:#c73a3a;background:#ff505029;transform:none}.w-status{background:var(--w-card);height:38px;color:var(--w-ink);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px #1d23401f}.w-status i{background:#9aa1b8;border-radius:50%;width:10px;height:10px}.w-status.online i{background:#3ccf7a;animation:1.8s ease-out infinite ping-dot;box-shadow:0 0 #3ccf7a99}.w-status.connecting i{background:#ffb547;animation:.9s ease-in-out infinite dot}@keyframes ping-dot{to{box-shadow:0 0 0 10px #3ccf7a00}}.invite-code{background:#5b6cff0f;border:2px dashed #5b6cff59;border-radius:18px;flex-direction:column;align-items:center;margin-bottom:12px;padding:12px;display:flex}.invite-code.pending{opacity:.55}.invite-label{text-transform:uppercase;letter-spacing:.6px;color:var(--w-muted);font-size:12px;font-weight:800}.invite-value{font:700 38px var(--display);letter-spacing:4px;color:var(--w-ink);animation:pop-in .5s var(--spring)}.invite-actions{gap:10px;display:flex}.invite-actions .wbtn{flex:1}.wbtn.done{--face:#3ccf7a;--edge:#24a35a;--ink:#fff}.bots-row{border-top:1px solid var(--w-line);color:var(--w-muted);text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:13px;font-weight:800;display:flex}.slot-tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.w-tag-chip.you{color:var(--w-accent);background:#5b6cff26}.slot.offline{opacity:.5}.slot-wait{justify-content:center;gap:3px;width:24px;display:inline-flex}.slot-wait i{background:#9aa1b8;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite dot}.slot-wait i:nth-child(2){animation-delay:.15s}.slot-wait i:nth-child(3){animation-delay:.3s}.w-value{background:#1d23400f;border-radius:10px;padding:6px 12px;font-weight:800}.map-card.readonly{cursor:default}.map-card.readonly:not(.on){opacity:.45;filter:grayscale(.4)}.map-card.readonly:hover{box-shadow:none;transform:none}.start-action{flex-direction:column;align-items:center;gap:6px;display:flex}.start-why{color:var(--w-ink);opacity:.75;font-size:13px;font-weight:800}.room-start .start:disabled{animation:none}.results-wait{color:#5d6585;align-items:center;gap:4px;margin:0;font-weight:800;display:flex}.pause-note{color:#5d6585;margin:-8px 0 16px;font-weight:700}.join-retry{flex-wrap:wrap;gap:8px;display:flex}.join-status.nope .wbtn.ghost{color:#6b4500}.joy{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.joy[hidden]{display:none}.joy:before{content:"";width:100px;height:100px;animation:pop-in .2s var(--spring);background:#1d23401f;border:3px solid #ffffffd9;border-radius:50%;position:absolute;top:-50px;left:-50px}.joy i{background:#fffffff2;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px;box-shadow:0 4px 10px #1d234040}.world{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.world button,.world a{touch-action:manipulation}.world.game{padding:0}.game-buttons{bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right))}@media (width<=760px){.w-landing-main{justify-content:flex-start;padding-top:12px}.w-logo{font-size:clamp(40px,13vw,64px)}.w-tag{margin-top:12px;font-size:15px}.w-demo-cast .cast{width:30px;height:30px}.w-cta{width:100%;padding:0 8px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:14px}.w-cta .wbtn{width:100%}.w-top-right .w-pill{padding:0 12px;font-size:14px}.w-status{height:34px;padding:0 10px;font-size:12px}.w-card{border-radius:18px;padding:16px}.w-card h2{font-size:19px}.cp-stage{height:200px}.cp-name{font-size:22px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w-setting{flex-direction:column;align-items:stretch;gap:8px}.w-seg{justify-content:stretch}.w-seg button{flex:1}.room-grid,.join-grid{gap:14px;padding:4px 12px 200px}.join-grid{padding-bottom:40px}.room-start{padding-bottom:max(14px, env(safe-area-inset-bottom))}.room-start .wbtn.big{width:min(100%,420px);height:58px}.start-summary span{font-size:12px}.invite-value{font-size:32px}.code-boxes{gap:6px}.code-prefix{font-size:22px}.code-box{width:54px;height:64px;font-size:30px}.w-panel{border-radius:22px;padding:18px}.results-title{font-size:30px}.podium{height:170px}.results-list li{grid-template-columns:22px 30px 1fr auto auto;gap:6px;padding:5px 8px}.r-avatar svg{width:30px;height:30px}.r-name{font-size:15px}.r-stat{min-width:44px}.results-actions .wbtn{flex:1;min-width:0}.hud-tl{top:max(10px, env(safe-area-inset-top));gap:6px;left:10px}.hud-timer{border-radius:12px;padding:4px 10px 4px 8px;font-size:18px}.hud-timer svg{width:16px;height:16px}.hud-me{border-radius:14px;width:132px;padding:6px 10px 8px 6px}.hud-me-avatar{width:32px;height:32px}.hud-me-text b{font-size:18px}.hud-me-text small{font-size:9px}.hud-board{top:max(10px, env(safe-area-inset-top));border-radius:14px;width:138px;padding:4px;right:10px}.hud-board li{grid-template-columns:20px 1fr auto;gap:5px;padding:3px 4px 6px}.hud-board li:nth-child(n+4):not(.me){display:none}.b-avatar svg{width:20px;height:20px}.b-name,.b-pct{font-size:12px}.b-bar{left:30px}.hud-toasts{top:auto;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);width:calc(100% - 24px)}.toast{font-size:13px}.toast-avatar{width:26px;height:26px}.hud-center.small{font-size:20px}.floater{font-size:24px}.g-btn{border-radius:14px;width:46px;height:46px}}@media (height<=480px) and (orientation:landscape){.hud-hint,.hud-me-bar,.hud-board li:nth-child(n+4):not(.me){display:none}.w-landing-main{padding-top:0}.w-logo{font-size:40px}.w-demo-wrap{width:min(360px,60vw)}.w-cta{flex-direction:row;margin-top:10px}.w-cta .wbtn{width:auto}}.hud-ping{font-family:var(--text);color:#fff;background:#9aa1b8;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:800}.hud-ping.good{background:#3ccf7a}.hud-ping.ok{background:#ffb547}.hud-ping.bad{background:#e5383b}