: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}.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}.energy-track{height:6px;margin-top:5px;background:#101827;border-radius:20px;overflow:hidden;border:1px solid #ffffff0d}.energy-fill{height:100%;width:0;background:linear-gradient(90deg,#ffd23f,#ff9f1c);transition:width .22s}.energy-fill.full{background:linear-gradient(90deg,#ff2bd6,#00eaff);animation:energyPulse .8s ease-in-out infinite alternate}@keyframes energyPulse{0%{filter:brightness(1)}to{filter:brightness(1.7)}}.energy-row{margin-top:4px;font-size:8px;letter-spacing:.08em;color:#d7b24a;text-transform:uppercase}.skill-btn{transition:.12s,opacity .2s,box-shadow .2s}.skill-btn:not(.ready){opacity:.55}.skill-btn.ready{opacity:1;box-shadow:0 0 0 1px #ffd23f,0 0 14px #ffd23f66}.skill-a{background:#0f7c8a}.skill-b{background:#8a2a5c}.ulti-a{background:linear-gradient(90deg,#1269dc,#7c3aed)}.ulti-b{background:linear-gradient(90deg,#cf2446,#d97706)}.gift-guide{position:absolute;z-index:6;left:2.5%;top:27%;display:flex;flex-direction:column;gap:5px;min-width:150px;padding:9px 11px;border:1px solid #ffffff18;border-radius:12px;background:#050914dd;box-shadow:0 10px 30px #0008;pointer-events:none}.gift-guide-title{font-size:9px;font-weight:900;letter-spacing:.1em;color:#8fa3c0}.gift-guide-row{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:baseline;padding:5px 7px;border-left:3px solid #64748b;border-radius:6px;background:#0a1321}.gift-guide-row.a{border-color:#2495ff}.gift-guide-row.b{border-color:#ff4261}.gift-guide-name{font-size:11px;font-weight:900;color:#fff}.gift-guide-row b{justify-self:end;font-size:10px;color:#cbd5e1}.gift-guide-row small{grid-column:1/-1;margin-top:2px;font-size:8px;color:#7d8ea8}.gift-toasts{position:absolute;z-index:8;right:2.5%;top:27%;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.gift-toast{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;border:1px solid #ffffff22;border-radius:999px;background:#050914ee;font-size:11px;font-weight:800;box-shadow:0 8px 24px #000a;animation:toastIn .28s ease-out,toastOut .4s ease-in 2.4s forwards}.gift-toast.a{border-color:#2495ff;color:#bfe3ff}.gift-toast.b{border-color:#ff4261;color:#ffc2cc}@keyframes toastIn{0%{opacity:0;transform:translate(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)}}.vote-strip{position:absolute;z-index:6;left:50%;bottom:10.5%;transform:translate(-50%);display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:10px;min-width:340px;padding:6px 14px;border:1px solid #ffffff18;border-radius:999px;background:#050914dd;box-shadow:0 10px 30px #0008;pointer-events:none}.vote-strip[hidden]{display:none}.vote-side{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:900}.vote-side.b{justify-content:flex-end;text-align:right}.vote-side.a .vote-team{color:#38bdf8}.vote-side.b .vote-team{color:#fb7185}.vote-side b{min-width:70px;color:#64748b;transition:color .15s}.vote-side b.hot{color:#fff}.vote-bar{height:5px;overflow:hidden;border-radius:9px;background:#101827}.vote-bar i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#19b7ff,#ff526d)}@keyframes voteFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hp-fill.low{animation:hpPulse .7s ease-in-out infinite alternate}@keyframes hpPulse{0%{opacity:1}to{opacity:.5}}.round small.warn{color:#ff5470;animation:timerBeat .5s ease-in-out infinite alternate}@keyframes timerBeat{0%{transform:scale(1)}to{transform:scale(1.25)}}.winner:not(:empty){animation:winnerPop .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes winnerPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.spam-test{width:100%;margin-top:6px;padding:8px;border:1px dashed #3b4a66;border-radius:8px;background:transparent;color:#8fa3c0;font-size:9px;font-weight:900;cursor:pointer}.spam-test:hover{background:#0d1726}@media (max-width:900px){.gift-guide{min-width:0;padding:7px 9px}.gift-toast{font-size:10px;max-width:200px}.vote-strip{min-width:0;grid-template-columns:1fr 70px 1fr;gap:8px}}@media (max-width:560px){.gift-guide small{display:none}.gift-guide-title{font-size:8px}.gift-toast{font-size:9px;max-width:150px;padding:6px 9px}.vote-side{font-size:8px}.vote-side b{min-width:0}.vote-strip{padding:5px 9px}}@media (prefers-reduced-motion:reduce){.hp-fill.low,.round small.warn,.winner:not(:empty),.gift-toast{animation:none}}