:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky:#cfe6f7;--grass:#8fc46b;--ink:#2b3a2e;font-family:system-ui,sans-serif}html,body,#root{height:100%;margin:0}body{background:var(--sky);color:var(--ink)}.home{place-items:center;height:100%;display:grid}.gallery{grid-template-columns:220px 1fr;min-height:100%;display:grid}.gallery-nav{background:#e8f1e3;border-right:2px solid #b9cfae;flex-direction:column;gap:6px;padding:16px;display:flex}.gallery-nav h1{margin:8px 0 12px;font-size:20px}.gallery-nav a{color:var(--ink);border-radius:8px;padding:6px 10px;text-decoration:none}.gallery-nav a.active{background:#c6dfb8;font-weight:700}.gallery-main{flex-direction:column;gap:24px;padding:24px;display:flex}.gallery-card{background:#fff;border:2px solid #b9cfae;border-radius:14px;overflow:hidden}.gallery-card header{border-bottom:1px solid #dbe8d3;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.gallery-card h2{margin:0;font-size:16px}.gallery-controls{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.gallery-controls label{align-items:center;gap:6px;display:inline-flex}.gallery-stage{height:800px;position:relative}.gallery-stage canvas{width:100%;height:100%;display:block}.gallery-stage.tall{height:640px}.home a{align-self:center}:root{--panel:#fffcf0eb;--panel-ink:#2b3a2e;--line:#b9cfae;--accent:#f5c518;--bad:#e5484d;--warn:#f97316;--ok:#3dbb5a}.hud-demo{background:url(/textures/horizon.png) 50%/cover;height:100%;position:relative;overflow:hidden}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto;position:absolute}.hud-top{top:12px;left:50%;transform:translate(-50%)}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;top:12px;right:12px}.minimap{border:2px solid var(--line);background:var(--panel);border-radius:50%;display:block;box-shadow:0 4px 14px #2b3a2e40}.hud-left{top:12px;left:12px}.hud-bottom{bottom:12px;left:12px}.status{background:var(--panel);border:2px solid var(--line);min-width:300px;color:var(--panel-ink);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.status-icon{background:#fff;border-radius:10px}.status-bars{flex-direction:column;flex:1;gap:6px;display:flex}.bar{background:#e3e8d7;border-radius:9px;height:18px;font-size:12px;font-weight:700;position:relative;overflow:hidden}.bar>i{background:var(--ok);height:100%;transition:width .15s;display:block}.bar>span{color:var(--panel-ink);place-items:center;display:grid;position:absolute;inset:0}.bar.heat>i{background:linear-gradient(90deg, var(--accent), var(--warn), var(--bad))}.bar.heat.jammed{outline:2px solid var(--bad);animation:.3s linear infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.special{background:#e3e8d7;border-radius:8px;justify-content:space-between;padding:3px 8px;font-size:13px;display:flex;position:relative;overflow:hidden}.special>b,.special>em{z-index:1;font-style:normal;position:relative}.special>i{background:#cde3f5;position:absolute;top:0;bottom:0;left:0}.special.ready{background:var(--accent)}.alive{background:var(--panel);border:2px solid var(--line);min-width:190px;color:var(--panel-ink);border-radius:12px;margin:0;padding:6px;list-style:none}.alive li{border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:13px;display:flex}.alive li.me{background:#e8f1e3;font-weight:700}.alive li.dead{opacity:.45;text-decoration:line-through}.alive li.away{opacity:.45}.alive .name,.standings .name{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:120px;overflow:hidden}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.feed{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.feed li{background:var(--panel);color:var(--panel-ink);border-radius:8px;width:fit-content;padding:3px 8px}.feed li:first-child{font-weight:700}.timer{background:var(--panel);border:2px solid var(--line);color:var(--panel-ink);border-radius:12px;align-items:center;gap:10px;padding:4px 14px;display:flex}.timer .clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.timer.closing{border-color:var(--warn)}.timer .warn{color:var(--warn);font-size:13px;font-weight:700;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}.countdown{color:#fff;-webkit-text-stroke:4px var(--panel-ink);place-items:center;font-size:160px;font-weight:900;animation:.6s ease-out pop;display:grid;position:absolute;inset:0}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.overlay{z-index:5;background:#2b3a2e73;place-items:center;display:grid;position:absolute;inset:0}.card{background:var(--panel);border:3px solid var(--line);text-align:center;min-width:340px;color:var(--panel-ink);border-radius:16px;flex-direction:column;gap:12px;padding:20px 26px;display:flex}.card h2{margin:0}.card .row{justify-content:center;gap:10px;display:flex}.standings{counter-reset:place;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.standings li{counter-increment:place;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.standings li:before{content:counter(place);color:#8a9a7e;width:20px;font-weight:800}.standings li:first-child{background:#fff3c4}.standings em{color:var(--ok);font-style:normal;font-weight:700}.lobby-demo{box-sizing:border-box;background:#e8f1e3;flex-direction:column;align-items:center;gap:20px;height:100%;padding:24px;display:flex;overflow:auto}.pickers{grid-template-columns:repeat(4,1fr);gap:14px;max-width:920px;display:grid}.picker{border:3px solid var(--line);cursor:pointer;font:inherit;color:var(--panel-ink);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.picker.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.picker h3{margin:4px 0 0}.picker p{margin:0;font-size:12px}.picker .special-line{margin-top:6px}.pips{justify-content:space-between;width:100%;font-size:12px;display:flex}.pips i{color:var(--ok);letter-spacing:1px;font-style:normal}.pips em{color:#d5dccd;font-style:normal}.swatches{gap:10px;display:flex}.swatch-btn{width:36px;height:36px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.swatch-btn.selected{box-shadow:0 0 0 3px var(--panel-ink);transform:scale(1.15)}.swatch-btn:disabled{opacity:.3;cursor:default}button.primary{background:var(--accent);cursor:pointer;border:2px solid #b8921a;border-radius:10px;padding:8px 16px;font-weight:800}.home{background:url(/textures/horizon.png) 50%/cover no-repeat;position:relative;overflow:hidden}.flyers{pointer-events:none;position:absolute;inset:0}.flyers .flyer{will-change:transform;position:absolute;top:0;left:0}.home-card{z-index:1;background:var(--panel);border:3px solid var(--line);width:340px;color:var(--panel-ink);text-align:center;border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;padding:28px 32px;display:flex;position:relative;box-shadow:0 12px 40px #2b3a2e40}.home-card h1{letter-spacing:1px;margin:0;font-size:42px}.home-card .muted{margin:0}.home-card .field{text-align:left;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.home-card input{font:inherit;border:2px solid var(--line);box-sizing:border-box;background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:16px}.home-card input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f5c51859}.home-card button.big{padding:12px 16px;font-size:16px;font-weight:800}.home-card .or{color:#8a9a7e;align-items:center;gap:10px;font-size:12px;display:flex}.home-card .or:before,.home-card .or:after{content:"";background:var(--line);flex:1;height:1px}.join-row{align-items:flex-end;gap:8px;display:flex}.join-row .field{flex:1}.code-input{text-transform:uppercase;letter-spacing:8px;text-align:center;font-family:inherit;font-weight:800}.home .error{color:var(--bad);margin:0;font-weight:700}.open-rooms{text-align:left}.open-rooms h2{color:#8a9a7e;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:13px}.open-rooms ul{flex-direction:column;gap:6px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.open-rooms li{border:2px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.open-rooms .room-code{letter-spacing:3px;font-weight:900}.open-rooms .room-meta{color:#5d6b58;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.open-rooms button{padding:4px 12px}button{font:inherit;border:2px solid var(--line);cursor:pointer;color:var(--panel-ink);background:#fff;border-radius:10px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}.game{position:fixed;inset:0}.arena{position:absolute;inset:0}.arena canvas{touch-action:none;width:100%;height:100%;display:block}.toast{background:var(--panel);border:2px solid var(--line);z-index:10;border-radius:10px;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lobby{box-sizing:border-box;background:#e8f1e3;flex-direction:column;align-items:center;gap:18px;height:100%;padding:24px;display:flex;overflow:auto}.lobby-head{align-items:center;gap:16px;display:flex}.lobby .code{letter-spacing:6px;font-size:36px;font-weight:900}.lobby select,.lobby input[type=checkbox]{font:inherit;margin-left:6px}.roster{background:var(--panel);border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:360px;margin:0;padding:6px;list-style:none;display:flex}.roster li{border-radius:8px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;display:flex}.roster li.me{background:#fff;font-weight:700}.roster li.away{opacity:.45}.roster .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.roster small{color:#8a9a7e;font-weight:600}.roster b{color:#8a9a7e;text-align:right;width:48px}.roster b.ready{color:var(--ok)}.lobby-actions{align-items:center;gap:16px;display:flex}.touch{pointer-events:none;z-index:4;position:absolute;inset:0}.touch-left,.touch-right{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:110px}.touch-right{align-items:flex-end}.touch-left{left:16px}.touch-right{right:16px}.touch-row{gap:8px;display:flex}.touch-btn{border:3px solid var(--line);background:var(--panel);width:64px;height:64px;color:var(--panel-ink);font:inherit;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;padding:0;font-size:22px;font-weight:900;line-height:1;display:grid;overflow:hidden}.touch-btn:active{background:var(--accent)}.touch-btn.fire{letter-spacing:1px;background:#ffe9a3;width:92px;height:92px;font-size:18px}.touch-btn.special{letter-spacing:.5px;width:72px;height:72px;font-size:12px}.touch-btn.wide{border-radius:14px;width:auto;padding:10px 18px;font-size:16px}.spectate-touch{place-items:end center;padding-bottom:70px;display:grid}.spectate-touch .touch-btn{pointer-events:auto}@media (width<=720px){.hud-bottom{bottom:8px;left:8px}.status{transform-origin:0 100%;min-width:0;transform:scale(.8)}.alive{transform-origin:100% 0;min-width:0;transform:scale(.8)}.minimap{width:96px!important;height:96px!important}.feed{font-size:11px}.pickers{grid-template-columns:repeat(2,1fr);max-width:100%}.picker img{width:64px;height:64px}.roster{width:100%;min-width:0}.lobby{gap:12px;padding:14px}.lobby-actions{flex-wrap:wrap;justify-content:center}.home-card{width:min(340px,100vw - 48px);padding:20px}}.screen{position:absolute;inset:0;overflow:hidden}.screen .hud-top{flex-direction:column;align-items:center;gap:6px;display:flex}.round-label{background:var(--panel);border:2px solid var(--line);color:var(--panel-ink);border-radius:10px;padding:2px 12px;font-size:13px;font-weight:800}.spectate{background:var(--panel);border:2px solid var(--line);color:var(--panel-ink);border-radius:10px;padding:6px 14px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}