@media (max-width:650px){.vue-shell{margin:4vh 12px;padding:24px}.credential-grid,.group-detail{grid-template-columns:1fr}.match-row{grid-template-columns:1fr 70px 100px}}@media (max-width:650px){.vue-shell{margin:4vh 12px;padding:24px}.credential-grid,.group-detail,.current-match{grid-template-columns:1fr}.match-row{grid-template-columns:1fr 60px 90px 60px}}.vue-shell{max-width:900px;margin:8vh auto;padding:40px;background:#fff;border:1px solid #e7ebf2;border-radius:20px;box-shadow:0 18px 50px #263b5a12}.eyebrow{font-size:11px;letter-spacing:3px;color:#6278ae;font-weight:800}.vue-shell h1{font-size:32px;margin:10px 0}.vue-shell p{color:#7b8799}.draw-panel{padding:20px;margin:20px 0;background:#f8faff;border:1px solid #dfe7f5;border-radius:14px}.draw-panel label{display:block;margin:12px 0 6px;font-size:13px;font-weight:700}.draw-panel input,.draw-panel textarea{display:block;width:100%;border:1px solid #d8e0ec;border-radius:8px;padding:10px;font:inherit}.draw-panel textarea{height:130px;resize:vertical}.draw-button{margin-top:14px;background:#456bc8;color:#fff;border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.message{font-size:13px}.history{margin-top:28px}.match-row{display:grid;grid-template-columns:1fr 80px 110px 70px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f5}.match-row button,.credential-panel button{border:1px solid #d7e1f2;background:#edf2ff;color:#456bc8;border-radius:6px;padding:6px 9px;cursor:pointer}.delete-btn{background:#fff0f0;color:#c84d5c;border-color:#f5c0c4}.group-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#fbfcff;border-bottom:1px solid #edf0f5}.group-detail div{display:flex;flex-direction:column;gap:6px}.group-detail b{color:#456bc8}.credential-panel{margin:20px 0;padding:22px;background:#f8faff;border:1px solid #dfe7f5;border-radius:14px}.credential-panel h2{margin:0 0 14px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.credential-box{padding:14px;background:#fff;border:1px solid #e4e9f2;border-radius:10px}.credential-box p{display:flex;align-items:center;gap:7px}.credential-box button{margin-left:auto}.empty{text-align:center}.admin-result{margin:20px 0;padding:22px;background:#101a2b;border-radius:16px;color:#fff}.admin-result h2{margin:0 0 16px}.admin-captains{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:12px}.admin-captain{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;border-radius:12px}.admin-captain strong{font-size:24px}.login-card{max-width:460px;margin:10vh auto;padding:30px;background:#fff;border:1px solid #e7ebf2;border-radius:16px}.login-card input{display:block;width:100%;margin:12px 0;padding:11px;border:1px solid #d8e0ec;border-radius:8px}.error{color:#c84d5c!important}.arena-vue{background:#0d1626;color:#edf4ff;padding:28px;border-radius:18px}.arena-head,.arena-teams{display:flex;justify-content:space-between;gap:16px;align-items:center}.arena-team{flex:1;padding:18px;border:1px solid;border-radius:12px}.arena-team p{color:#dce7fa}.arena-team.red{border-color:#873448}.arena-team.blue{border-color:#285a91}.arena-players{display:flex;flex-wrap:wrap;gap:10px}.arena-players button{padding:10px 16px;border-radius:8px;border:1px solid #405878;background:#16243a;color:#fff;cursor:pointer}.arena-players button:disabled{opacity:.35;cursor:not-allowed}.current-match{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:16px;margin:28px 0;padding:25px;background:#101a2b;border-radius:18px;color:#fff}.captain-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 14px;border-radius:14px}.captain-card span{font-size:13px;font-weight:700}.captain-card strong{font-size:30px}.captain-card small{font-size:10px;letter-spacing:2px;opacity:.7}.captain-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#7d293c;font-size:24px;font-weight:900;box-shadow:0 0 0 5px #ffffff2b}.blue-card .captain-avatar{color:#24538b}.red-card{background:#7d293c}.blue-card{background:#24538b}.versus{text-align:center;font-weight:900;font-size:18px;color:#ffe18a}@media (max-width:650px){.vue-shell{margin:4vh 12px;padding:24px}.credential-grid,.group-detail,.current-match,.admin-captains{grid-template-columns:1fr}.match-row{grid-template-columns:1fr 70px 100px}}:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#182235;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.ready-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin:15px 0;padding:12px;background:#ffffff0d;border-radius:10px;color:#cbd8ef;font-size:13px}.ready-bar button{background:#ffe18a;color:#26334a;border:0;border-radius:7px;padding:8px 14px;font-weight:700;cursor:pointer}.arena-controls{display:flex;align-items:center;gap:12px}.sound-button{padding:7px 10px;border:1px solid #526b8e;border-radius:8px;background:#16243a;color:#edf4ff;cursor:pointer}@media (max-width:650px){.arena-controls{gap:6px}.sound-button{font-size:12px;padding:6px 8px}}.arena-team{transition:transform .25s ease,box-shadow .25s ease}.arena-team.active-turn{transform:translateY(-4px) scale(1.015);box-shadow:0 0 0 2px #ffe18a,0 10px 26px #0005}.arena-turn{transition:all .25s ease}.arena-turn.your-turn{color:#ffe18a;animation:pulse-turn 1.2s ease-in-out infinite}.arena-players button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.arena-players button:not(:disabled):active{transform:scale(.94);box-shadow:0 0 0 5px #6f9cff33}.arena-players button:disabled{transition:opacity .25s ease}.finished-badge{margin-top:12px;padding:9px 13px;border-radius:9px;background:#ffe18a;color:#27334d;font-weight:800;text-align:center;animation:finish-in .45s ease both}@keyframes pulse-turn{50%{transform:scale(1.06)}}@keyframes finish-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arena-team,.arena-turn,.arena-players button,.finished-badge{animation:none!important;transition:none!important}}.reset-btn{border:1px solid #f0c36d!important;background:#fff8e8!important;color:#a56a00!important}