@font-face{font-family:Outfit;src:url(/outfit-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#f5f1db;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#f5f1db;--yellow:#f6d66c;--muted:#a6b5a5;background:#172721;font-family:Outfit,Trebuchet MS,sans-serif;font-weight:500}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:380px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #f6d66c}button:disabled{opacity:.55;cursor:wait}button{transition:transform .15s,background .15s}button:active{transform:translateY(2px)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{z-index:5;justify-content:space-between;align-items:center;height:100px;padding:0 5.5%;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:17px;font-weight:850;display:flex}.brand-dot{color:var(--yellow);margin-left:-8px}.mini-crown{color:var(--yellow);font-size:34px;transform:rotate(-12deg)}.top-actions{align-items:center;gap:12px;display:flex}.party-label{letter-spacing:.16em;color:#bbc5ac;margin-right:20px;font-size:10px;font-weight:650}.icon-button{background:#233a2d99;border:1px solid #ffffff24;border-radius:50%;width:36px;height:36px;font-size:19px}.icon-button:hover{background:#49613e}.home{z-index:2;width:350px;position:absolute;top:50%;left:8%;transform:translateY(-47%)}.eyebrow{letter-spacing:.2em;color:#d3dcc0;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.eyebrow>span{background:var(--yellow);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-.085em;width:max-content;margin:24px 0;font-size:91px;font-weight:900;line-height:.88;position:relative}h1>span{color:var(--yellow);transform-origin:0;margin-top:7px;display:inline-block;transform:rotate(-5deg)}h1>i{color:var(--yellow);font-size:62px;font-style:normal;position:absolute;top:-35px;right:-24px;transform:rotate(20deg)}.tagline{color:#d5dec6;letter-spacing:-.02em;margin:0 0 30px;font-size:18px}#entry{flex-direction:column;gap:10px;display:flex}input{color:var(--cream);background:#0f211b99;border:1px solid #cbd6bb40;border-radius:11px;min-width:0;height:48px;padding:0 17px}input::placeholder{color:#b0bda6}.primary{background:var(--yellow);color:#283b2a;letter-spacing:-.02em;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 20px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px #8d773b}.primary:hover{background:#ffe68a;transform:translateY(-2px)}.primary>span{font-size:25px;font-weight:500}.join-row{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.join-row input{letter-spacing:.14em;border-style:dashed;width:140px;height:40px;font-size:11px}.text-button{color:#d8e1c6;background:0 0;padding:7px 0;font-size:13px;font-weight:650}.text-button:hover{color:var(--yellow)}.text-button>span{margin-left:10px}.small-note{letter-spacing:.17em;color:#8fa18d;margin-top:23px;font-size:9px}.error{color:#ffc6c6;margin:10px 0 0;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:13px}.connection,.toast{color:#294030;z-index:20;background:#f5f1db;border-radius:30px;padding:12px 22px;font-size:13px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0003}.connection{top:95px}.toast{text-align:center;max-width:90%;bottom:90px}.pop{animation:.28s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lobby{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:105px 0 75px}.room-pill{pointer-events:auto;background:#10241dc9;border:1px solid #f5f1db25;border-radius:40px;align-items:center;gap:14px;padding:7px 19px;display:flex}.room-pill>span{color:#a2b799;letter-spacing:.15em;font-size:9px}.room-pill>strong{letter-spacing:.15em;color:var(--yellow);font-size:18px}.room-pill button{border-left:1px solid #ffffff24;margin-left:8px;padding-left:18px}.lobby-bottom{text-align:center;pointer-events:auto;background:#172721ed;border:1px solid #acbc9526;border-radius:16px;min-width:360px;padding:16px 22px}.seats{justify-content:center;gap:12px;display:flex}.seat{color:#adbaa6;align-items:center;gap:7px;font-size:12px;display:flex}.seat.filled{color:var(--cream)}.seat i{border:1px dashed #adbaa655;border-radius:6px;width:14px;height:14px;display:block}.seat.filled i{border:none;box-shadow:0 2px #0003}.objective{color:#bfcdb1;margin:16px 0;font-size:13px}.objective b{color:#f9e392}.lobby .primary{height:48px;font-size:14px}.controls{color:#aebda3;justify-content:center;align-items:center;gap:25px;font-size:11px;display:flex;position:fixed;inset:auto 4% 24px}.controls>span{white-space:nowrap}.controls kbd{color:#e5e8d0;border:1px solid #bac5a844;border-radius:4px;margin-right:5px;padding:4px 6px;font-family:inherit;font-size:10px}.controls button{color:#92a38b;margin-left:10px;font-size:11px}.hud{pointer-events:none;width:min(550px,90%);position:fixed;top:102px;left:50%;transform:translate(-50%)}.scores{justify-content:center;gap:12px;display:flex}.score{background:#10251dca;border:1px solid #adc09a25;border-radius:13px;flex:1;grid-template-columns:1fr auto;column-gap:8px;min-width:0;padding:12px 15px 10px;transition:border-color .2s;display:grid;position:relative}.score.crowned{border-color:var(--yellow);box-shadow:0 0 25px #f6d66c12}.score.crowned:after{content:"♛";color:var(--yellow);font-size:26px;position:absolute;top:-19px;right:8px;transform:rotate(13deg)}.score-name{color:var(--player);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.score b{font-variant-numeric:tabular-nums;font-size:12px}.score-track{background:#8d9c7d28;border-radius:4px;grid-column:span 2;height:4px;margin-top:9px;overflow:hidden}.score-track i{background:var(--player);height:100%;transition:width .12s;display:block}.score.disconnected{opacity:.4}.round-meta{letter-spacing:.12em;color:#c2d1b0;justify-content:space-between;padding:13px 6px;font-size:10px;display:flex}#clock{font-variant-numeric:tabular-nums}.announcement{z-index:4;text-align:center;pointer-events:none;text-shadow:0 3px 25px #122e21;flex-direction:column;align-items:center;width:85%;display:flex;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}.announcement>span{letter-spacing:.14em;color:#f7f3dc;font-size:12px;font-weight:750}.announcement>strong{letter-spacing:-.06em;color:var(--yellow);overflow-wrap:anywhere;max-width:100%;font-size:clamp(56px,8vw,110px);font-weight:900;line-height:1.2}.announcement>span:last-child{letter-spacing:0;margin-top:8px;font-size:13px;font-weight:500}.touch{display:none}@media (max-width:699px){.touch{pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:auto 6% 45px}.touch button,#joystick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#joystick{background:#a5bd8b12;border:2px solid #abc38f2e;border-radius:50%;place-items:center;width:116px;height:116px;display:grid}#stick-knob{background:#e1e4bf38;border:1px solid #d6ddae50;border-radius:50%;width:55px;height:55px;box-shadow:0 5px #0002}.touch-actions{grid-template-columns:48px 66px;align-items:center;gap:10px;display:grid}.touch-actions button{background:#a5bd8b20;border:1px solid #d6ddae40;border-radius:50%;font-size:10px;font-weight:800;box-shadow:0 4px #0002}.touch-actions .grab{background:var(--yellow);color:#233c2e;border:0;grid-area:1/2/3;width:75px;height:75px;font-size:12px}.touch-actions .dash{color:#dde4c6;width:48px;height:48px}.touch-actions .honk{justify-self:center;width:40px;height:40px;font-size:18px}.touch-actions .cooldown{opacity:.4}}@media (pointer:coarse) and (min-width:700px){.touch{pointer-events:none;touch-action:none;justify-content:space-between;display:flex;position:fixed;inset:auto 30px 30px}.touch button,#joystick{pointer-events:auto;touch-action:none}#joystick{background:#abc38f15;border:2px solid #abc38f40;border-radius:50%;place-items:center;width:110px;height:110px;display:grid}#stick-knob{background:#abc38f50;border-radius:50%;width:55px;height:55px}.touch-actions{align-items:center;gap:14px;display:flex}.touch-actions button{background:#334a36;border-radius:50%;width:64px;height:64px;font-size:11px}.touch-actions .grab{background:var(--yellow);color:#172721;width:80px;height:80px}.controls>span{display:none}.controls{bottom:8px}}@media (min-width:700px) and (max-height:740px){.home{transform-origin:0;transform:translateY(-42%)scale(.86)}.lobby{top:85px;bottom:60px}.lobby-bottom{padding-top:0}.topbar{height:80px}.hud{top:83px}.controls{bottom:17px}}@media (max-width:900px){.controls{gap:12px;font-size:10px}.controls kbd{font-size:9px}.home{width:310px;left:6%}h1{font-size:82px}.party-label{display:none}}@media (max-width:699px){.topbar{height:72px;padding:0 6%}.brand{gap:7px;font-size:13px}.mini-crown{font-size:27px}.top-actions{gap:8px}.icon-button{width:31px;height:31px;font-size:16px}.home{width:84%;top:auto;bottom:36px;left:8%;transform:none}.eyebrow{letter-spacing:.15em;font-size:8px}h1{margin:14px 0 13px;font-size:57px;line-height:.89}h1>br{display:none}h1>span{margin-left:12px}h1>i{font-size:34px;top:-14px;right:-16px}.tagline{margin-bottom:21px;font-size:15px}#entry{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}#entry input{width:100%;height:48px;padding:0 12px;font-size:13px}#entry .primary{height:48px;padding:0 14px;font-size:13px}.join-row{margin-top:16px}.small-note{margin-top:16px;font-size:8px}.lobby{top:85px;bottom:115px}.room-pill{gap:9px;padding:7px 14px}.room-pill>strong{font-size:16px}.room-pill button{margin-left:0;padding-left:12px;font-size:11px}.lobby-bottom{width:100%;min-width:0;padding:15px 8% 0}.seats{gap:15px}.seat{max-width:31%;font-size:11px}.seat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat i{flex-shrink:0;width:12px;height:12px}.controls{pointer-events:none;justify-content:flex-end;bottom:22px}.controls>span{display:none}.controls button{pointer-events:auto;font-size:12px}.hud{width:90%;top:85px}.scores{gap:7px}.score{padding:9px 10px}.score-name,.score b{font-size:11px}.round-meta{padding-top:11px;font-size:9px}.announcement{top:40%}.announcement>strong{font-size:65px}.announcement>span{font-size:10px}.connection{top:75px}.toast{bottom:180px}dialog{padding:30px}dialog h2{font-size:38px}}@media (max-width:699px) and (max-height:690px){.home{bottom:20px}h1{font-size:46px}.home .eyebrow,.small-note{display:none}.lobby{bottom:105px}.objective{margin:10px 0}.touch{bottom:30px}#joystick{width:95px;height:95px}.controls{bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.abilities{gap:9px;display:flex}.abilities button{touch-action:none;background:#304333d9;border:1px solid #cad5b32a;border-radius:10px;place-items:center;gap:2px;width:54px;height:56px;padding:5px;display:grid;position:relative}.abilities b{font-size:23px;line-height:1}.abilities kbd{border:0;margin:0;padding:0;font-size:8px}.abilities .cooldown{opacity:.45}.abilities .empty{opacity:.3}.lobby .primary{margin-top:16px}.touch-actions .item{background:#394c34;grid-area:2/3;width:45px;height:45px}.touch-actions .item b{font-size:23px}.touch-actions{grid-template-columns:45px 66px 45px}.touch-actions .grab{grid-column:2/4;justify-self:center}.touch-actions .honk{grid-area:1/1}.touch-actions .dash{grid-area:2/1}.touch-actions .grab{font-size:26px}.touch-actions .dash{font-size:25px}.touch-actions .honk{font-size:20px}@media (max-width:699px){.abilities{display:none}.home h1{margin-bottom:30px}.lobby-bottom{padding:14px 20px}.controls #leave{font-size:23px}.touch-actions{grid-template-columns:50px 80px;gap:10px}.touch-actions .grab{grid-area:1/2;width:75px;height:75px}.touch-actions .item{grid-area:2/2;justify-self:center;width:48px;height:48px}}@media (max-width:350px){#joystick{width:90px;height:90px}.touch-actions{grid-template-columns:45px 70px;gap:8px}.touch-actions .grab{width:66px;height:66px}}