:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--jade:#37b48f;--jade-deep:#14523f;--gold:#e4c26a;--cyan:#6ff2ff;--ink:#061612b8;--ink-soft:#06161280;--text:#eef7ef;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0a1f18;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block}#intro-splash{pointer-events:none;text-align:center;text-shadow:0 2px 24px #0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity 1.4s;display:flex;position:absolute;inset:0}#intro-splash h1{letter-spacing:.28em;color:var(--gold);text-shadow:0 0 26px #6ff2ff73,0 3px 30px #000000b3;margin:0;font-size:clamp(38px,7vw,84px);font-weight:700}#intro-splash p{color:var(--text);opacity:.92;margin:0;font-size:clamp(14px,2vw,19px)}#intro-splash.hidden{opacity:0}kbd{color:var(--gold);letter-spacing:.06em;background:#061612a6;border:1px solid #e4c26a8c;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:inherit;font-size:.9em;display:inline-block}#hud{pointer-events:none;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));position:absolute;inset:0}#hud-top-left{top:calc(14px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));align-items:center;gap:10px;display:flex;position:absolute}.title-chip{background:var(--ink);color:var(--gold);letter-spacing:.3em;border:1px solid #e4c26a66;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.counter{background:var(--ink-soft);border:1px solid #6ff2ff40;border-radius:8px;align-items:center;gap:7px;min-width:76px;padding:6px 11px;font-size:14px;display:flex}.counter strong{font-variant-numeric:tabular-nums;font-weight:600}.counter-icon{border-radius:50%;flex:none;width:14px;height:14px}.counter-icon.pearl{background:radial-gradient(circle at 35% 30%,#fff,#7de9d8 60%,#2a8f7c);box-shadow:0 0 8px #7de9d8e6}.counter-icon.gate{border:3px solid var(--cyan);background:0 0;border-radius:50%;box-shadow:0 0 8px #6ff2ffcc}#hud-top-right{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));position:absolute}#mute-button{pointer-events:auto;background:var(--ink);width:40px;height:40px;color:var(--text);cursor:pointer;border:1px solid #e4c26a66;border-radius:10px;font-size:17px}#mute-button.muted{opacity:.6}#hud-bottom-right{right:calc(16px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}#mode-chip{background:var(--ink);color:var(--gold);letter-spacing:.22em;border:1px solid #e4c26a80;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}#mode-chip.flight{color:var(--cyan);border-color:#6ff2ff99;box-shadow:0 0 16px #6ff2ff59}.meter{background:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.meter-label{letter-spacing:.18em;opacity:.75;width:30px}.meter-track{background:#ffffff1f;border-radius:3px;width:110px;height:6px;overflow:hidden}#speed-fill{background:linear-gradient(90deg, var(--jade), var(--cyan));border-radius:3px;width:0%;height:100%;transition:width .15s linear}.meter-num{font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-weight:600}#controls-card{left:calc(16px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));background:var(--ink);border:1px solid #6ff2ff33;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;transition:opacity .8s;display:flex;position:absolute}#controls-card.hidden{opacity:0}.controls-row{align-items:center;gap:8px;display:flex}.controls-row span{opacity:.85}#touch-controls{pointer-events:none;display:none;position:absolute;inset:0}@media (pointer:coarse){#touch-controls{display:block}#controls-card{display:none}}#touch-stick{left:calc(22px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#06161266;border:2px solid #6ff2ff59;border-radius:50%;width:118px;height:118px;position:absolute}#touch-knob{background:radial-gradient(circle at 35% 30%,#6ff2ffbf,#14523fe6);border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #6ff2ff73}#touch-buttons{right:calc(20px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,62px);gap:10px;display:grid;position:absolute}#touch-buttons button{width:62px;height:62px;color:var(--gold);letter-spacing:.08em;touch-action:none;background:#0616129e;border:1px solid #e4c26a80;border-radius:50%;font-size:14px;font-weight:700}#touch-buttons button.pressed{color:#fff;background:#37b48f80}#mode-banner{text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 18px #000000a6;transition:opacity .35s,transform .35s;position:absolute;top:16%;left:50%;transform:translate(-50%)scale(.92)}#mode-banner.visible{opacity:1;transform:translate(-50%)scale(1)}#mode-banner .banner-title{letter-spacing:.2em;color:var(--gold);font-size:clamp(22px,3.6vw,40px);font-weight:700}#mode-banner .banner-sub{color:var(--text);opacity:.9;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(13px,1.6vw,17px)}#customize-menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#040e0b73;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#customize-menu.open{display:flex}.menu-panel{pointer-events:auto;background:#071a15f0;border:1px solid #e4c26a73;border-radius:16px;width:min(440px,92vw);max-height:86vh;padding:18px 20px;overflow-y:auto;box-shadow:0 12px 60px #0000008c}.menu-header{color:var(--gold);letter-spacing:.28em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.menu-close{color:var(--text);cursor:pointer;background:0 0;border:1px solid #e4c26a66;border-radius:8px;width:30px;height:30px}.menu-section{margin-bottom:14px}.menu-label{letter-spacing:.22em;opacity:.7;margin-bottom:7px;font-size:11px}.menu-row{flex-wrap:wrap;gap:8px;display:flex}.menu-pill{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #6ff2ff4d;border-radius:999px;padding:8px 14px;font-size:13px}.menu-pill.selected{border-color:var(--gold);color:#fff;background:#37b48f59}.menu-swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:40px;height:40px}.menu-swatch.selected{border-color:var(--gold);box-shadow:0 0 12px #e4c26a99}.menu-sublabel{letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin:11px 0 6px;font-size:9.5px}.menu-sublabel:first-child{margin-top:0}.menu-swatch-group{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.menu-size{text-align:center;min-width:52px;padding:7px 8px}.menu-hint{opacity:.75;text-align:center;margin-top:4px;font-size:12px}#fire-button{font-size:22px}#caught-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#0a04048c;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#caught-menu.open{display:flex}.caught-panel{text-align:center;pointer-events:auto;background:#1a0808f0;border:1px solid #ff7a5a80;border-radius:18px;padding:30px 44px;box-shadow:0 16px 70px #0009}.caught-panel h2{letter-spacing:.16em;color:#ff9a7a;text-shadow:0 0 22px #ff643c73;margin:0 0 8px;font-size:clamp(24px,4vw,38px)}.caught-panel p{opacity:.85;margin:0 0 20px}#try-again-button{border:1px solid var(--gold);width:100%;color:var(--gold);letter-spacing:.18em;cursor:pointer;background:linear-gradient(#e4c26a4d,#e4c26a1f);border-radius:12px;padding:13px 28px;font-size:17px;font-weight:700;display:block}#try-again-button:hover{color:#fff;background:#e4c26a66}#caught-close-button{color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:13px;text-decoration:underline}.breath-dot{vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:7px;display:inline-block;box-shadow:0 0 6px}#touch-stick{width:132px;height:132px}#touch-primary{right:calc(18px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,64px);gap:12px;display:grid;position:absolute}button,kbd,#touch-controls,#hud,.emote-overlay,.eat-button,.pvp-root,.menu-swatch,.menu-pill{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.tc-round{width:64px;height:64px;color:var(--gold);letter-spacing:.06em;touch-action:none;background:#061612a8;border:1.5px solid #e4c26a8c;border-radius:50%;font-size:15px;font-weight:700;box-shadow:0 2px 10px #00000059}.tc-round.pressed,.tc-round:active{color:#fff;background:#37b48f8c}#touch-tertiary{right:calc(18px + 64px * 2 + 12px + 16px + env(safe-area-inset-right));bottom:calc(102px + env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute}.tc-round.tc-mini{border-color:#6ff2ff73;width:46px;height:46px;font-size:17px}#touch-secondary{top:calc(64px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));pointer-events:auto;gap:6px;display:flex;position:absolute}#touch-secondary button{color:var(--text);letter-spacing:.12em;touch-action:none;background:#06161299;border:1px solid #6ff2ff4d;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}#touch-secondary button:active{background:#37b48f80}@media (pointer:coarse){#hud-bottom-right{bottom:calc(14px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));transform-origin:100% 100%;transform:scale(.85)}}#join-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;background:#040e0bd1;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#join-menu.open{display:flex}.join-panel{text-align:center;pointer-events:auto;background:#071a15f5;border:1px solid #e4c26a80;border-radius:18px;width:min(360px,90vw);padding:30px 28px;box-shadow:0 16px 70px #0009}.join-panel h2{letter-spacing:.3em;color:var(--gold);margin:0 0 16px;font-size:26px}.join-panel p{opacity:.85;margin:0 0 12px;font-size:14px}.join-panel input{width:100%;color:var(--text);text-align:center;letter-spacing:.12em;background:#ffffff0f;border:1px solid #6ff2ff59;border-radius:10px;outline:none;padding:12px 14px;font-size:18px}.join-panel input:focus{border-color:var(--gold)}.join-error{color:#ff9a7a;min-height:20px;margin:8px 0 4px;font-size:13px}.join-panel button{border:1px solid var(--gold);width:100%;color:var(--gold);letter-spacing:.2em;cursor:pointer;background:linear-gradient(#e4c26a4d,#e4c26a1f);border-radius:10px;padding:12px;font-size:15px;font-weight:700}.join-panel button:hover{color:#fff;background:#e4c26a66}.join-panel .hidden{display:none}.join-status{opacity:.7;min-height:16px;margin-top:10px;font-size:12px}.menu-name-row{gap:8px;display:flex}.menu-name-row input{color:var(--text);background:#ffffff0f;border:1px solid #6ff2ff4d;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px}.menu-name-error{color:#ff9a7a;min-height:16px;margin-top:5px;font-size:12px}#net-status{left:50%;top:calc(14px + env(safe-area-inset-top));background:var(--ink-soft);letter-spacing:.14em;color:var(--text);opacity:.85;border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;transform:translate(-50%)}#chat{left:calc(16px + env(safe-area-inset-left));top:calc(96px + env(safe-area-inset-top));pointer-events:none;z-index:15;width:min(340px,46vw);position:absolute}#chat-log{pointer-events:auto;scrollbar-width:thin;flex-direction:column;gap:3px;max-height:32vh;padding:6px 4px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#000 18px)}#chat-log::-webkit-scrollbar{width:4px}#chat-log::-webkit-scrollbar-thumb{background:#6ff2ff4d;border-radius:2px}.chat-line{text-shadow:0 1px 3px #000000d9;word-break:break-word;font-size:13px;line-height:1.35}.chat-name{color:var(--cyan);font-weight:700}.chat-name.self{color:var(--gold)}.chat-text{color:#f2f5f0}.chat-system{color:#e4c26abf;font-size:12px;font-style:italic}#chat-bar{opacity:0;pointer-events:auto;height:0;margin-top:6px;transition:height .16s,opacity .16s;overflow:hidden}#chat-bar.open{opacity:1;height:40px}#chat-input{width:100%;height:36px;color:var(--text);background:#061612e6;border:1px solid #6ff2ff80;border-radius:9px;outline:none;padding:0 12px;font-family:inherit;font-size:14px}#chat-open{color:#fff;cursor:pointer;pointer-events:auto;background:#061612a8;border:1px solid #6ff2ff59;border-radius:10px;width:40px;height:40px;font-size:18px;position:absolute;top:calc(32vh + 12px);left:2px}@media (pointer:coarse){#chat{width:min(280px,60vw)}#chat-log{max-height:24vh}#chat-open{top:calc(24vh + 12px)}}.join-panel{width:min(400px,92vw)}#join-step-rules .rules-title{color:#ff9a7a;letter-spacing:.12em;margin-bottom:10px;font-size:17px;font-weight:800}.rules-body{text-align:left;max-height:46vh;padding:2px 4px;font-size:13px;line-height:1.5;overflow-y:auto}.rules-lead{color:var(--text);margin:0 0 6px;font-weight:600}.rules-sub{color:#e4c26ae6;margin:8px 0 4px}.rules-body ul{margin:4px 0 10px;padding-left:18px}.rules-body li{opacity:.92;margin-bottom:6px}.rules-body b{color:#ffcf7a}.rules-red{color:#ff4a3a;text-align:center;text-shadow:0 0 12px #ff3c2866;margin:8px 0 2px;font-size:15px;font-weight:800}#join-rules-button{margin-top:12px}#join-rules-button:disabled{opacity:.5;cursor:not-allowed;border-color:#e4c26a4d}#join-server-grid{flex-direction:column;gap:8px;margin:8px 0 6px;display:flex}.server-loading{opacity:.6;padding:12px;font-size:13px}.server-btn{color:var(--text);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #6ff2ff59;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:10px 14px;display:grid}.server-btn:hover:not(:disabled){border-color:var(--gold);background:#37b48f47}.server-btn.full{opacity:.5;cursor:not-allowed}.server-name{letter-spacing:.06em;font-weight:700}.server-count{font-variant-numeric:tabular-nums;color:var(--cyan);font-weight:700}.server-btn.full .server-count{color:#ff7a6a}.server-bar{background:#ffffff1f;border-radius:3px;grid-column:1/-1;height:5px;overflow:hidden}.server-bar>span{background:linear-gradient(90deg, var(--jade), var(--cyan));border-radius:3px;height:100%;display:block}.join-ghost{opacity:.6;text-decoration:underline;color:var(--text)!important;letter-spacing:normal!important;background:0 0!important;border:none!important;margin-top:8px!important;font-size:12px!important}