:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f1e4;font-synthesis:none;--muted:#a6aec5;--mint:#9aebd3;--line:#ffffff16;--peach:#f8c893;background:#0c1122;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{transition:background .18s,transform .18s,border-color .18s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}.hidden{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:90px;margin:auto;padding:0 55px;display:flex}.brand{letter-spacing:1.6px;align-items:center;gap:12px;font-size:14px;font-weight:850;display:flex}.brand img{width:31px;image-rendering:pixelated}.brand-light{color:#aebcd3;font-weight:450}.header-right{align-items:center;gap:13px;display:flex}.edition{letter-spacing:2px;color:#9ca6bd;margin-right:24px;font-size:10px}.icon-button{color:#b6bfd3;background:0 0;border:1px solid #ffffff1c;border-radius:50%;width:34px;height:34px;font-size:18px}.icon-button:hover{background:#ffffff0c}main{max-width:1440px;margin:auto;padding:30px 55px 0}.home{background:#141d42;border:1px solid #ffffff12;border-radius:14px;min-height:650px;position:relative;overflow:hidden}.home-art{background-image:linear-gradient(90deg,#111a32ed 0%,#141b3ac9 35%,#121c3b24 68%),linear-gradient(0deg,#0b182d50,transparent 25%),var(--hero);image-rendering:pixelated;background-position:50%;background-size:cover;position:absolute;inset:0}.home-copy{max-width:615px;padding:53px 48px 34px;position:relative}.eyebrow{letter-spacing:2.1px;color:var(--mint);margin:0 0 24px;font-size:10px;font-weight:650;line-height:1.8}.live-dot{background:var(--mint);vertical-align:middle;border-radius:100%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #9aebd366}.title-lockup{align-items:flex-start;display:flex;position:relative}.title-lockup h1{letter-spacing:-5px;text-shadow:3px 4px #4f5787;margin:0;font-family:ui-monospace,Courier New,monospace;font-size:77px;font-weight:950;line-height:.97}.title-lockup h1 span{color:#a6efdb;letter-spacing:1px;text-shadow:3px 4px #377b86;font-size:94px}.title-bubble{width:66px;image-rendering:pixelated;animation:4s ease-in-out infinite float;position:absolute;top:39px;left:363px}.subtitle{letter-spacing:1.4px;color:var(--peach);margin:18px 0 22px;font-family:Georgia,serif;font-size:17px;font-style:italic}.intro{color:#bec9dd;margin-bottom:27px;font-size:14px;font-weight:400;line-height:1.8}.home-actions{max-width:425px}.primary,.secondary{letter-spacing:1.1px;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:51px;padding:13px 19px;font-size:11px;font-weight:750;display:flex}.primary{color:#172b34;background:#a4ebd6;border:1px solid #d5fff0;width:100%;box-shadow:0 4px #4d9a91}.primary:hover{background:#bcf9e6}.primary span:last-child{margin-left:auto;font-size:19px}.primary span:first-child{font-size:13px}.secondary{color:#e1e9f0;background:#1c2943b3;border:1px solid #7d91b74a}.secondary:hover{background:#2b3b56;border-color:#a4ebd699}.duo-actions{grid-template-columns:.85fr 1.25fr;gap:10px;margin-top:15px;display:grid}.duo-actions .secondary{letter-spacing:.5px;padding:13px 10px;font-size:10px}.duo-actions span{color:var(--peach);font-size:19px}.help-button{color:#becada;background:0 0;border:0;margin:17px auto 24px;padding:7px 14px;font-size:12px;display:block}.help-button span{color:var(--mint);margin-left:12px}.home-meta{letter-spacing:1px;color:#8e9cb7;border-top:1px solid #ffffff13;gap:35px;max-width:425px;padding-top:20px;font-size:8px;display:flex}.home-meta b{color:#d5ddee;letter-spacing:1px;margin-bottom:5px;font-size:13px;font-weight:650;display:block}.art-caption{letter-spacing:2px;background:#0d173e99;border-radius:4px;padding:10px;font-size:8px;position:absolute;bottom:25px;right:29px}.art-caption .live-dot{width:4px;height:4px}.journey-strip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 8px;display:flex}.journey-strip>div{align-items:center;gap:16px;display:flex}.strip-symbol{color:#dcbf91;font-size:28px}.journey-strip b{font-size:12px;font-weight:600;display:block}.journey-strip small{color:#8a95ae;margin-top:5px;font-size:10px;display:block}.world-dots{gap:9px!important}.world-dots span{color:#68758f;border:1px solid #ffffff18;border-radius:5px;place-items:center;width:28px;height:30px;font-family:monospace;font-size:10px;display:grid}.world-dots .unlocked{color:var(--mint);background:#91e2c917;border-color:#89d3bf77}footer{color:#707e99;letter-spacing:1.4px;justify-content:space-between;max-width:1440px;margin:auto;padding:27px 55px 30px;font-size:8px;display:flex}footer i{color:#c3ac8d;margin:0 9px;font-style:normal}.form-page{background:radial-gradient(at 65% 15%,#2a385944,#0000 65%);min-height:690px;padding-bottom:25px}.back-button{color:#9eafc8;background:0 0;border:0;padding:8px 0;font-size:12px}.panel{background:#141e32;border:1px solid #ffffff14;border-radius:13px;max-width:510px;margin:25px auto 0;padding:35px 39px;animation:.3s appear;box-shadow:0 25px 70px #0003}.panel .eyebrow{margin-bottom:10px}.panel h1{letter-spacing:-.8px;margin:8px 0 17px;font-size:30px;line-height:1.2}.panel h2{margin:24px 0 8px;font-size:16px}.panel-intro{color:#a9b8cd;margin-bottom:25px;font-size:13px;line-height:1.7}form{flex-direction:column;gap:19px;display:flex}label{color:#d2dceb;flex-direction:column;gap:9px;font-size:12px;font-weight:550;display:flex}label small{color:#7f90a9;font-size:10px;font-weight:400;display:inline}input{color:#f5f1e6;background:#0d1628;border:1px solid #3b4862;border-radius:6px;width:100%;padding:13px 14px;font-size:14px}input::placeholder{color:#65758f}input:focus{border-color:var(--mint)}input[type=range]{accent-color:var(--mint);padding:0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--mint)}.switch-label{flex-direction:row;justify-content:space-between;align-items:center}.fine-print{color:#8a9bb6;margin:0;font-size:11px;line-height:1.7}.offline-note{color:#9aafc3;text-align:center;margin-top:25px;font-size:10px}.code-input{text-transform:uppercase;letter-spacing:8px;font-family:monospace;font-size:25px}.room-code{text-align:center;letter-spacing:9px;color:var(--mint);margin:10px 0 17px;font-family:monospace;font-size:43px}.copy-button{min-height:35px;margin:0 auto;padding:8px 16px;font-size:11px}.waiting-players{justify-content:center;gap:14px;margin:28px 0;display:flex}.waiting-players>div{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.waiting-players b{overflow-wrap:anywhere}.waiting-players small{color:#98a9c2;font-size:10px}.avatar{width:50px;height:50px;color:var(--mint);background:#7cdecb20;border:1px solid #99e8d466;border-radius:12px;place-items:center;font-size:25px;display:grid}.avatar.orange{color:var(--peach);background:#f5c99811;border-color:#f5c99855}.avatar.empty{color:#6a7c9b;background:0 0;border-style:dashed}.waiting-count{color:var(--peach);justify-content:center;align-items:center;gap:12px;margin:15px 0;font-size:13px;display:flex}.spinner{border:2px solid #9aebd333;border-top-color:var(--mint);border-radius:50%;width:18px;height:18px;animation:1s linear infinite rotate;display:inline-block}.help-steps p{color:#a8b8cf;margin:20px 0;font-size:12px;line-height:1.7}.help-steps b{color:#e2e9e5;margin-bottom:5px;font-size:14px;display:block}.keys-guide{color:#b3c4d2;flex-wrap:wrap;gap:13px;margin:22px 0;font-size:11px;display:flex}kbd{color:var(--mint);background:#202e46;border:1px solid #425270;border-bottom-width:3px;border-radius:4px;padding:3px 5px;font-family:monospace;font-size:11px;display:inline-block}.bonus-guide{color:#dec9a7;margin:18px 0;font-size:11px;line-height:1.8}.help-steps~.primary{margin-top:22px}.bindings{grid-template-columns:1fr 1fr;gap:9px;display:grid}.binding{letter-spacing:0;justify-content:space-between;padding:10px;font-size:11px}.toast{color:#e1f7e9;z-index:30;background:#23384b;border:1px solid #93dfc055;border-radius:8px;width:max-content;max-width:90vw;padding:15px 24px;font-size:13px;line-height:1.5;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0008}.game{max-width:1080px;margin:auto}.hud{justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:12px 0 20px;display:flex}.hud small{color:#899ab7;letter-spacing:1.5px;margin-bottom:6px;font-size:8px;display:block}.hud-level b{font-size:20px;font-weight:650}.hud-players{gap:36px;display:flex}.hud-player{color:#a4e7d7;flex-direction:column;gap:4px;min-width:80px;font-size:12px;display:flex}.hud-player b{font-weight:550}.hud-player.amber{color:#f1c28e}.hud-player>span:last-child{color:#cdd7e8;font:13px monospace}.hearts{color:#ee9cae;letter-spacing:2px;font-size:12px}.hud-total{text-align:right}.hud-total b{color:var(--peach);font:22px monospace;display:block}.hud-total>span{color:#9cabbe;margin-top:4px;font-size:9px;display:block}.canvas-wrap{background:#18293e;border:1px solid #697e9e44;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 12px 70px #0005}canvas{width:100%;image-rendering:pixelated;aspect-ratio:8/5;display:block;outline:none!important}.game-bottom{color:#a2b7ca;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-size:10px;display:flex}.small-button{color:#cbd9e9;background:#17253b;border:1px solid #ffffff16;border-radius:5px;padding:9px 13px;font-size:11px}.game-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071126b8;justify-content:center;align-items:center;padding:15px;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;background:#142138e8;border:1px solid #8fb9bd33;border-radius:10px;width:400px;max-width:100%;padding:29px;box-shadow:0 10px 50px #0005}.overlay-card h2{margin:8px 0 17px;font-size:28px}.overlay-card p{color:#a9bdd0;font-size:12px;line-height:1.7}.overlay-card .primary,.overlay-card .secondary{width:100%;margin-top:14px}.overlay-card .eyebrow{letter-spacing:1.2px;color:var(--mint);font-size:8px}.ending-symbol{color:var(--peach);font-size:40px}.final-score small{color:#a0b6ca;letter-spacing:2px;margin-top:20px;font-size:9px;display:block}.final-score strong{color:var(--mint);margin:7px;font:38px monospace;display:block}.touch-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;gap:15px;padding:9px 0 20px;display:none}.touch-controls>div{gap:9px;display:flex}.touch-controls button{color:#c2f2df;touch-action:none;background:#263d59;border:1px solid #77c4bf55;border-radius:12px;width:55px;height:52px;font-size:22px}.touch-controls button.pressed{background:#4c7790;transform:scale(.96)}.touch-controls .touch-attack{color:#15283d;background:#559389;width:70px}.menu{animation:.25s appear}@keyframes float{50%{transform:translateY(-9px)rotate(6deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){.home{min-height:700px}.home-copy{padding-top:70px}.home-art{background-position:50% 58%}.home-meta{margin-top:34px}}@media (pointer:coarse),(max-width:800px){.touch-controls{display:flex}}@media (max-width:1050px){.site-header{padding:0 27px}main{padding:24px 27px 0}footer{padding:24px 27px}.home-copy{padding:44px 31px}.home-art{background-position:60%}.home{min-height:645px}.world-dots{gap:5px!important}.world-dots span{width:23px}.journey-strip{gap:20px}.title-lockup h1{font-size:69px}.title-lockup h1 span{font-size:84px}.title-bubble{width:55px;left:330px}.hud-level b{font-size:16px}.hud-players{gap:18px}}@media (max-width:700px){.site-header{height:67px;padding:0 18px}.brand{letter-spacing:1px;gap:7px;font-size:11px}.brand img{width:25px}.header-right{gap:8px}.edition{display:none}main{padding:16px 14px 0}.home{min-height:760px}.home-art{background-position:65% bottom;background-size:auto 100%;background-image:linear-gradient(180deg,#111a32e8 0%,#111a32da 43%,#111a3250 72%,#111a3200),var(--hero)}.home-copy{padding:30px 24px}.eyebrow{letter-spacing:1.25px;margin-bottom:24px;font-size:8px}.title-lockup h1{letter-spacing:-3px;font-size:53px}.title-lockup h1 span{letter-spacing:0;font-size:67px}.title-bubble{width:44px;top:25px;left:257px}.subtitle{margin:16px 0;font-size:14px}.intro{margin-bottom:25px;font-size:12px}.home-actions{max-width:100%}.home-meta{gap:24px;margin-top:10px}.art-caption{font-size:7px;bottom:15px;right:15px}.journey-strip{padding:21px 8px;display:block}.world-dots{justify-content:space-between;margin-top:20px}.world-dots span{width:26px}.journey-strip b{font-size:11px}footer{flex-direction:column;gap:12px;padding:24px 20px;font-size:7px;line-height:2}.form-page{min-height:600px}.panel{margin-top:20px;padding:27px 22px}.panel h1{font-size:27px}.hud{flex-wrap:wrap;gap:10px;padding:7px 3px 12px}.hud-level{justify-content:space-between;align-items:center;width:100%;display:flex}.hud-level small{margin:0}.hud-level b{font-size:14px}.hud-total b{font-size:19px}.hud-players{gap:20px}.hud-player{min-width:60px;font-size:11px}.game-bottom{font-size:9px}.game-bottom span{max-width:65%;line-height:1.6}.small-button{padding:8px;font-size:9px}.game-overlay{padding:8px}.overlay-card{width:330px;padding:14px}.overlay-card h2{margin:5px;font-size:20px}.overlay-card p{margin:8px;font-size:10px}.overlay-card .primary,.overlay-card .secondary{min-height:35px;margin-top:8px;padding:7px;font-size:9px}.ending-symbol{display:none}.final-score small{margin-top:10px;font-size:8px}.final-score strong{margin:5px;font-size:25px}.ending .eyebrow{display:none}.room-code{letter-spacing:7px;font-size:38px}.toast{padding:12px 17px;font-size:11px;bottom:15px}.bindings{grid-template-columns:1fr}.game .hud small{font-size:7px}}@media (max-width:390px){.home-copy{padding-left:18px;padding-right:18px}.title-lockup h1{font-size:47px}.title-lockup h1 span{font-size:59px}.title-bubble{width:38px;left:229px}.duo-actions .secondary{font-size:8px}.touch-controls button{width:45px;height:48px}.touch-controls .touch-attack{width:55px}.home-meta{font-size:7px}.overlay-card p.fine-print{display:none}}@media (max-height:600px) and (orientation:landscape){.site-header{display:none}body:has(.game:not(.hidden)) footer{display:none}body:has(.game:not(.hidden)) main{padding-top:0}.game{max-width:760px}.canvas-wrap{max-height:66vh}.canvas-wrap canvas{width:auto;height:66vh;margin:auto}.hud{min-height:40px;padding:5px}.hud-level{width:auto}.hud-player{flex-direction:row;gap:7px}.game-bottom{display:none}.touch-controls{pointer-events:none;padding:0;position:fixed;bottom:8px;left:15px;right:15px}.touch-controls button{pointer-events:auto;opacity:.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
