.battle-room{max-width:none;min-height:100vh;padding:0 5vw 50px;background:radial-gradient(circle at 78% 17%,#321061 0,transparent 28%),radial-gradient(circle at 8% 86%,#07364a 0,transparent 24%),#070711}.battle-header{width:100%;max-width:1220px;margin:auto;padding:20px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.battle-exit{justify-self:start;color:#fff;font-weight:900;letter-spacing:.6px}.battle-exit:hover{color:#4fe7ff}.battle-logo{width:130px;height:52px;object-fit:cover;object-position:center}.battle-players{justify-self:end;color:#4fe7ff;font-weight:900;font-size:12px;letter-spacing:1px}.battle-players i,.battle-room .chat-title i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4fe7b0;box-shadow:0 0 10px #4fe7b0}.battle-room .game-grid{max-width:1220px;margin:100px auto 0;grid-template-columns:minmax(0,1fr) 290px;gap:48px;padding:0}.battle-room .question-panel{position:relative}.battle-room .eyebrow{color:#4fe7ff;font-size:12px;font-weight:900;letter-spacing:2px}.battle-room .eyebrow span{color:#f22f40;margin:0 5px}.battle-room .arena h1{max-width:930px;margin:28px 0 42px;color:#f9f8ff;font-size:clamp(40px,5.5vw,72px);font-weight:900;letter-spacing:-4px;line-height:.96;text-transform:uppercase}.battle-room .timer{margin:0 0 40px}.battle-room .timer>span{display:block;margin-bottom:10px;color:#c2c1dc;font-size:11px;font-weight:900;letter-spacing:1.3px}.battle-room .timer div{height:10px;border-radius:0;background:#262541;overflow:visible}.battle-room .timer i{height:100%;background:linear-gradient(90deg,#4fe7ff,#f22f40);box-shadow:0 0 17px #f22f4080}.battle-room .scoreboard{align-self:start;padding:0;border:0;border-radius:0;background:transparent}.battle-room .scoreboard .side-section{padding:22px 20px 13px;border:2px solid #422b66;border-radius:22% 4% 18% 5%;background:#110d29a6;transform:rotate(1deg)}.battle-room .scoreboard .eyebrow{margin:0 0 16px;color:#ffed9a}.battle-room .rank{padding:15px 0;border-color:#3d3159;font-size:14px}.battle-room .rank b{width:31px;color:#f22f40}.battle-room .rank strong{color:#4fe7ff}.battle-room .chat{min-height:285px;max-height:390px;margin:0 0 18px;border:2px solid #352754;border-radius:4% 1% 5% 1%;background:#0c0c1c}.battle-room .chat-title{padding:14px 18px;border-bottom:1px solid #382e55;background:#17132e;color:#4fe7ff;font-size:11px;font-weight:900;letter-spacing:1.5px}.battle-room .chat-title b{color:#a7a4c5;font-size:10px}.battle-room .chat-messages{padding:17px 20px}.battle-room .chat-messages p{font-size:14px}.battle-room .chat-messages p b{color:#4fe7ff}.battle-room .chat-messages .muted{color:#8e8ca9;font-weight:700;letter-spacing:1px}.battle-room .winner-message{border-left-color:#f22f40;background:linear-gradient(90deg,#f22f4033,#29133c);border-radius:0;transform:skewX(-2deg)}.battle-room .winner-message>*{transform:skewX(2deg)}.battle-room .arena>form{display:flex;gap:11px;padding:0;background:transparent}.battle-room .arena>form input{border:2px solid #6655a3;border-radius:0;background:#100d26;color:#fff;font-weight:800;letter-spacing:.3px}.battle-room .arena>form input:focus{outline:0;border-color:#4fe7ff;box-shadow:5px 5px 0 #f22f40}.battle-room .arena>form button{padding:0 25px;border-radius:3px;background:#f22f40;color:#fff;font-size:13px;font-weight:900;letter-spacing:1px;box-shadow:5px 5px 0 #6b1455}.battle-room .arena>form button:enabled:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #6b1455}.battle-room .arena>form button:disabled{background:#4d1e49;color:#afa2aa;box-shadow:none}.battle-room .arena>form button b{font-size:18px}.battle-room .nickname-overlay{background:#060610df}.battle-room .nickname-card{border-color:#f22f40;border-radius:4% 15% 5% 15%;background:#140d28}.battle-room .nickname-card button{border-radius:3px;background:#f22f40;box-shadow:4px 4px 0 #66124e}@media(max-width:800px){.battle-room{padding:0 18px 35px}.battle-header{padding:14px 0}.battle-logo{width:108px;height:44px}.battle-exit,.battle-players{font-size:10px}.battle-room .game-grid{display:flex;flex-direction:column;margin-top:54px;gap:26px}.battle-room .arena{width:100%}.battle-room .arena h1{margin:20px 0 28px;font-size:clamp(38px,11vw,58px);letter-spacing:-3px}.battle-room .scoreboard{width:100%;order:2}.battle-room .scoreboard .side-section{border-radius:12px}.battle-room .chat{min-height:270px}.battle-room .arena>form{flex-direction:row}.battle-room .arena>form button{min-width:110px;padding:0 12px}.battle-room .arena>form input{padding:15px 13px}.battle-room .timer{margin-bottom:28px}}body main.battle-room .game-grid{margin-top:42px}body main.battle-room .arena h1{margin-top:20px;margin-bottom:28px}body main.battle-room .timer{margin-bottom:24px}body main.battle-room .chat{height:240px;min-height:0;max-height:none}body main.battle-room .arena>form{position:static}.battle-room .my-player-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;grid-gap:11px;gap:11px;margin:0 0 17px;padding:13px;border:2px solid #f22f40;border-radius:15% 4% 12% 4%;background:#1d102e;color:#fff;box-shadow:5px 5px 0 #5b164f;transition:.2s}.battle-room .my-player-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #5b164f}.battle-room .my-avatar{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:2px solid #4fe7ff;border-radius:50%;background:#231747;color:#4fe7ff;font-size:20px;font-weight:900}.battle-room .my-avatar img{width:100%;height:100%;object-fit:cover}.battle-room .my-player-card b,.battle-room .my-player-card em,.battle-room .my-player-card small{display:block}.battle-room .my-player-card small{color:#4fe7ff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:1px}.battle-room .my-player-card b{margin:2px 0;font-size:15px}.battle-room .my-player-card em{color:#ffed9a;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.6px}.battle-room .my-player-card>strong{color:#f22f40;font-size:21px}@media(max-width:800px){.battle-room .my-player-card{border-radius:10px}}