:root{color:#1f2530;font-synthesis-weight:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5}html,body,#app{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{background:linear-gradient(135deg,#ffffffeb 0 22%,#0000 22% 100%),linear-gradient(#f8fafc 0,#edf2f8 42%,#e8edf4 100%);margin:0}button,input,select,textarea{font:inherit}button{color:#202938;cursor:pointer;white-space:nowrap;will-change:transform;background:linear-gradient(#fff,#f5f7fb);border:1px solid #cfd8e6;border-radius:7px;min-height:36px;padding:7px 12px;font-weight:760;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s;box-shadow:inset 0 1px #ffffffc7}button:hover:not(:disabled){background:linear-gradient(#fff,#edf2f8);border-color:#9aa8ba;transform:translateY(-1px);box-shadow:0 7px 18px #2330461f}button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2330461a}button:disabled{cursor:not-allowed;opacity:.48;transform:none}button.primary{color:#fff;background:linear-gradient(#3674dd,#204fae);border-color:#1f4b9b}button.primary:hover:not(:disabled){background:linear-gradient(#2d68c9,#1c469a);border-color:#183d85}button.danger{color:#9f251f;background:linear-gradient(#fff8f7,#ffe9e6);border-color:#c53c38}button.brand{min-height:36px;box-shadow:none;color:#111827;background:0 0;border-color:#0000;padding-left:0;font-size:19px;font-weight:900}input,select,textarea{color:#1f2530;background:#fff;border:1px solid #c9d3e2;border-radius:7px;width:100%;padding:9px 11px;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus,textarea:focus{border-color:#2f67c8;outline:0;box-shadow:0 0 0 3px #2f67c82e}textarea{resize:vertical;min-height:92px}a{color:#185bb7;font-weight:760;text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px 9px}th{color:#64748b;font-size:12px;font-weight:900}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #d7e0ec;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:10px 18px;display:flex;position:sticky;top:0;box-shadow:0 10px 28px #151e3014}.brand-row,.panel-title,.scoreboard,.actions,.vote,.history,.player,.badge-row,.admin-head,.admin-actions,.restriction-banner,.seat-badge{align-items:center;gap:10px;display:flex}.brand-row{flex-wrap:wrap;min-width:0}.status-pill{color:#435266;text-overflow:ellipsis;white-space:nowrap;background:#f7f9fc;border:1px solid #d8e2ee;border-radius:999px;max-width:46vw;padding:5px 10px;overflow:hidden}.status-pill.warning{color:#9a4b10;background:#fff7ed;border-color:#ffd5a0}.muted{color:#69788c}.user-area{position:relative}.user-button{color:#fff;text-align:left;background:linear-gradient(#2c5fbe,#244a9b);border-color:#244a9b;min-width:150px}.user-menu{z-index:20;background:#fff;border:1px solid #dce4ee;border-radius:8px;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #151e3029}.user-menu button{text-align:left;width:100%}.home-grid,.arena,.lobby{gap:16px;height:calc(100vh - 66px);min-height:0;padding:16px;display:grid}.auth-gate{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(560px,100%)}.home-grid{grid-template-columns:minmax(320px,.88fr) minmax(480px,1.72fr)}.arena{grid-template-columns:minmax(420px,1.08fr) minmax(340px,.92fr) minmax(320px,.82fr)}.lobby{grid-template-columns:minmax(460px,1.18fr) minmax(340px,.82fr)}.panel{background:linear-gradient(#fff,#fbfdff);border:1px solid #d8e2ee;border-radius:8px;min-width:0;min-height:0;padding:16px;overflow:hidden;box-shadow:0 16px 34px #151e3017}.panel-title{justify-content:space-between;margin-bottom:14px}.panel-title>div{gap:2px;display:grid}.panel-title span{color:#111827;font-size:18px;font-weight:900}.panel-title small{color:#69788c;font-size:12px;font-weight:760}.stack{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;display:grid}.home-bottom{grid-template-columns:minmax(0,3fr) minmax(250px,2fr);gap:16px;min-height:0;display:grid}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:26px;display:grid}.eyebrow{color:#2f67c8;letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:950}h1{color:#101722;letter-spacing:0;max-width:620px;margin:0;font-size:34px;line-height:1.15}.lead{color:#536276;max-width:580px;margin:12px 0 0;font-size:16px}h3{letter-spacing:0;margin:0 0 12px;font-size:15px}.create-form{gap:12px;display:grid}.create-form label,.difficulty-field{color:#536276;gap:7px;font-weight:820;display:grid}.difficulty-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.range-arrow{color:#637083;padding:0 0 10px;font-weight:900}.difficulty-input{display:block;position:relative}.difficulty-input select{border-color:color-mix(in srgb, var(--difficulty-color) 48%, #c9d3e2);padding-left:32px}.difficulty-dot{z-index:1;background:var(--difficulty-color);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--difficulty-color) 18%, transparent);border-radius:999px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.picker-note{color:#64748b;justify-content:space-between;gap:8px;font-size:12px;font-weight:760;display:flex}.teams{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.teams.compact{grid-template-columns:1fr;gap:8px;margin-bottom:10px}.team{background:#fbfdff;border:1px solid #e0e7f0;border-radius:8px;min-width:0;padding:14px}.team.red{border-left:5px solid #c83b35}.team.blue{border-left:5px solid #2865d5}.team.spectator{border-left:5px solid #788596}.player{border-top:1px solid #edf1f6;flex-wrap:wrap;justify-content:space-between;padding:9px 0}.player:first-of-type{border-top:0}.player-name{overflow-wrap:anywhere;color:#1f2937;min-width:0;font-weight:840}.player.restricted .player-name{color:#9f251f}.badge-row{flex-wrap:wrap;gap:5px}.role,.difficulty-badge{color:#526174;background:#f6f8fb;border:1px solid #d9e1ec;border-radius:999px;align-items:center;min-height:22px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.role.admin{color:#1855ad;background:#eef5ff;border-color:#bfd4ff}.role.muted{color:#9a4b10;background:#fff7ed;border-color:#ffdfa8}.role.kicked{color:#b42318;background:#fff1f0;border-color:#ffc8c4}.moderation-reason{color:#9f251f;flex-basis:100%;font-weight:720}.restriction-banner{color:#9f251f;background:#fff7f5;border:1px solid #ffc8c4;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.restriction-banner span{color:#7f2a24;font-weight:720}.room-list{align-content:start;gap:10px;height:calc(100% - 42px);display:grid;overflow:auto}.room-card{background:#fbfdff;border:1px solid #e0e7f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.room-card:hover{border-color:#c6d4e6;transform:translateY(-1px);box-shadow:0 10px 24px #151e3014}.room-card strong,.room-card span{display:block}.room-card strong{color:#172033;font-size:15px}.room-card span{color:#69788c;font-size:12px;font-weight:760}.room-card em{color:#526174;border:1px solid #d8e2ee;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:900;display:inline-block}.room-card em.live{color:#1459c8;background:#eef5ff;border-color:#cfe0ff}.red{color:#b3261e}.blue{color:#1459c8}tr.red{background:#fff3f2}tr.blue{background:#eff5ff}.scoreboard{background:#f7f9fc;border:1px solid #dce5ef;border-radius:8px;justify-content:space-between;padding:12px 14px}.scoreboard strong{font-size:22px}.scoreboard span{color:#536276;font-weight:860}.seat-badge{background:#f8fafc;border:1px solid #dce5ef;border-radius:8px;justify-content:space-between;padding:10px 12px}.seat-badge span,.admin-tools span{color:#69788c;font-size:12px;font-weight:860}.seat-badge strong{font-size:18px}.seat-badge.red{border-left:5px solid #c83b35}.seat-badge.blue{border-left:5px solid #2865d5}.seat-badge.spectator{border-left:5px solid #788596}.result{color:#17612b;background:#eff8f1;border:1px solid #b9d6c1;border-radius:8px;padding:12px;font-weight:900}.actions{flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.problem-title{color:#667386;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;font-weight:680;display:block;overflow:hidden}.difficulty-badge{border-color:color-mix(in srgb, var(--difficulty-color) 44%, #d9e1ec);background:color-mix(in srgb, var(--difficulty-color) 12%, #fff);color:color-mix(in srgb, var(--difficulty-color) 76%, #111827)}.chat-panel{flex-direction:column;display:flex}.chat-log{background:#f9fbfd;border:1px solid #e0e7f0;border-radius:8px;flex:1;min-height:280px;padding:12px;overflow:auto}.chat-log p,.system-flow p{margin:0 0 10px}.chat-log p{border-bottom:1px solid #edf1f6;padding-bottom:9px;animation:.18s both fade-slide}.chat-log span{color:#69788c;font-size:12px;font-weight:780;display:block}.chat-log .private{color:#7a4700}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.system-flow{color:#4d5b6e;border-top:1px solid #e0e7f0;height:150px;margin-top:14px;padding-top:12px;overflow:auto}.table-scroll{border:1px solid #e0e7f0;border-radius:8px;min-height:0;overflow:auto}.table-scroll table th,.table-scroll table td{white-space:nowrap}.masked-problems{position:relative}.masked-problems:after{color:#2d3748;content:"题目已封存，开赛后公开";pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff9e;place-items:center;font-weight:950;display:grid;position:absolute;inset:0}.blur-token{filter:blur(20px);opacity:.88;-webkit-user-select:none;user-select:none;min-width:72px;display:inline-block}.problem-scroll,.feed-scroll{flex:1}.votes{gap:8px;margin-top:12px;display:grid}.vote{background:#fbfdff;border:1px solid #e0e7f0;border-radius:8px;justify-content:space-between;padding:10px}.history{border-bottom:1px solid #edf1f6;justify-content:space-between;padding:10px 0}.admin-tools{background:#f8fafc;border:1px solid #dce5ef;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.admin-tools.compact{max-height:260px;overflow:auto}.admin-head{justify-content:space-between}.admin-list{gap:8px;display:grid}.admin-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(120px,.9fr) minmax(120px,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.admin-row strong,.admin-row span{display:block}.admin-row strong{color:#172033}.admin-actions{flex-wrap:wrap;justify-content:flex-end}.end-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a52;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.end-card{text-align:center;background:#fff;border:1px solid #d8e2ee;border-radius:8px;width:min(560px,100%);padding:30px;animation:.22s both scale-in;box-shadow:0 28px 70px #0b132038}.end-card h1{max-width:none;font-size:44px}.arena>.panel,.home-grid>.panel,.home-grid>.stack,.lobby>.panel,.home-bottom>.panel{height:100%}.arena>.panel,.lobby>.panel{flex-direction:column;gap:10px;display:flex}.lobby .table-scroll{flex:1}.lift-in{animation:.26s both lift-in}@keyframes lift-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1280px){#app{overflow:auto}.home-grid,.lobby,.arena{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 66px)}.hero-panel,.home-bottom{grid-template-columns:1fr}.home-grid>.panel,.home-grid>.stack,.lobby>.panel,.arena>.panel{min-height:360px}.chat-log{min-height:240px}}@media (width<=760px){.home-grid,.arena,.lobby{gap:12px;padding:12px}.topbar{padding:10px 12px;display:grid}.brand-row,.teams,.difficulty-row,.admin-row{grid-template-columns:1fr;align-items:stretch}.chat-form{grid-template-columns:1fr}.status-pill{max-width:none}h1,.end-card h1{font-size:28px}}