@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-SemiBold.ttf)format("truetype");font-display:swap;font-weight:600}:root{color:#eee7d9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#79e2e8;--amber:#f7b564;--muted:#b5c3c3;background:#142832;font-family:Barlow,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:#303633;border:1px solid #64716c;border-radius:4px;min-height:44px;padding:10px 16px}button:hover{background:#414b45}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input,select{color:#eee7d9;background:#242a27;border:1px solid #64716c;border-radius:4px;width:100%;min-height:44px;padding:10px 12px}input::placeholder{color:#a1ada6}label{color:#c3cac3;margin:13px 0 7px;font-size:14px;display:block}a{color:inherit}h1,h2,.wordmark{font-family:Barlow Condensed,sans-serif;font-weight:600}h1{margin:0 0 18px;font-size:64px;line-height:1}h2{margin:0;font-size:34px}.primary{color:#202621;background:#eee7d9;border-color:#eee7d9}.primary:hover{background:#fffaf1}.secondary{background:0 0}#world{position:fixed;inset:0}#world canvas{touch-action:none;width:100%;height:100%;display:block}#shade{pointer-events:none;background:linear-gradient(90deg,#142832f5 0%,#142832df 30%,#14283221 68%),linear-gradient(#0000 50%,#14283277);position:fixed;inset:0}#masthead{justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;inset:28px 40px auto}.wordmark{font-size:34px;line-height:1;text-decoration:none}.wordmark span{color:var(--muted);margin-top:7px;font-family:Barlow,sans-serif;font-size:12px;font-weight:400;display:block}#server-status{color:#d4e0da;text-shadow:0 1px 5px #142832;font-size:13px}.panel{width:390px;max-height:calc(100dvh - 150px);padding:0 12px 12px 0;position:fixed;top:130px;left:40px;overflow-y:auto}.intro{color:#c5d0cc;margin:0 0 20px;font-size:18px;line-height:1.5}.form-row{gap:12px;display:flex}.form-row>*{flex:1;min-width:0}#create,#freeplay{width:100%;margin-top:12px}.join-row{gap:10px;margin-top:22px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:2px}.join-row button{min-width:90px}.lobby-links{justify-content:space-between;gap:8px;margin-top:10px;display:flex}.lobby-links button{color:#c8d5cf;background:0 0;border:0;padding:7px 0;font-size:13px}#status{color:#c1cdc7;margin:10px 0 0;font-size:13px;line-height:1.5}#rooms{max-height:160px;overflow-y:auto}#rooms button{text-align:left;width:100%;margin-top:6px;font-size:13px}.playing #masthead,.playing #shade,.playing #lobby{display:none}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.scoreboard{top:max(18px, env(safe-area-inset-top));font-variant-numeric:tabular-nums;background:#142832e6;border:1px solid #b8d0c133;border-radius:5px;align-items:center;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.scoreboard>span{padding:8px 19px;font-size:24px}.scoreboard #clock{text-align:center;min-width:95px;font-size:22px}.blue{color:#97d0ff;background:#2b70b23d}.orange{color:#ffd0a0;background:#b56c303d}#room-label{left:max(18px, env(safe-area-inset-left));background:#142832bf;border-radius:3px;padding:8px 12px;font-size:13px;position:absolute;top:24px}#pause-button{right:max(18px, env(safe-area-inset-right));background:#142832d9;position:absolute;top:18px}#banner{text-align:center;text-shadow:0 2px 12px #142832;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:52px;position:absolute;top:23%;left:50%;transform:translate(-50%)}#boost-meter{right:max(30px, env(safe-area-inset-right));background:#142832c9;border:1px solid #d8e8db33;border-radius:5px;width:140px;padding:13px 20px;position:absolute;bottom:55px}#boost-value{color:var(--amber);font-size:36px;font-weight:400}#boost-meter>span{margin-left:8px;font-size:13px}#boost-meter>div{background:#445951;height:4px;margin-top:8px}#boost-fill{background:var(--amber);width:33%;height:100%;display:block}#camera-button{left:max(18px, env(safe-area-inset-left));background:#142832bf;font-size:13px;position:absolute;bottom:25px}#camera-state{color:var(--cyan);margin-left:6px}#performance{right:max(105px, calc(env(safe-area-inset-right) + 92px));font-variant-numeric:tabular-nums;background:#142832d9;border:1px solid #d8e8db26;border-radius:4px;align-items:baseline;gap:5px;min-height:42px;padding:8px 12px;display:flex;position:absolute;top:18px}#fps-value{color:#b5dfc4;font-size:23px;font-weight:500}#performance>span{font-size:11px}#ping-value{color:#a7b9c0;margin-left:7px;font-size:11px}.keyboard-hint{color:#edf0e8;text-shadow:0 2px 6px #142832;white-space:nowrap;font-size:12px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.touch-controls{pointer-events:none;touch-action:none;display:none}.touch-button{-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;background:#1428328c;border:1px solid #e4ede577;border-radius:50%;width:68px;height:68px;padding:0;font-size:14px;position:absolute}.held{color:#142832;background:#eee7d9bf}.boost{right:max(32px, env(safe-area-inset-right));color:#ffe2aa;border-color:#f7b564aa;width:86px;height:86px;bottom:48px}.jump{width:74px;height:74px;bottom:32px;right:132px}.slide{width:58px;height:58px;bottom:116px;right:142px}.roll-left{width:48px;height:48px;font-size:24px;bottom:104px;right:212px}.roll-right{width:48px;height:48px;font-size:24px;bottom:46px;right:212px}#stick{min-inline-size:0;left:max(35px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#14283266;border:1px solid #e4ede54d;border-radius:50%;width:142px;height:142px;margin:0;padding:0;position:absolute;bottom:28px}#stick-thumb{background:#deeae166;border:1px solid #eef4ef80;border-radius:50%;width:46px;height:46px;position:absolute;top:47px;left:47px}#stick>span{text-align:center;color:#dce9dd;width:100%;font-size:11px;position:absolute;bottom:14px;left:0}dialog{color:#eee7d9;background:#191f1d;border:1px solid #64746b;border-radius:8px;width:460px;max-height:calc(100dvh - 32px);padding:24px}dialog::backdrop{background:#122420a8}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading button{background:0 0;border:0;width:44px;padding:0;font-size:25px}#menu-room{color:var(--muted);font-size:14px}#match-actions>.primary{width:100%;margin-bottom:12px}dialog>.form-row{margin-top:14px}details{color:#bdc9c1;margin-top:17px;font-size:13px;line-height:1.6}summary{cursor:pointer}#menu-status{color:var(--amber);font-size:13px}.credits{color:var(--muted);font-size:12px}#rotate{display:none}#volume{accent-color:var(--cyan);padding:0}#volume-label{float:right}.nametag{pointer-events:none;white-space:nowrap;background:#142832bf;border-radius:3px;padding:3px 7px;font-size:12px;position:absolute}body.paused .touch-controls{display:none}[hidden]{display:none!important}@media (pointer:coarse){.touch-controls{display:block}.keyboard-hint{display:none}#boost-meter{width:88px;padding:8px 12px;bottom:150px;right:28px}#boost-value{font-size:26px}#boost-meter>span{margin-left:3px;font-size:10px}#camera-button{min-height:36px;padding:5px 10px;font-size:11px;bottom:9px;left:195px}#performance{top:10px;right:max(90px, calc(env(safe-area-inset-right) + 80px));min-height:38px;padding:6px 8px}#fps-value{font-size:20px}#ping-value{margin-left:3px;font-size:10px}#room-label{padding:6px 8px;font-size:11px;top:12px}.scoreboard{top:10px}.scoreboard>span{padding:6px 15px;font-size:20px}.scoreboard #clock{min-width:80px;font-size:18px}#pause-button{min-height:38px;font-size:12px;top:10px}#banner{font-size:42px}}@media (max-height:600px) and (orientation:landscape){#masthead{inset:16px 28px auto}.wordmark{font-size:29px}.panel{width:360px;max-height:calc(100dvh - 96px);top:86px;left:28px}h1{margin:0 0 8px;font-size:42px}.intro{margin-bottom:6px;font-size:14px;line-height:1.3}.intro br{display:none}#play-form{grid-template-columns:1fr 1fr;gap:7px 10px;display:grid}#play-form>label{grid-column:1/-1;margin:0}#name{grid-column:1/-1}.form-row{gap:10px}#play-form>.form-row{grid-column:1/-1}label{margin:5px 0;font-size:12px}input,select,button{min-height:40px;padding:8px 10px;font-size:13px}#create,#freeplay{margin:3px 0 0}.join-row{margin-top:10px}.lobby-links{margin-top:2px}#status{margin-top:2px;font-size:11px}dialog{width:520px;padding:16px 20px}dialog h2{font-size:27px}dialog .form-row{margin-top:8px}details{margin-top:10px}#menu-room{margin:4px 0 10px}}@media (max-width:650px) and (orientation:portrait){#masthead{inset:20px 24px auto}.panel{width:auto;max-height:calc(100dvh - 125px);top:105px;left:24px;right:24px}h1{font-size:52px}#server-status{font-size:11px}body.playing #rotate{z-index:10;background:#142832f5;flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:30px;display:flex;position:fixed;inset:0}#rotate span{margin-top:12px;font-family:Barlow,sans-serif;font-size:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#nameplates{pointer-events:none;position:fixed;inset:0;overflow:hidden}.nameplate{color:#cce8fb;background:#142832bf;border-bottom:2px solid #67bdf1;border-radius:3px;padding:4px 9px;font-size:12px;position:absolute;top:0;left:0}.nameplate.team-1{color:#f4d4ac;border-color:#eaa354}.paused #nameplates{visibility:hidden}@media (pointer:coarse){.nameplate{padding:3px 6px;font-size:10px}}