:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#03050b}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:14px;background:radial-gradient(circle at 50% -10%,#1a2b55 0,#070b15 48%,#020308)}button,input{font:inherit}.app{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.game-shell{position:relative;aspect-ratio:16/9;min-height:500px;overflow:hidden;border:1px solid #243657;border-radius:20px;background:#07101c;box-shadow:0 30px 90px #000b}.game-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0008 0,transparent 22%,transparent 75%,#0009 100%)}#game{position:absolute;top:0;right:0;bottom:0;left:0}.top-ui{position:absolute;z-index:5;left:4%;right:4%;top:4%;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:start}.team-card{padding:10px 13px;background:#07101ddd;border:1px solid #ffffff1c;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.team-card.blue{border-color:#2495ff88}.team-card.red{border-color:#ff426188;text-align:right}.team-head{display:flex;justify-content:space-between;align-items:center;font-weight:900;letter-spacing:.12em;font-size:12px}.team-head b{font-size:11px;letter-spacing:0;color:#94a3b8}.hp-track{height:13px;margin-top:7px;background:#101827;border-radius:20px;overflow:hidden;border:1px solid #ffffff0d}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#19b7ff,#2774ff);transition:width .22s}.red .hp-fill{background:linear-gradient(90deg,#ff526d,#d71942)}.stat-row{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:#9fb0c7;text-transform:uppercase}.red .stat-row{flex-direction:row-reverse}.round{min-width:72px;padding:7px 11px;text-align:center;background:#080d17ee;border:1px solid #ffffff1c;border-radius:12px;box-shadow:0 10px 30px #0005}.round span{font-size:8px;color:#8fa3c0;letter-spacing:.12em}.round b{display:block;font-size:22px;line-height:20px}.round small{display:block;margin-top:2px;color:#8cc6ff;font-weight:900}.live-badge{position:absolute;z-index:6;left:2.5%;top:4%;padding:5px 9px;background:#fa164d;border-radius:7px;font-size:10px;font-weight:1000;box-shadow:0 5px 20px #fa164d55}.live-badge span{margin-left:4px;padding:2px 5px;border-radius:4px;background:#0a1120aa}.guide{position:absolute;z-index:6;left:50%;bottom:3.5%;transform:translate(-50%);white-space:nowrap;padding:8px 13px;border:1px solid #ffffff18;border-radius:999px;background:#050914dd;font-size:9px;color:#9fb0c7;box-shadow:0 10px 30px #0008}.guide b{color:#fff}.guide i{font-style:normal;margin:0 7px;color:#475569}.winner{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(34px,7vw,92px);font-weight:1000;letter-spacing:.08em;text-shadow:0 5px 40px #000;pointer-events:none}.control-panel{min-height:500px;display:flex;flex-direction:column;gap:11px;padding:15px;border:1px solid #1d2b45;border-radius:20px;background:#08101c}.control-panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #ffffff10}.control-panel header strong{display:block;font-size:14px}.control-panel header small{display:block;margin-top:3px;color:#71839e;font-size:10px}.status{padding:4px 7px;border:1px solid #43e59c55;border-radius:99px;color:#58e9a4;font-size:8px;font-weight:900}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn,.gift,.reset{border:0;border-radius:9px;color:#fff;font-size:10px;font-weight:900;cursor:pointer;transition:.12s}.btn{padding:11px 5px}.btn:active,.gift:active,.reset:active{transform:scale(.97)}.blue-btn{background:#1269dc}.red-btn{background:#cf2446}.block-a{background:#145078}.block-b{background:#63304b}.comment-box,.gift-box{padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#050a13}.section-title{margin-bottom:7px;color:#8799b4;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.comment-input{display:grid;grid-template-columns:1fr 60px;gap:6px}.comment-input input{min-width:0;border:1px solid #253651;border-radius:8px;background:#0b1422;color:#fff;padding:9px;font-size:11px;outline:0}.comment-input input:focus{border-color:#3b82f6}.comment-input button{border:0;border-radius:8px;background:#334155;color:#fff;font-size:9px;font-weight:900}.hint{margin-top:6px;color:#5f718c;font-size:8px}.gift-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gift{padding:10px}.gift-a{background:#6d3cc6}.gift-b{background:#d87517}.chat{flex:1;min-height:130px;padding:10px;border-radius:12px;background:#040810;overflow:hidden}.log{height:100%;overflow:auto;display:flex;flex-direction:column;gap:5px}.event{padding:7px 8px;border-left:3px solid #3b82f6;border-radius:7px;background:#0a1321;color:#c9d5e6;font-size:9px}.event.b{border-color:#ef4444}.event.g{border-color:#a855f7}.event.system{border-color:#64748b;color:#8291a7}.footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reset{padding:10px;background:#0d1726;border:1px solid #293b57;color:#cbd5e1}.reset:hover{background:#122036}@media (max-width:900px){body{padding:7px}.app{grid-template-columns:1fr}.game-shell{min-height:0}.control-panel{min-height:430px}.guide{font-size:8px}.top-ui{gap:7px}}@media (max-width:560px){.game-shell,.control-panel{border-radius:13px}.guide{display:none}.top-ui{left:3%;right:3%}.team-card{padding:7px}.team-head{font-size:10px}.hp-track{height:9px}.stat-row{font-size:7px}.round{min-width:55px}.round b{font-size:18px}.quick-actions{gap:5px}.btn{padding:10px 3px}}.char-box{padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#050a13}.char-picks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.char-pick{display:flex;flex-direction:column;gap:4px;font-size:8px;font-weight:900;letter-spacing:.08em}.char-pick.a span{color:#5fb0ff}.char-pick.b span{color:#ff7a91}.char-pick select{width:100%;min-width:0;padding:8px 6px;border:1px solid #253651;border-radius:8px;background:#0b1422;color:#fff;font-family:inherit;font-size:11px;font-weight:700;outline:0;cursor:pointer}.char-pick.a select{border-color:#1a4f9c}.char-pick.b select{border-color:#8a2a3f}.char-pick select:focus{border-color:#3b82f6}.chat{min-height:104px}