:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#192232;background:#edf1f5;font-synthesis:none;--ink: #192232;--muted: #6b7481;--line: #dce2e8;--navy: #10182b;--green: #0c8b66;--green-soft: #e3f4ee;--gold: #d4a338;--red: #c64747;--white: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf1f5}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 32px}.brand-mark,.intro-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:var(--green);font:700 24px Menlo,Monaco,monospace;box-shadow:inset 0 0 0 4px #ffffff21}.brand strong,.brand small,.account strong,.account small,.sidebar-footer strong,.sidebar-footer small{display:block}.brand small,.sidebar-footer small{color:#8791a5;margin-top:3px;font-size:11px;letter-spacing:.08em}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#abb4c5;text-decoration:none;padding:12px 14px;border-radius:10px;display:flex;gap:13px;align-items:center;transition:.2s ease}.sidebar nav a span{width:22px;color:#7d889e;font-family:Menlo,Monaco,monospace;text-align:center}.sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar nav a.router-link-active{color:#fff;background:var(--green);box-shadow:0 8px 20px #0c8b6640}.sidebar nav a.router-link-active span{color:#fff}.sidebar-footer{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;font-size:12px}.online-dot{width:8px;height:8px;border-radius:50%;background:#42d79e;box-shadow:0 0 0 4px #42d79e1f}.main-panel{min-width:0}.topbar{min-height:92px;padding:20px 34px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.topbar h1{margin:2px 0 0;font-size:23px}.eyebrow{color:var(--green);font:500 10px Menlo,Monaco,monospace;letter-spacing:.18em}.account{display:flex;align-items:center;gap:18px;text-align:right}.account small{color:var(--muted);margin-top:2px}.menu-button{display:none;border:0;background:transparent;font-size:24px}.page-content{padding:32px 34px 48px;max-width:1600px;margin:0 auto}.page-stack{display:grid;gap:24px}.page-heading,.panel-title,.drawer-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading p{color:var(--muted);margin-bottom:5px;font-size:13px}.page-heading h2{margin:0;font-size:27px}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 26px #10182b0a}.panel-title{padding:22px 24px;border-bottom:1px solid var(--line)}.panel-title h3{margin:2px 0 0}.button{border:0;border-radius:8px;min-height:40px;padding:0 18px;font-weight:600;transition:.2s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{color:#fff;background:var(--green)}.button.primary:hover:not(:disabled){background:#087456}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.ghost{min-height:34px;padding:0 12px;background:#f1f4f7;color:var(--muted)}.button.danger{color:#fff;background:var(--red)}.button.wide{width:100%}.text-button{border:0;background:transparent;color:var(--green);padding:5px 7px;font-weight:600}.danger-text{color:var(--red)}.inline-actions{display:flex;gap:8px}.search-input,input,textarea{width:100%;border:1px solid #cfd6de;border-radius:8px;background:#fff;padding:10px 12px;outline:none;color:var(--ink)}.search-input{width:220px}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0c8b661a}label{display:grid;gap:7px;font-size:13px;font-weight:600}.notice{padding:12px 14px;border-radius:8px;background:#eaf4f0;color:#176c54;margin:0}.error-message{color:#a73939;background:#faeaea}.pill,.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;white-space:nowrap}.pill{color:var(--green);background:var(--green-soft)}.status.success{color:#087253;background:#dff3eb}.status.live{color:#9c6506;background:#fff0ce}.status.muted{color:#606a77;background:#edf0f3}.status.error{color:#a73939;background:#faeaea}.mono{font-family:Menlo,Monaco,monospace;font-size:12px;word-break:break-all}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{position:relative;overflow:hidden;background:#fff;padding:22px;border:1px solid var(--line);border-radius:14px}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--green)}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;font:500 38px Menlo,Monaco,monospace;margin:15px 0 9px}.accent-blue:before{background:#3f79b8}.accent-gold:before{background:var(--gold)}.accent-purple:before{background:#7658a8}.dashboard-note{padding-bottom:22px}.dashboard-note p,.dashboard-note>small{margin:20px 24px 0;color:var(--muted)}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{padding:13px 16px;background:#f6f8fa;color:#6c7581;text-align:left;font-size:11px;letter-spacing:.05em}td{padding:15px 16px;border-top:1px solid #e8ecf0;font-size:13px;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}tbody tr:hover{background:#fbfcfc}.empty{padding:40px;color:var(--muted);text-align:center}.versus{color:var(--muted);font-size:10px;padding:0 4px}.detail-card{padding:22px}.player-identity{display:flex;gap:13px;align-items:center}.player-identity .status{margin-left:auto}.player-identity h3,.player-identity p{margin:0}.player-identity p{color:var(--muted);margin-top:3px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#25344c,#10182b);font-weight:700}.avatar.small{width:38px;height:38px;border-radius:10px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.detail-grid div{min-width:0;padding:13px;background:#f5f7f9;border-radius:8px}.detail-grid dt{color:var(--muted);font-size:11px;margin-bottom:6px}.detail-grid dd{margin:0;font-size:13px;word-break:break-word}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.room-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;color:var(--ink);transition:.2s ease}.room-card:hover{transform:translateY(-2px);border-color:#9ccbbb;box-shadow:0 10px 25px #10182b12}.room-card>div:first-child{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.room-card h3{margin:22px 0 6px}.room-card p{color:var(--muted)}.room-stats{display:flex;gap:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.room-stats strong{color:var(--ink)}.empty-card{padding:60px;text-align:center;color:var(--muted);grid-column:1 / -1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0c121e6b;display:flex;justify-content:flex-end}.detail-drawer{width:min(560px,92vw);height:100%;overflow-y:auto;background:#fff;padding:28px;box-shadow:-20px 0 50px #00000024}.wide-drawer{width:min(760px,92vw)}.drawer-title{padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-title h2{margin:4px 0 0}.close-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:25px}.detail-drawer .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subsection{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.member-list{display:grid;gap:10px}.member-list article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#f5f7f9}.member-list small{display:block;color:var(--muted);margin-top:3px}.member-list .seat{grid-column:2 / -1;color:var(--green);font-size:11px}.active-game{background:#fff8e9;padding:18px;border:1px solid #f2dca9;border-radius:10px}.active-game h3{margin:14px 0 8px;font-family:Menlo,Monaco,monospace;word-break:break-all}.config-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:20px}.upload-panel{padding-bottom:22px}.upload-panel>label,.upload-panel>button{margin:18px 22px 0;width:calc(100% - 44px)}.step{font:500 25px Menlo,Monaco,monospace;color:#cbd2d9}.drop-zone{min-height:150px;padding:24px;border:1px dashed #aeb9c4;border-radius:10px;place-items:center;text-align:center;background:#f8fafb;cursor:pointer}.drop-zone input{display:none}.drop-zone small{color:var(--muted);font-weight:400}.upload-icon{display:grid;place-items:center;width:42px;height:42px;color:#fff;border-radius:50%;background:var(--green);font-size:21px}.preview-panel{min-width:0;overflow:hidden}.preview-panel pre,.config-detail{margin:0;padding:22px;overflow:auto;background:#111a2c;color:#cbd6e9;font:12px/1.7 Menlo,Monaco,monospace;min-height:305px}.config-detail{min-height:420px;border-radius:10px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);background:#fff}.login-intro{position:relative;overflow:hidden;padding:9vh 8vw;color:#fff;background:linear-gradient(145deg,#10182b,#152841 58%,#0a654d 130%);display:flex;flex-direction:column;justify-content:center}.login-intro:after{content:"8";position:absolute;right:-40px;bottom:-150px;font:700 430px Menlo,Monaco,monospace;color:#ffffff09}.login-intro h1{font-size:clamp(43px,5vw,72px);line-height:1.12;letter-spacing:-.04em;margin:18px 0 24px}.login-intro p:not(.eyebrow){max-width:490px;color:#aeb9c9;line-height:1.8}.intro-badge{margin-bottom:38px;width:56px;height:56px;font-size:30px}.felt-lines{width:130px;height:3px;margin-top:35px;background:var(--green);box-shadow:35px 10px 0 var(--gold)}.login-card{width:min(430px,calc(100% - 48px));margin:auto;display:grid;gap:36px}.login-card h2{margin:20px 0 7px;font-size:31px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:20px}@media(max-width:1100px){.metric-grid,.room-grid{grid-template-columns:repeat(2,1fr)}.config-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:248px;transition:.2s ease}.sidebar.open{left:0;box-shadow:20px 0 60px #00000040}.menu-button{display:block}.topbar{padding:16px 18px;min-height:76px}.topbar .eyebrow,.account div{display:none}.page-content{padding:22px 16px 36px}.page-heading{align-items:flex-start;flex-direction:column}.inline-actions,.search-input{width:100%}.metric-grid,.room-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.login-page{display:block;min-height:100vh;padding:32px 0;background:#10182b}.login-intro{min-height:300px;padding:35px 24px;background:transparent}.login-intro h1{font-size:42px}.login-intro p:not(.eyebrow),.felt-lines{display:none}.login-card{padding:28px;border-radius:18px;background:#fff}}