:root{--bg:#f6f7f9;--panel:#fff;--line:#d8dde6;--text:#18202f;--muted:#687386;--brand:#176b87;--brand-strong:#0f5268;--accent:#9b5c2e;--danger:#b42318;--success:#287a3e;--warning:#a15c07}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Microsoft YaHei,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{position:sticky;top:0;height:100vh;align-self:start;overflow-y:auto;background:#17212f;color:#eef3f7;padding:20px 14px;box-sizing:border-box}.brand{display:grid;gap:4px;padding:4px 8px 22px;border-bottom:1px solid hsla(0,0%,100%,.14)}.brand strong{font-size:18px}.brand span{color:#aeb9c6;font-size:12px}.nav{display:grid;gap:6px;margin-top:18px}.nav a,.nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#dce5ed;cursor:pointer;text-align:left}.nav a.active,.nav a:hover,.nav button:hover{background:hsla(0,0%,100%,.1)}.main{min-width:0;padding:0 28px 40px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.page-head{position:sticky;top:0;z-index:10;background:var(--bg);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 0 10px;margin-bottom:0}.page-head h1{margin:0;font-size:24px}.page-head p{margin:6px 0 0;color:var(--muted)}.panel,.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px}.toolbar{position:sticky;top:60px;z-index:9;background:var(--bg);display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;margin-bottom:14px}.panel{padding:16px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:8px;font-size:28px}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.table th{background:#eef2f5;color:#384559;font-weight:700}.table tr:last-child td{border-bottom:0}.admin-games-table-scroll{height:calc(100vh - 170px);min-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.admin-games-table{border:0;border-radius:0;border-collapse:separate;border-spacing:0;overflow:visible}.admin-games-table thead th{position:sticky;top:0;z-index:5;background:#eef2f5;box-shadow:inset 0 -1px 0 var(--line)}.admin-games-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.admin-games-actions .button{margin-right:0!important}.game-card-list{display:none}.game-result-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px}.game-result-card p{margin:0;color:#354155;line-height:1.55}.game-result-card-head{display:grid;gap:5px}.game-result-card-head strong{display:block;font-size:16px;line-height:1.35}.game-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;scroll-margin-top:18px}.pagination{margin:12px 0}.pagination-item-wrap{display:inline-flex;align-items:center;gap:6px}.disabled-link{opacity:.45;pointer-events:none}.input,.select,.textarea{min-height:38px;border:1px solid #cbd3df;border-radius:6px;background:#fff;color:var(--text);padding:8px 10px}.textarea{min-height:96px;resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:6px;background:var(--brand);color:#fff;padding:8px 12px;cursor:pointer}.button.secondary{background:#fff;color:var(--text);border-color:#cbd3df}.button.danger{background:var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}.import-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.notice{display:inline-flex;align-items:center;min-height:32px;border-radius:6px;padding:6px 10px;font-size:13px}.notice.success{background:#e8f6ed;color:var(--success)}.notice.error{background:#fdecec;color:var(--danger)}.action-panel{border-color:#b9cbd4;background:#f7fbfc}.hero-action{width:100%;min-height:50px;border-radius:8px;font-size:16px;font-weight:700}.hero-action.active-like{background:#b42318}.hero-action.secondary-hero{border-color:#9eb8c4;background:#fff;color:var(--brand-strong)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(24,32,47,.34);padding:24px}.modal-panel{width:min(980px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 60px rgba(24,32,47,.24);padding:16px}.import-report-actions{display:flex;gap:8px;margin-bottom:12px}.import-report-scroll{max-height:min(560px,calc(100vh - 240px));overflow:auto}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;min-height:24px;border-radius:4px;background:#e8f2f5;color:#174c5e;padding:3px 7px;font-size:12px}.tag.secondary{background:#f3ebdf;color:#744216}.tag.rejected{background:#fdecec;color:var(--danger)}.status-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:700}.status-badge.success{background:#e8f6ed;color:var(--success)}.status-badge.danger{background:#fdecec;color:var(--danger)}.status-badge.warning{background:#fff3df;color:var(--warning)}.review-workbench{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,.75fr);gap:14px;align-items:start}.review-control-panel{display:grid;gap:12px}.review-short-description{min-height:84px}.review-tag-area{grid-column:1/-1;min-width:0}.review-secondary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.review-secondary-grid .tag{min-height:32px;cursor:pointer}.review-alert{margin-bottom:14px;border-color:#e1b06f;background:#fff8ed;color:var(--warning)}.review-tag-editor{margin-bottom:0}.review-tag-editor .filter-grid{height:min(620px,calc(100vh - 360px));min-height:430px}.filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:14px;overflow:hidden}.secondary-filter-panel{display:flex;align-items:center;gap:14px;margin-bottom:14px;border:1px solid #b9cbd4;border-radius:8px;background:#f2f8fa;padding:12px}.secondary-filter-panel>strong{color:var(--brand-strong);white-space:nowrap}.secondary-checks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.secondary-check{display:inline-flex;align-items:center;min-height:32px;border:1px solid #9eb8c4;border-radius:6px;background:#fff;color:#174c5e;padding:6px 10px;font-size:14px}.secondary-check.active{border-color:var(--brand);background:var(--brand);color:#fff;font-weight:700}.approved-only-wrap{display:inline-flex;align-items:center;gap:5px}.help-dot{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #9eb8c4;border-radius:50%;background:#fff;color:var(--brand-strong);cursor:help;font-size:12px;font-weight:700}.help-popover{position:absolute;left:50%;top:calc(100% + 8px);z-index:40;display:none;width:min(420px,70vw);transform:translateX(-50%);border:1px solid #b9cbd4;border-radius:8px;background:#fff;box-shadow:0 14px 30px rgba(24,32,47,.16);color:var(--text);font-size:13px;font-weight:400;line-height:1.6;padding:10px 12px}.help-dot:focus .help-popover,.help-dot:hover .help-popover{display:block}.selected-strip{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:#f9fbfc}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.selected-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #b9cbd4;border-radius:4px;background:#e8f2f5;color:#174c5e;cursor:pointer}.button.compact,.selected-pill{min-height:26px;padding:3px 8px}.button.compact{font-size:12px}.filter-grid{display:grid;grid-template-columns:190px minmax(0,1fr);height:min(620px,calc(100vh - 290px));min-height:420px}.category-list{display:grid;align-content:start;gap:4px;border-right:1px solid var(--line);background:#eef2f5;padding:10px;overflow-y:auto}.category-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;border:1px solid transparent;border-radius:6px;background:transparent;color:#354155;padding:7px 9px;cursor:pointer;text-align:left}.category-item small{color:var(--muted)}.category-item.active{border-color:#b9cbd4;background:#fff;color:var(--brand-strong);font-weight:700}.tag-scroll{min-height:0;height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;padding:12px}.tag-scroll:after{display:block;clear:both;content:""}.tag-browser{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;height:100%;padding:12px;overflow:hidden}.tag-browser .tag-scroll{padding:0}.tag-tools{display:grid;gap:8px;margin-bottom:10px}.tag-search{width:100%}.secondary-filter-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.secondary-filter{flex:0 0 auto;min-height:28px;border:1px solid #cbd3df;border-radius:6px;background:#fff;color:#354155;padding:4px 8px;cursor:pointer;font-size:12px}.secondary-filter.active{border-color:#73aabd;background:#e8f2f5;color:var(--brand-strong);font-weight:700}.quick-tag-section{margin-bottom:10px}.quick-tag-section,.scroll-tag-section{border:1px solid #e0e5ec;border-radius:8px;background:#fbfcfd;padding:8px}.scroll-tag-section{grid-column:1/-1}.quick-tag-title{margin-bottom:6px;color:#354155;font-size:13px;font-weight:700}.quick-tag-grid{gap:6px}.quick-tag-grid,.tag-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tag-token-grid{align-content:start;gap:8px}.expand-tag{position:relative;min-width:0;z-index:1}.expand-tag:focus-within,.expand-tag:hover{z-index:20}.expand-tag-trigger{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;min-height:30px;border:1px solid #d8dde6;border-radius:6px;background:#fff;color:var(--text);padding:5px 7px;cursor:default;font-size:13px;text-align:left}.expand-tag-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-tag-trigger small{border-radius:4px;background:#edf1f5;color:var(--muted);padding:1px 4px;font-size:11px}.expand-tag.checked .expand-tag-trigger{border-color:#73aabd;background:#e8f2f5}.expand-tag-popover{position:fixed;display:none;overflow-y:auto;border:1px solid #b9cbd4;border-radius:8px;background:#fff;box-shadow:0 18px 40px rgba(24,32,47,.18);padding:8px}.expand-tag-popover.visible{display:block}.expand-tag-title{margin-bottom:6px;color:#354155;font-size:13px;font-weight:700}.check-tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;padding:8px}.check-tag{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;min-height:30px;border:1px solid #d8dde6;border-radius:6px;background:#fff;padding:5px 7px;cursor:pointer;font-size:13px}.check-tag.checked{border-color:#73aabd;background:#e8f2f5}.check-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-tags{grid-column:1/-1;border:1px dashed #cbd3df;border-radius:8px;color:var(--muted);padding:24px;text-align:center}.check-tag small{font-size:11px}.check-tag small,.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label{color:#3f4a5d;font-weight:700;font-size:13px}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:#e8edf1}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px}.login-card h1{margin:0 0 8px}.login-card form{display:grid;gap:12px;margin-top:18px}.error{color:var(--danger);font-size:13px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:50;padding:10px 12px}.brand{padding:0 2px 10px}.brand strong{font-size:16px}.brand span{display:none}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.nav a,.nav button{justify-content:center;min-height:34px;padding:7px 9px;text-align:center;white-space:normal}.main{padding:16px 12px 28px}.page-head{display:grid;gap:12px}.page-head h1{font-size:22px}.page-head .button{width:100%}.toolbar{display:grid;grid-template-columns:1fr}.toolbar .button,.toolbar .input,.toolbar .select{width:100%;min-width:0!important}.filter-grid,.form-grid,.grid.three,.grid.two,.review-workbench{grid-template-columns:1fr}.filter-grid{height:min(72vh,680px);min-height:0}.category-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px;overflow-y:auto;border-right:0;border-bottom:1px solid var(--line)}.category-item{min-width:0}.category-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tag-scroll{height:100%}.secondary-filter-panel{display:grid;gap:10px}.secondary-filter-panel>strong{white-space:normal}.secondary-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-filter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:hidden;padding-bottom:0}.secondary-filter{min-width:0;white-space:normal}.approved-only-wrap,.approved-only-wrap .secondary-check,.secondary-check{width:100%}.approved-only-wrap{align-items:center}.help-popover{left:auto;right:0;width:min(320px,calc(100vw - 32px));transform:none}}@media (max-width:640px){body,html{width:100%;max-width:100%}body{font-size:14px}.app-shell,.filter-panel,.game-card-list,.game-result-card,.main,.secondary-filter-panel,.tag-browser{max-width:100%}.sidebar{max-height:42vh;overflow-y:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav a,.nav button{min-width:0}.panel,.stat,.toolbar{padding:12px}.game-table{display:none}.game-card-list{display:grid;gap:10px}.result-summary{align-items:stretch}.pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pagination .muted{grid-column:1/-1;text-align:center}.pagination-item-wrap{display:none}.pagination>.button{width:100%}.selected-strip{padding:10px}.selected-tags{max-height:84px;overflow-y:auto}.filter-grid{height:min(74vh,620px)}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:164px;padding:8px}.category-item{min-height:32px;padding:6px 8px}.tag-browser{padding:10px}.secondary-checks,.secondary-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.check-tag-grid,.quick-tag-grid,.tag-token-grid{grid-template-columns:1fr;gap:7px}.check-tag,.expand-tag-trigger{min-height:36px;font-size:13px}.expand-tag-popover{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto!important;max-height:min(58vh,420px)!important;z-index:70}.modal-backdrop{padding:12px}.modal-panel{max-height:calc(100vh - 24px);padding:12px}.login-page{align-items:start;padding:18px 12px}.login-card{padding:18px}.action-panel{position:sticky;bottom:0;z-index:30;margin:0 0 -28px;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0;box-shadow:0 -12px 28px rgba(24,32,47,.12)}.hero-action{min-height:46px}}.custom-tag-badge{display:inline-block;font-size:11px;font-weight:500;color:#6b21a8;background:#f3e8ff;border:1px solid #d8b4fe;border-radius:4px;padding:0 6px;margin-left:6px;vertical-align:middle}.button.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.button.danger:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.button.small{font-size:12px;padding:3px 10px}.tag-type-badge{display:inline-block;font-size:11px;font-weight:500;border-radius:4px;padding:1px 7px}.tag-type-badge.primary{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.tag-type-badge.secondary{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.sortable-th{min-width:100px}.sort-header{display:inline-flex;align-items:center;gap:4px}.sort-arrows{display:inline-flex;flex-direction:column;line-height:1;gap:0;margin-left:4px}.sort-arrow{font-size:9px;line-height:1;color:#bbb;text-decoration:none;padding:0 2px;cursor:pointer}.sort-arrow:hover{color:#666}.sort-arrow.active{color:#2563eb}.sort-clear{font-size:11px;color:#999;text-decoration:none;margin-left:4px;cursor:pointer}.sort-clear:hover{color:#b91c1c}.pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-bottom:20px}.tag-form{max-width:640px;margin-top:20px}.tag-form-row{display:grid;grid-template-columns:100px 1fr;gap:12px;margin-bottom:14px;align-items:center}.tag-form-row label{font-size:13px;font-weight:500;color:#333;text-align:right;white-space:nowrap;padding-top:2px}.tag-form-row label .required{color:#e53e3e;margin-left:2px}.tag-form-row .input{width:100%}.tag-form-row textarea.input{resize:vertical;min-height:64px}.tag-form-inline{display:flex;gap:8px;align-items:flex-start}.tag-form-inline .input{flex:1}.tag-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-left:112px}.tag-form-error{background:#fef2f2;color:#b91c1c;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:14px;border:1px solid #fecaca;max-width:640px}.tag-selector{display:grid;grid-template-columns:160px 1fr;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;max-height:420px}.tag-selector-sidebar{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#f9fafb}.tag-selector-search{border:none!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;padding:10px 12px!important;font-size:13px!important}.tag-selector-categories{overflow-y:auto;flex:1}.tag-selector-cat{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-size:13px;cursor:pointer;color:#374151}.tag-selector-cat:hover{background:#e5e7eb}.tag-selector-cat.active{background:#2563eb;color:#fff;font-weight:500}.tag-selector-tags{display:flex;flex-direction:column;overflow:hidden}.tag-selector-secondaries{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tag-selector-sec{font-size:12px;padding:3px 8px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;color:#374151}.tag-selector-sec:hover{border-color:#2563eb;color:#2563eb}.tag-selector-sec.active{background:#2563eb;color:#fff;border-color:#2563eb}.tag-selector-grid{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;overflow-y:auto;flex:1;align-content:flex-start}.tag-selector-item{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;cursor:pointer;background:#fff;color:#374151;user-select:none}.tag-selector-item input[type=checkbox]{margin:0;accent-color:#2563eb}.tag-selector-item:hover{border-color:#2563eb;background:#eff6ff}.tag-selector-item.checked{background:#2563eb;color:#fff;border-color:#2563eb}.tag-selector-item.checked input[type=checkbox]{accent-color:#fff}.tag-selector-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.toolbar-inline{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-inline .input{width:240px}@media (max-width:900px){.toolbar-inline,.toolbar-inline .input{width:100%}}