:root{--bg:#0d0b14;--card:#1a1725;--line:#2c2740;--text:#f2f0f7;--dim:#9b93b4;--accent:#e8618c;--ok:#4ade80}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.shell{flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}.bar,.shell{display:flex}.bar{align-items:center;gap:10px;padding:8px 2px;flex:0 0 auto}.who{background:none;border:1px solid var(--line);font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}.prog,.who{color:var(--dim)}.prog{display:flex;align-items:center;gap:8px;flex:1 1;font-size:12px;min-width:0}.prog span{white-space:nowrap}.meter{flex:1 1;height:4px;background:var(--line);border-radius:999px;overflow:hidden;min-width:30px}.meter>div{height:100%;background:var(--accent);transition:width .4s ease}.arena{flex:1 1;display:flex;flex-direction:column;gap:6px;min-height:0}.arena.busy{opacity:.55;pointer-events:none}.card{flex:1 1;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.card,.hit{display:flex;min-height:0}.hit{flex:1 1;position:relative;align-items:flex-end;border:0;padding:0;margin:0;width:100%;background-color:var(--card);background-size:cover;background-position:50%;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.hit:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,11,20,.94) 0,rgba(13,11,20,.55) 45%,rgba(13,11,20,.15))}.hit:active{transform:scale(.985)}.hit:active:after{background:linear-gradient(0deg,rgba(232,97,140,.5),rgba(232,97,140,.2))}.meta{position:relative;z-index:1;padding:12px 14px;display:flex;flex-direction:column;gap:2px;width:100%}.title{font-size:19px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artist{font-size:14px;color:var(--accent);font-weight:600}.player{flex:0 0 auto;height:80px;background:#000}.player iframe{display:block;border:0}.vs{align-items:center;justify-content:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.foot,.vs{flex:0 0 auto;display:flex}.foot{gap:10px;padding:10px 0 4px}.foot button{flex:1 1;padding:14px;font:inherit;font-size:15px;color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:12px}.foot button:disabled{opacity:.35}.picker{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.picker h1{font-size:28px;margin:0}.sub{color:var(--dim);margin:0 0 10px}.voterBtn{width:100%;max-width:320px;padding:18px;font:inherit;font-size:17px;font-weight:600;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none}.voterBtn:active{border-color:var(--accent)}.voterBtn:disabled{opacity:.4}.pw{width:100%;max-width:320px;padding:16px;font:inherit;font-size:17px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center}.pw:focus{outline:none;border-color:var(--accent)}.err,.loading{padding:16px;text-align:center;color:var(--dim);font-size:14px}.err{color:#ff8fa3}.shell.scrollable{height:100dvh}.tabs{display:flex;gap:6px;flex:1 1}.tab{flex:1 1;padding:7px 6px;font:inherit;font-size:13px;color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:999px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab.on{color:var(--text);border-color:var(--accent)}.conf{flex:0 0 auto;padding:6px 2px 12px}.confTop{display:flex;justify-content:space-between;font-size:13px;color:var(--dim);margin-bottom:6px}.confTop strong{color:var(--text)}.verdict{font-size:12px;color:var(--dim);margin-top:6px}.scroll{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.hint{font-size:12px;color:var(--dim);margin:0 0 8px}.rank{list-style:none;margin:0;padding:0}.rank li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--line)}.rank li.prov{opacity:.55}.num{width:26px;font-size:12px;color:var(--dim);text-align:right;flex:0 0 auto}.rank img{width:40px;height:40px;border-radius:5px;flex:0 0 auto;object-fit:cover}.rmeta{display:flex;flex-direction:column;min-width:0;flex:1 1}.rtitle{font-size:14px;font-weight:600}.rartist,.rtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rartist{font-size:12px}.rartist,.rnum{color:var(--dim)}.rnum{font-size:13px;flex:0 0 auto;text-align:right}.rnum em{display:block;font-size:10px;font-style:normal;opacity:.7}.gap{font-size:11px;color:var(--dim);text-align:right;flex:0 0 auto;line-height:1.5}.gap em{font-style:normal;color:var(--accent)}.overlap{margin-bottom:16px}.ostats{display:flex;gap:8px}.stat{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-align:center}.sval{font-size:20px;font-weight:700}.slabel{text-transform:uppercase;letter-spacing:.05em}.slabel,.ssub{font-size:10px;color:var(--dim)}.ssub{opacity:.8}.warn{margin:10px 0 0;padding:9px 11px;font-size:12px;line-height:1.45;color:#ffd9a0;background:rgba(255,190,118,.09);border:1px solid rgba(255,190,118,.28);border-radius:10px}.block{margin-bottom:22px}.block h2{font-size:15px;margin:0 0 2px;padding-bottom:6px;border-bottom:1px solid var(--line)}.toggle{display:flex;gap:6px;margin:8px 0 4px}.toggle button{flex:1 1;padding:8px;font:inherit;font-size:12px;color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:999px}.toggle button.on{color:var(--text);border-color:var(--accent)}.tier{display:flex;gap:8px;margin-bottom:8px;align-items:stretch}.tierLabel{flex:0 0 42px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;border-radius:8px;color:#14121c}.tS .tierLabel{background:#ff7b7b}.tA .tierLabel{background:#ffbe76}.tB .tierLabel{background:#ffe066}.tC .tierLabel{background:#9ae6b4}.tD .tierLabel{background:#90cdf4}.tierGrid{flex:1 1;display:flex;flex-wrap:wrap;gap:5px}.chip{width:62px;display:flex;flex-direction:column;gap:3px}.chip img{width:62px;height:62px;border-radius:6px;object-fit:cover}.chip span{font-size:9px;line-height:1.2;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:760px) and (orientation:landscape){.arena{flex-direction:row}.vs{flex-direction:column}.title{font-size:22px}}