:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f8fb;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#f1f5f9;--line:#e5e7eb;--line-strong:#cbd5e1;--text:#111827;--text-soft:#475569;--text-muted:#64748b;--text-faint:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--primary-line:#bfdbfe;--success:#059669;--success-soft:#ecfdf5;--success-line:#a7f3d0;--warning:#d97706;--warning-soft:#fffbeb;--warning-line:#fde68a;--danger:#dc2626;--danger-soft:#fef2f2;--danger-line:#fecaca;--info:#0891b2;--info-soft:#ecfeff;--info-line:#a5f3fc;--purple:#7c3aed;--purple-soft:#f5f3ff;--purple-line:#ddd6fe;--radius:8px;--radius-sm:6px;--shadow:0 1px 2px #0f172a0f;--shadow-lg:0 18px 45px #0f172a1f;--color-bg-1:#fff;--color-bg-2:#fff;--color-bg-3:#f8fafc;--color-bg-4:#f1f5f9;--color-fill-1:#f8fafc;--color-fill-2:#f1f5f9;--color-fill-3:#e2e8f0;--color-fill-4:#cbd5e1;--color-text-1:#111827;--color-text-2:#334155;--color-text-3:#64748b;--color-text-4:#94a3b8;--color-border:#e5e7eb;--color-border-2:#dbe3ee;--color-primary-light-1:#eff6ff;--color-primary-light-2:#dbeafe;--color-primary-light-3:#bfdbfe;--color-primary-light-4:#93c5fd;--color-primary-6:#2563eb;--border-radius-small:6px;--border-radius-medium:8px;--border-radius-large:8px;background:#f6f8fb;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;min-height:100%;margin:0}body{background:var(--bg);min-width:320px;overflow:auto}button,input,textarea,select{font:inherit}button{letter-spacing:0}#app{min-height:100dvh}.admin-shell{height:100dvh;min-height:0;color:var(--text);background:var(--bg);overflow:hidden}.admin-main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.admin-sider{z-index:5;border-right:1px solid var(--line);height:100dvh;position:relative;box-shadow:1px 0 #0f172a05;background:var(--surface)!important;overflow:visible!important}.admin-sider .arco-layout-sider-children{flex-direction:column;height:100%;min-height:0;padding:18px 12px;display:flex}.sider-collapse-button{z-index:2;width:32px;height:32px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;place-items:center;transition:color .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:absolute;top:18px;right:-16px}.sider-collapse-button:hover{color:var(--primary);border-color:var(--primary-line);transform:translateY(-1px);box-shadow:0 8px 22px #2563eb21}.brand-panel{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:0 8px 18px;display:flex}.brand-mark{color:#fff;background:var(--primary);border-radius:var(--radius);flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid;box-shadow:0 8px 18px #2563eb2e}.brand-copy{min-width:0}.brand-copy h1{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;line-height:1.2;overflow:hidden}.brand-copy p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.admin-sider--collapsed .brand-panel{justify-content:center;padding-left:0;padding-right:0}.admin-sider--collapsed .brand-copy{display:none}.admin-menu{flex:1;min-height:0;margin-top:16px;overflow-y:auto;background:0 0!important;border:0!important;padding:0!important}.admin-menu .arco-menu-inner{padding:0!important}.admin-menu .arco-menu-item{height:42px;margin:4px 0;transition:color .16s,background .16s;color:var(--text-soft)!important;border-radius:var(--radius)!important}.admin-menu .arco-menu-icon,.admin-menu .arco-icon{font-size:17px;color:inherit!important}.admin-menu .arco-menu-item:hover{color:var(--primary)!important;background:var(--primary-soft)!important}.admin-menu .arco-menu-selected,.admin-menu .arco-menu-selected:hover{font-weight:700;color:var(--primary)!important;background:var(--primary-soft)!important}.admin-menu .arco-menu-selected:before{display:none!important}.admin-header{border-bottom:1px solid var(--line);background:#fffffff0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 24px;display:flex}.header-left{gap:4px;min-width:0;display:grid}.header-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-menu-trigger{max-width:260px;min-height:36px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:8px;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.user-menu-trigger:hover{border-color:var(--primary-line);box-shadow:0 8px 22px #2563eb1f}.user-menu-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.disabled-action-wrap{cursor:not-allowed;display:inline-flex}.admin-content{background:var(--bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px 24px 24px;overflow:hidden auto}.page-grid{align-content:start;gap:16px;min-width:0;min-height:max-content;padding-bottom:2px;display:grid}.page-hero{justify-content:space-between;align-items:flex-end;gap:16px;min-height:76px;padding:4px 0 2px;display:flex}.hero-copy{gap:6px;min-width:0;max-width:760px;display:grid}.hero-eyebrow,.panel-kicker{color:var(--primary);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.hero-copy h1,.panel-head h3,.drawer-title h3{color:var(--text);letter-spacing:0;margin:0;font-weight:800;line-height:1.25}.hero-copy h1{font-size:24px}.panel-head h3,.drawer-title h3{font-size:17px}.hero-copy p,.panel-head p,.drawer-title p,.hero-desc{color:var(--text-muted);margin:0;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:fit-content;display:flex}.panel,.metric-card,.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{gap:14px;padding:16px;display:grid}.data-table-panel{height:var(--data-table-panel-height);min-height:0;max-height:min(var(--data-table-panel-height), calc(100dvh - 132px));flex-direction:column;display:flex;overflow:hidden}.data-table-toolbar{flex:none}.data-table-body{flex:auto;min-height:0;overflow:hidden}.data-table-footer{flex:none}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head>div{gap:5px;min-width:0;display:grid}.metric-card{gap:10px;min-height:124px;padding:16px;display:grid}.metric-card span{color:var(--text-muted);font-size:12px;font-weight:700}.metric-card strong{color:var(--text);font-size:34px;font-weight:800;line-height:1}.metric-card p{color:var(--text-soft);margin:0}.chart-surface{width:100%;height:280px}.kv-list{gap:8px;display:grid}.kv-list>div,.mini-metric{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 12px;display:flex}.kv-list span,.mini-metric span{color:var(--text-muted)}.kv-list strong,.mini-metric strong{color:var(--text);font-weight:800}.alert-stack{gap:10px;display:grid}.toolbar{grid-template-columns:minmax(260px,1fr) minmax(150px,180px) auto;align-items:center;gap:10px;display:grid}.toolbar--wide{grid-template-columns:minmax(140px,160px) minmax(140px,160px) minmax(120px,150px) minmax(280px,1fr) auto}.toolbar--rooms{grid-template-columns:minmax(260px,1fr) minmax(140px,160px) minmax(140px,160px) auto}.toolbar--audit{grid-template-columns:minmax(160px,180px) minmax(160px,180px) minmax(280px,1fr) auto}.table-footer{justify-content:flex-end;padding-top:2px;display:flex;overflow-x:auto}.player-cell,.drawer-title{align-items:center;gap:12px;min-width:0;display:flex}.player-cell>div,.drawer-title>div{min-width:0}.player-name,.strong{color:var(--text);font-weight:700}.player-idline,.table-subtle{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.link-button{color:var(--primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.drawer-spin{width:100%}.drawer-title{margin-bottom:16px}.drawer-metrics,.section-title,.modal-form{margin-top:14px}.section-title{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:800}.room-code{min-width:74px;height:46px;color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-line);border-radius:var(--radius);place-items:center;font-weight:800;display:grid}.player-panels{gap:10px;display:grid}.player-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:12px;display:grid}.player-panel span{color:var(--text-muted);font-size:12px}.player-panel strong{color:var(--text);font-size:16px}.player-panel p{color:var(--text-muted);margin:0}.gomoku-board{aspect-ratio:1;border-radius:var(--radius);background:#d8a75a;border:1px solid #b7791f;width:min(100%,640px);margin:0 auto;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.gomoku-cell{border-bottom:1px solid #5834085c;border-right:1px solid #5834085c;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.gomoku-cell--last{background:#2563eb2e}.stone{aspect-ratio:1;border-radius:50%;place-items:center;width:76%;font-size:10px;font-weight:800;display:grid}.stone--black{color:#f8fafc;background:#111827;box-shadow:inset 0 2px 7px #ffffff1f}.stone--white{color:#111827;background:#fff;border:1px solid #0f172a38;box-shadow:inset 0 -2px 5px #0f172a14}.json-block{color:#dbeafe;border-radius:var(--radius);background:#0f172a;border:1px solid #1e293b;max-height:420px;margin:0;padding:12px;overflow:auto}.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(460px,100%);padding:28px}.login-card h1{color:var(--text);margin:8px 0;font-size:26px;font-weight:800;line-height:1.25}.login-tags{margin:18px 0 20px}.login-hint{color:var(--text-muted);margin:14px 0 0;font-size:13px}.arco-layout{background:0 0!important}.arco-card,.arco-modal,.arco-drawer{border-radius:var(--radius)!important}.arco-card,.arco-drawer,.arco-modal{color:var(--text);background:var(--surface)!important}.arco-drawer-header,.arco-modal-header{border-color:var(--line)!important}.arco-drawer-title,.arco-modal-title{color:var(--text)!important;font-weight:800!important}.arco-table-container{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.arco-table,.arco-table-container,.arco-table-element{background:0 0!important}.arco-table-th{height:44px;color:var(--text-soft)!important;background:var(--surface-soft)!important;border-bottom:1px solid var(--line)!important;font-size:12px!important;font-weight:800!important}.arco-table-td{color:var(--text);background:var(--surface);border-bottom:1px solid var(--line)!important}.arco-table-tr:hover .arco-table-td{background:#f8fbff!important}.arco-table-cell{word-break:break-word;line-height:1.5}.arco-table-border .arco-table-td:not(.arco-table-operation),.arco-table-border .arco-table-th:not(.arco-table-operation){border-right-color:var(--line)!important}.arco-input-wrapper,.arco-select-view-single,.arco-picker,.arco-textarea-wrapper{color:var(--text)!important;background:var(--surface)!important;border-color:var(--line-strong)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.arco-input-wrapper:hover,.arco-select-view-single:hover,.arco-picker:hover,.arco-textarea-wrapper:hover{border-color:var(--primary-line)!important}.arco-input-wrapper.arco-input-focus,.arco-select-view-focus,.arco-picker-focused,.arco-textarea-wrapper:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}.arco-input,.arco-input-inner-wrapper input{color:var(--text)!important}.arco-input::placeholder,.arco-input-inner-wrapper input::placeholder{color:var(--text-faint)!important}.arco-form-item-label-col>label{font-weight:700;color:var(--text-soft)!important}.arco-btn{font-weight:700;border-radius:var(--radius-sm)!important}.arco-btn-primary{box-shadow:0 8px 18px #2563eb29;color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important}.arco-btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.arco-btn-secondary,.arco-btn-outline{color:var(--text-soft)!important;background:var(--surface)!important;border-color:var(--line-strong)!important}.arco-btn-secondary:hover,.arco-btn-outline:hover{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:var(--primary-line)!important}.arco-btn-status-danger.arco-btn-outline,.arco-btn-status-danger.arco-btn-secondary{color:var(--danger)!important;background:var(--danger-soft)!important;border-color:var(--danger-line)!important}.arco-tag{font-weight:700;border-radius:999px!important}.arco-tag-green{color:var(--success)!important;background:var(--success-soft)!important;border-color:var(--success-line)!important}.arco-tag-arcoblue,.arco-tag-blue{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:var(--primary-line)!important}.arco-tag-cyan{color:var(--info)!important;background:var(--info-soft)!important;border-color:var(--info-line)!important}.arco-tag-orange,.arco-tag-gold{color:var(--warning)!important;background:var(--warning-soft)!important;border-color:var(--warning-line)!important}.arco-tag-red{color:var(--danger)!important;background:var(--danger-soft)!important;border-color:var(--danger-line)!important}.arco-tag-purple{color:var(--purple)!important;background:var(--purple-soft)!important;border-color:var(--purple-line)!important}.arco-tag-gray{color:var(--text-muted)!important;background:var(--surface-muted)!important;border-color:var(--line)!important}.arco-alert{border-radius:var(--radius)!important}.arco-alert-info{background:var(--info-soft)!important;border-color:var(--info-line)!important}.arco-alert-success{background:var(--success-soft)!important;border-color:var(--success-line)!important}.arco-alert-warning{background:var(--warning-soft)!important;border-color:var(--warning-line)!important}.arco-alert-error{background:var(--danger-soft)!important;border-color:var(--danger-line)!important}.arco-descriptions-item-label,.arco-descriptions-item-value{border-color:var(--line)!important}.arco-descriptions-item-label{color:var(--text-muted);background:var(--surface-soft);font-weight:700}.arco-descriptions-item-value{color:var(--text);background:var(--surface)}.arco-tabs-nav-tab{color:var(--text-soft)}.arco-tabs-tab-active{font-weight:800;color:var(--primary)!important}.arco-tabs-nav-ink{background:var(--primary)!important}.arco-pagination{color:var(--text-soft)}.arco-pagination-item,.arco-pagination-jumper-input,.arco-pagination-options-size-changer{border-radius:var(--radius-sm)!important}.arco-empty-description,.arco-breadcrumb,.arco-breadcrumb a,.arco-breadcrumb-item{color:var(--text-muted)!important}.arco-breadcrumb-item:last-child{font-weight:800;color:var(--text)!important}.arco-avatar{border:1px solid var(--primary-line);color:var(--primary)!important;background:var(--primary-soft)!important}.arco-dropdown-list{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;padding:6px!important}.arco-dropdown-option{border-radius:var(--radius-sm)!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}@media (width<=1100px){.toolbar,.toolbar--wide,.toolbar--rooms,.toolbar--audit{grid-template-columns:1fr 1fr}.page-hero,.admin-header{flex-direction:column;align-items:flex-start}.admin-header{min-height:auto;padding-top:14px;padding-bottom:14px}.data-table-panel{height:auto;min-height:min(560px,100dvh - 150px);max-height:none}.header-status{justify-content:flex-start}}@media (width<=760px){.admin-content{padding:16px}.toolbar,.toolbar--wide,.toolbar--rooms,.toolbar--audit{grid-template-columns:1fr}.header-status{width:100%}.user-menu-trigger{max-width:100%}.data-table-panel{min-height:min(620px,100dvh - 120px)}.page-hero{min-height:auto}.hero-actions,.table-footer{justify-content:flex-start}.chart-surface{height:240px}.login-card{padding:22px}}