:root{--bg: #070b16;--bg-2: #0d1425;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .09);--text: #e9eef7;--muted: #8592aa;--accent: #f5b942;--accent-ink: #1a1000;--up: #4ade80;--down: #f87171;--danger: #ef4444;--radius: 16px;--display: "Orbitron", "Arial Black", sans-serif;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--tabs-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.7}.app{position:relative;min-height:100dvh}.main{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:calc(var(--safe-t) + 20px) 16px calc(var(--tabs-h) + var(--safe-b) + 24px)}.app.immersive .main{padding:0;max-width:none}.loading{display:grid;place-items:center;height:100dvh}.loading-mark{font-family:var(--display);font-weight:900;letter-spacing:6px;color:var(--accent);animation:pulse 1.4s ease infinite;z-index:1}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;height:calc(var(--tabs-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#070b16d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.3px;transition:color .15s}.tabs button.on{color:var(--accent)}.tab-icon{font-size:21px;line-height:1}.h1{font-size:28px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}.h1.winner{font-size:34px;color:var(--accent);text-align:center;margin:6px 0 22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:center}.hint{color:var(--muted);font-size:14px}.muted{color:var(--muted)}.small{font-size:12px}.screen{animation:fadeUp .25s ease both}.screen>.h1{margin-bottom:14px}.screen>.hint{margin-bottom:14px}.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);animation:fadeUp .3s ease both}.row.tappable:active{background:var(--surface-2)}.row.selected{border-color:var(--accent)}.row-icon{font-size:22px;width:30px;text-align:center}.row-main{flex:1;min-width:0}.row-title{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.chev{color:var(--muted);font-size:22px;line-height:1}.rank-pos{width:30px;text-align:center;font-family:var(--display);font-weight:900;font-size:15px;color:var(--muted)}.rank.gold{border-color:#f5b9428c;background:linear-gradient(90deg,rgba(245,185,66,.14),var(--surface) 60%)}.rank.gold .rank-pos{color:var(--accent);font-size:19px}.rank.silver .rank-pos{color:#cbd5e1;font-size:17px}.rank.bronze .rank-pos{color:#d59a63;font-size:17px}.elo{font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:.5px;flex-shrink:0}.elo.up{color:var(--up)}.elo.down{color:var(--down)}.delta{font-family:var(--display);font-weight:900;font-size:14px;min-width:40px;text-align:right}.delta.big{font-size:20px}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.place{width:28px;font-family:var(--display);font-weight:900;font-size:14px;color:var(--muted)}.place.first{color:var(--accent)}.pill{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;animation:fadeUp .3s ease both}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-row{display:flex;align-items:center;gap:10px;padding:6px 0}.history-row .row-title{font-size:15px}.history-row .row-sub{display:inline}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:15px;background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .1s,background .15s,border-color .15s}.chip:active{transform:scale(.96)}.chip.on{background:#f5b94229;border-color:var(--accent);color:var(--accent)}.chip-num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.seg button{padding:7px 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);transition:all .15s}.seg button.on{background:var(--surface-2);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:15px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);transition:transform .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:linear-gradient(135deg,#f7c85c,#e3a021);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 24px #f5b94240}.btn.big{width:100%;padding:16px;font-size:17px;border-radius:14px}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn.sm{padding:7px 11px;font-size:13px;border-radius:9px}.btn.icon{width:38px;height:38px;padding:0;font-size:18px;border-radius:10px}.btn.icon.on{color:var(--accent);border-color:#f5b94280}.btn.mini{padding:8px 12px;font-size:14px;border-radius:9px;background:#00000059;border-color:#ffffff24;font-family:var(--display);font-weight:700}.btn.mini.others{font-family:var(--body);font-size:13px;font-weight:700}.seat-foot-gap{width:6px}.btn.danger{background:#ef444426;border-color:#ef444480;color:#fca5a5}.btn.link{background:none;border:none;color:var(--accent);padding:6px 0}.btn.link.back{font-size:15px;margin-bottom:4px}.danger-text{color:#fca5a5}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}input,select{width:100%;padding:12px 14px;border-radius:12px;background:#0000004d;border:1px solid var(--line);color:var(--text);font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{border-color:var(--accent)}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}input[type=checkbox]{width:20px;height:20px;padding:0;accent-color:var(--accent);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.check{display:flex;align-items:center;gap:10px;font-size:15px}.slot{display:flex;gap:8px;align-items:center}.slot select{min-width:0;flex:1}.slot .slot-place{flex:0 0 70px}.msg{padding:10px 14px;border-radius:12px;font-size:14px}.msg.err{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.msg.ok{background:#4ade801f;border:1px solid rgba(74,222,128,.4);color:var(--up)}.danger-zone{border-color:#ef444459}.danger-zone .btn{width:100%}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:15px;line-height:1.6}.thumbs{display:flex;gap:3px;flex-shrink:0}.thumb{object-fit:cover;border-radius:3px;flex-shrink:0;background:var(--bg-2)}.thumb-sm{width:20px;height:28px}.thumb-md{width:28px;height:40px}.thumb-empty{background:var(--surface-2)}.combo{position:relative}.combo-input{position:relative;display:flex;align-items:center}.combo-thumb{position:absolute;left:10px;pointer-events:none}.combo-clear{position:absolute;right:8px;padding:6px 10px;color:var(--muted);font-size:20px;line-height:1}.combo-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:300px;overflow-y:auto;border-radius:12px;background:#121a2c;border:1px solid var(--line);box-shadow:0 16px 40px #00000080}.combo-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer}.combo-item:active{background:var(--surface-2)}.combo-text{flex:1;min-width:0}.combo-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-code{font-size:11px;color:var(--muted);font-family:var(--display)}.combo-none{padding:12px;color:var(--muted);font-size:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:640px;max-height:80dvh;overflow-y:auto;background:#101728;border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;padding:18px 16px calc(20px + var(--safe-b));animation:slideUp .22s cubic-bezier(.2,.8,.2,1)}.sheet-title{font-weight:800;font-size:17px;margin-bottom:14px}.sheet .hint{margin-bottom:14px}.live{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:var(--safe-t) 0 var(--safe-b);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.live-bar{display:flex;align-items:center;gap:6px;padding:8px 10px}.live-dot{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--danger);animation:pulse 1.2s ease infinite}.live-dot:before{content:"● "}.seats{flex:1;min-height:0;display:grid;gap:8px;padding:0 8px 8px;grid-auto-rows:1fr}.seat{position:relative;overflow:hidden;border-radius:20px;min-height:0;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s;container-type:inline-size}.seat-art{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background-size:cover;background-position:center 20%;filter:blur(2px) saturate(1.1);opacity:.55}.seat-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070b168c,#070b1659 45%,#070b16d9)}.seat>*{position:relative}.seat-head{padding:12px 14px 0}.seat-name{font-weight:800;font-size:17px;letter-spacing:.2px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.seat-deck{font-size:12px;color:#c6cfdf;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.8)}.seat-hp-wrap{flex:1;min-height:0;min-width:0;display:flex;align-items:stretch}.seat-zone{flex:1;min-width:40px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:300;color:#ffffff59;transition:background .1s}.seat-zone:active{background:#ffffff14;color:#fff}.seat-zone.minus:active{background:#ef44442e}.seat-zone.plus:active{background:#4ade802e}.seat-hp{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;line-height:1;font-size:clamp(40px,14vh,112px);font-size:min(14vh,30cqw,112px);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.7);min-width:0;padding:0 4px;animation:pop .18s ease}.seat.low .seat-hp{color:#fbbf24}.seat.low{border-color:#fbbf2480;box-shadow:inset 0 0 40px #fbbf2414}.seat.dead{border-color:#ef444480}.seat.dead .seat-art{filter:blur(3px) grayscale(1);opacity:.3}.seat.dead .seat-hp{color:var(--down)}.seat.hit{box-shadow:inset 0 0 60px #ef444459}.seat.heal{box-shadow:inset 0 0 60px #4ade804d}.seat-foot{display:flex;justify-content:center;gap:6px;padding:0 10px 10px;flex-wrap:wrap}.seat-dead{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--down);border:1px solid rgba(239,68,68,.5);padding:4px 8px;border-radius:8px}.result{max-width:520px;margin:0 auto}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pop{0%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}