:root{--bg: #0d1117;--panel: rgba(22, 27, 34, .92);--panel-border: rgba(255, 255, 255, .08);--text: #e6edf3;--muted: #8b949e;--accent: #38bdf8;--accent-2: #f472b6;--good: #a3e635;--danger: #f87171;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--touch-grow-w: 132px;--touch-grow-h: 104px;--touch-shrink-w: 104px;--touch-shrink-h: 84px;--touch-btn-radius: 22px;--touch-btn-border: 1.5px solid rgba(255, 255, 255, .55);--touch-btn-shadow: 0 8px 20px rgba(0, 0, 0, .45);--touch-grow-bg: linear-gradient(180deg, #7dd3fc, var(--accent));--touch-grow-fg: #04222f;--touch-shrink-bg: linear-gradient(180deg, #fbcfe8, var(--accent-2));--touch-shrink-fg: #2a0014;--leaderboard-list-maxheight: 240px;--leaderboard-collapse-speed: .22s;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none}body{position:fixed;inset:0}#game-canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}.overlay,#touch-controls,#joystick-zone,.touch-btn{touch-action:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:10}.screen{display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.12),transparent 60%),#0d1117d1;backdrop-filter:blur(6px)}.panel{width:min(440px,92vw);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;gap:16px;text-align:center}.title{margin:0;font-size:44px;font-weight:800;letter-spacing:2px;line-height:1}.title-accent{color:var(--accent);margin-left:6px}.title-sm{margin:0;font-size:28px;font-weight:700}.tagline{margin:0;color:var(--muted);font-size:15px}.text-input{width:100%;padding:14px 16px;font-size:18px;border-radius:10px;border:1px solid var(--panel-border);background:#00000059;color:var(--text);text-align:center;outline:none}.text-input:focus{border-color:var(--accent)}#start-form{display:flex;flex-direction:column;gap:12px}.btn{appearance:none;border:none;border-radius:10px;padding:14px 18px;font-size:17px;font-weight:700;cursor:pointer;color:var(--text);transition:transform .05s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,var(--accent),#0ea5e9);color:#04222f}.btn-primary:disabled{filter:grayscale(.6) brightness(.7);cursor:default}.btn-ghost{background:transparent;border:1px solid var(--panel-border);color:var(--muted)}.controls-help{display:flex;gap:16px;justify-content:space-between;margin-top:6px}.controls-help-col{flex:1;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted);text-align:left}.controls-help-col strong{color:var(--text);font-size:13px;margin-bottom:2px}#hud{pointer-events:none}.hud-panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}#hud-stats{top:14px;left:14px;display:flex;gap:18px}.stat{display:flex;flex-direction:column;align-items:flex-start;min-width:52px}.stat span:not(.stat-label){font-size:22px;font-weight:800}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}#leaderboard{top:14px;right:14px;width:190px}.hud-panel-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.leaderboard-header{appearance:none;-webkit-appearance:none;background:none;border:none;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:inherit;text-align:left;cursor:default}.leaderboard-chevron{display:none;font-size:11px;line-height:1;transition:transform var(--leaderboard-collapse-speed) ease}#leaderboard.collapsible .leaderboard-header{pointer-events:auto;touch-action:none;cursor:pointer}#leaderboard.collapsible .leaderboard-chevron{display:inline-block}#leaderboard-list{margin:0;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:var(--leaderboard-list-maxheight);opacity:1;transition:max-height var(--leaderboard-collapse-speed) ease,opacity var(--leaderboard-collapse-speed) ease}#leaderboard-list li.me{color:var(--accent);font-weight:700}#leaderboard.collapsed .leaderboard-header{margin-bottom:0}#leaderboard.collapsed .leaderboard-chevron{transform:rotate(-90deg)}#leaderboard.collapsed #leaderboard-list{max-height:0;opacity:0;pointer-events:none}.hud-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--panel-border);padding:6px 12px;border-radius:999px}.death-stats{display:flex;justify-content:center;gap:36px}.stat-big{display:flex;flex-direction:column;align-items:center}.stat-big span:not(.stat-label){font-size:38px;font-weight:800;color:var(--accent)}.skins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skin-cell{border:2px solid var(--panel-border);border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:#00000040}.skin-cell.selected{border-color:var(--accent)}.skin-cell.locked{opacity:.55}.skin-swatch{width:52px;height:52px;border-radius:50%}.skin-name{font-size:12px}.skin-tag{font-size:10px;color:var(--muted)}#touch-controls{position:fixed;inset:0;z-index:8;pointer-events:none}#joystick-zone{position:absolute;left:0;bottom:0;width:50%;height:60%;pointer-events:auto}#touch-buttons{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.touch-btn{pointer-events:auto;appearance:none;-webkit-appearance:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:var(--touch-btn-border);border-radius:var(--touch-btn-radius);font-weight:800;letter-spacing:1px;line-height:1;box-shadow:var(--touch-btn-shadow);user-select:none;-webkit-user-select:none}.touch-btn:active{filter:brightness(1.12);transform:translateY(1px) scale(.97)}.touch-btn:before{font-size:1.9em;font-weight:900;line-height:.8}.touch-btn-grow{width:var(--touch-grow-w);height:var(--touch-grow-h);font-size:16px;color:var(--touch-grow-fg);background:var(--touch-grow-bg)}.touch-btn-grow:before{content:"+"}.touch-btn-shrink{width:var(--touch-shrink-w);height:var(--touch-shrink-h);font-size:13px;color:var(--touch-shrink-fg);background:var(--touch-shrink-bg)}.touch-btn-shrink:before{content:"−"}.ad-overlay{z-index:20;display:flex;align-items:center;justify-content:center;background:#000000e6}.ad-frame{width:min(520px,92vw);aspect-ratio:16 / 10;background:#11161d;border:1px solid var(--panel-border);border-radius:var(--radius);position:relative;display:flex;flex-direction:column;overflow:hidden}.ad-badge{position:absolute;top:12px;left:12px;background:#ffffff1f;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px}.ad-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ad-fake-content{color:var(--muted)}.ad-countdown{font-size:40px;font-weight:800}#ad-skip-btn{margin:14px}@media (max-width: 520px){.title{font-size:38px}#leaderboard{width:150px}}@media (pointer: coarse){body.minimap-active #hud-stats{left:50%;transform:translate(-50%)}}