@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#243b60;background:#f1f6fc;font-synthesis:none;--ink:#243b60;--muted:#64758e;--blue:#416cba;--line:#dce5f0;--pink:#f3a8b3;--cream:#fff2df;--cyan:#1ddfff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:#355faa;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2d7ae6;outline-offset:3px}input,select{min-height:44px;max-width:100%;border:1px solid #cbd8e8;border-radius:9px;background:#fff;padding:9px 12px;color:var(--ink)}input[type=checkbox]{min-height:20px;width:19px;height:19px;accent-color:var(--blue);vertical-align:middle;margin:0}input[type=number]{width:100px}input[type=search]{min-width:0;width:100%}h1,h2,h3,p{margin-top:0}h2{font-size:20px;letter-spacing:-.3px}h3{font-size:16px}p{line-height:1.7}.muted{color:var(--muted)}.mono,code{font-family:Consolas,"SFMono-Regular",monospace;overflow-wrap:anywhere}small{font-size:12px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:#fff;padding:10px 16px;transform:translateY(-150%);border:2px solid var(--blue);border-radius:8px}.skip-link:focus{transform:none}[hidden]{display:none!important}
.admin-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;padding:34px 20px 22px;border-right:1px solid #d3dfef;background:linear-gradient(160deg,#e0f8ff 0%,#edf3fe 45%,#f4e9ef 100%);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;font-size:22px;letter-spacing:-.6px;line-height:1.1;padding:0 8px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#64768e;margin-top:8px;font-weight:500}.brand-symbol{width:42px;height:42px;border:1px solid #a9ccdf;border-radius:12px;background:linear-gradient(130deg,#9be9ff,#eaf5ff 50%,#f3a8b3);font-size:32px;display:inline-flex;align-items:center;justify-content:center;position:relative}.brand-symbol>span{position:absolute;right:5px;bottom:2px;color:#3c6a9d}.nav-label{font-size:10px;color:#788ca7;letter-spacing:2px;margin:49px 14px 13px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:10px;color:#5c718f;font-size:14px;font-weight:550;white-space:nowrap}nav a:hover{background:#ffffff85;text-decoration:none}nav a[aria-current=page]{background:#fff;color:#315fa4;box-shadow:0 4px 14px #2c427109;border:1px solid #d7e5f4;padding:12px 15px}.nav-symbol{display:inline-block;width:22px;font-size:21px;text-align:center;font-weight:400;line-height:1}.sidebar-foot{margin-top:auto;padding:24px 10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#61728d;line-height:1.6}.sidebar-foot a{width:100%;padding:7px 0 0 16px;font-size:11px}.status-dot{width:7px;height:7px;border-radius:100%;background:#56a894;flex-shrink:0}.workspace{min-width:0;background:radial-gradient(ellipse at 90% 2%,#f3a8b323,transparent 36%),#f4f7fc}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:77px;border-bottom:1px solid var(--line);padding:20px 40px;background:#ffffff91;font-size:12px}.topbar-caption{font-size:9px;letter-spacing:2px;color:#8592a6}.account-link{color:#657a99}main{padding:37px 40px 20px;max-width:1480px;margin:0 auto;min-height:calc(100dvh - 140px);outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#597ca9;margin-bottom:10px;font-weight:600}.page-heading h1{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}.page-heading p:last-child{font-size:13px;color:var(--muted);margin-bottom:0}.button{min-height:43px;border:1px solid #416cba;border-radius:9px;display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:10px 17px;background:#416cba;color:#fff;font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap;text-decoration:none}.button:hover{background:#355ea7;text-decoration:none}.button.secondary{border-color:#d3dfef;background:#fff;color:#46648f}.button.secondary:hover{background:#eef5ff}.button.danger{border-color:#efccd3;background:#fff5f6;color:#a34760}.button.danger:hover{background:#fbe5e9}.text-button{border:0;background:none;color:#3b66ac;padding:8px 0;min-height:36px;font-size:12px}.text-button:hover{text-decoration:underline}.button.small{min-height:36px;padding:7px 12px;font-size:12px}.button span[aria-hidden]{font-size:18px;line-height:1}.panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 3px 12px #28406a03;margin-bottom:23px;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 25px 19px;border-bottom:1px solid #e7edf5}.panel-head h2{margin-bottom:6px;font-size:17px}.panel-head p{margin-bottom:0;font-size:12px;color:var(--muted)}.panel-body{padding:24px 25px}.panel-body>p:last-child{margin-bottom:0}.panel-head .badge{flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;margin-bottom:24px}.stat{padding:24px;border-right:1px solid var(--line);min-width:0}.stat:last-child{border-right:0}.stat-label{font-size:12px;color:#64758e;display:block;margin-bottom:11px}.stat strong{font-size:32px;color:#2e4b78;line-height:1.2;letter-spacing:-1px}.stat small{display:block;color:#74859e;margin-top:10px;font-size:11px}.overview-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.overview-columns .panel{margin-bottom:24px}.shortcut-list{display:grid}.shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;color:var(--ink);border-bottom:1px solid #edf1f7}.shortcut:last-child{border-bottom:0}.shortcut:hover{background:#f7faff;text-decoration:none}.shortcut h3{margin:0 0 6px;font-size:14px}.shortcut p{font-size:12px;color:var(--muted);margin:0}.shortcut-arrow{font-size:21px;color:#83a2ca}.game-list{display:grid;gap:0;padding:0;margin:0;list-style:none}.game-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e7edf5;padding:13px 0;font-size:13px}.game-list li:last-child{border:0}.game-index{color:#9babc0;font-family:Consolas,monospace;font-size:11px;margin-right:12px}.game-list a{font-size:11px}.callout{padding:18px 20px;background:linear-gradient(110deg,#edf9ff 0%,#f2f6ff 65%,#fff2df90);border:1px solid #d9e6f3;border-radius:11px;line-height:1.7;color:#4c6687;font-size:13px;margin-bottom:22px}.callout strong{display:block;color:#2c507c;font-size:14px;margin-bottom:5px}.callout p{margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-form{display:flex;gap:10px;max-width:460px;flex:1}.search-form input{width:100%;min-width:120px}.toolbar-meta{color:#7c8ba1;font-size:12px}.filter-label{display:flex;gap:10px;align-items:center;color:#657992;font-size:12px}.filter-label select{font-size:13px;min-width:145px}.users-list{display:grid}.user-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(250px,auto);gap:22px;align-items:center;padding:22px 25px;border-bottom:1px solid #e7edf5}.user-row:last-child{border:0}.person-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.6}.person-heading strong{font-size:15px;overflow-wrap:anywhere}.person-id{font-size:12px;color:#7185a3}.user-detail{font-size:12px;margin:6px 0 0;color:#71819a;overflow-wrap:anywhere}.badge{font-size:10px;font-weight:550;display:inline-block;line-height:1.5;padding:4px 8px;border-radius:6px;white-space:nowrap;color:#5277aa;background:#edf4ff;border:1px solid #dce9fa}.badge.good{background:#eaf7f1;color:#387a65;border-color:#d7eee3}.badge.warn{background:#fff2df;color:#8d7043;border-color:#efe4ce}.badge.bad{background:#fff0f3;color:#a95a73;border-color:#f2dce3}.badge.neutral{background:#f2f4f8;color:#74829a;border-color:#e4e9ef}.policy-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.policy-toggle{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.limit-label{font-size:11px;display:grid;gap:5px;color:#72809a}.policy-form .button{align-self:end}.quota-strip{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-bottom:21px;font-size:12px;color:#647b9b}.quota-strip strong{font-size:20px;color:#375c90;display:inline-block;margin-right:5px}.invites-list{padding:0 25px}.invite-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.1fr) minmax(145px,1.1fr) minmax(90px,.7fr);gap:20px;align-items:center;border-bottom:1px solid #e7edf5;padding:20px 0;font-size:12px}.invite-row:last-child{border:0}.invite-row code{font-size:14px;color:#416c9f}.invite-row .sub{display:block;color:#7a899e;font-size:11px;margin-top:5px;line-height:1.7}.invite-row .button{justify-self:end}.invite-info{padding:15px 25px;border-top:1px solid #e7edf5;background:#f9fbff;font-size:11px;color:#77879f;margin-bottom:0}.source-block{margin-bottom:25px}.source-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 13px}.source-heading h2{font-size:16px;margin:0}.source-heading>span:last-child{font-size:11px;color:#8390a5}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.room-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:22px;min-width:0}.room-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.room-title{font-size:16px;margin:14px 0 8px;overflow-wrap:anywhere}.room-code{font-size:13px;font-family:Consolas,monospace;color:#51709a}.room-players{font-size:12px;line-height:1.9;color:#6b7e9a;overflow-wrap:anywhere;margin-bottom:18px}.room-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.room-type{font-size:10px;font-weight:650;color:#7d92b1;letter-spacing:.7px}.empty-state{padding:44px 24px;border:1px dashed #cfddec;background:#ffffffc4;border-radius:13px;text-align:center;color:#73859e;font-size:13px;line-height:1.8}.empty-state h2{font-size:18px;color:#4a678d;margin:10px 0}.empty-symbol{width:48px;height:48px;margin:auto;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px;background:linear-gradient(135deg,#c7efff,#fff2df);color:#6b8caf}.empty-state p{max-width:460px;margin:10px auto 0}.failure-panel{padding:24px;border:1px solid #e8cdd5;background:#fff5f7;border-radius:12px;color:#8e5264;font-size:13px;line-height:1.8}.failure-panel h2{font-size:17px;color:#945267}.failure-panel .button{margin-top:8px}.inline-warning{padding:17px 19px;background:#fff8ec;border:1px solid #ecdfc8;color:#8d7043;border-radius:10px;font-size:12px;line-height:1.8}.loading-panel{padding:50px 24px;color:#7990ad;font-size:13px;background:#ffffff80;border-radius:13px;border:1px solid #dce5f0}.music-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}.music-icon{width:55px;height:55px;border-radius:15px;background:linear-gradient(130deg,#c9f4ff,#e9effc 45%,#f3a8b36b);display:flex;align-items:center;justify-content:center;font-size:29px;color:#4f7bac}.music-heading h2{margin:0 0 6px}.music-heading p{font-size:12px;color:var(--muted);margin:0}.directory{display:block;padding:15px 17px;border:1px solid #dae5f1;background:#f5f9ff;border-radius:9px;color:#47719e;font-size:12px;line-height:1.7;margin:11px 0 17px;overflow-wrap:anywhere;user-select:all}.music-notes{list-style:none;margin:0;padding:0;display:grid;gap:13px;color:#6d7d95;font-size:12px;line-height:1.7}.music-notes li{padding-left:18px;position:relative}.music-notes li:before{content:"";position:absolute;left:1px;top:8px;width:5px;height:5px;border-radius:50%;background:#85aad3}.track-list{list-style:none;margin:0;padding:0}.track-list li{padding:17px 0;border-bottom:1px solid #e7edf5;display:flex;gap:16px;align-items:center}.track-list li:last-child{border:0}.track-number{color:#94a6bf;font-size:12px;width:25px;flex-shrink:0;font-family:Consolas,monospace}.track-list strong{font-size:14px}.track-list small{display:block;font-size:11px;color:#8391a5;margin-top:5px}.audit-list{list-style:none;padding:0 25px;margin:0}.audit-row{display:grid;grid-template-columns:155px minmax(0,1fr) minmax(100px,auto);gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid #e7edf5;font-size:12px;line-height:1.8}.audit-row:last-child{border:0}.audit-time{color:#7d8da5;font-family:Consolas,monospace;font-size:11px}.audit-action{font-weight:600;color:#476890;overflow-wrap:anywhere}.audit-target{color:#7e8ba0;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.audit-actor{color:#6c7e98;overflow-wrap:anywhere;text-align:right}.updated-at{text-align:right;font-size:10px;color:#92a0b5;margin-top:22px;min-height:18px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;color:#a0adc1;padding:20px 40px;font-size:10px}.workspace-footer>span:first-child{letter-spacing:1.8px;font-size:8px}.gate{max-width:500px;padding:50px 35px;margin:12vh auto;text-align:center}.gate h1{font-size:23px;margin:26px 0 15px}.gate p{font-size:13px;color:var(--muted)}.gate .button{margin-top:13px}.gate-mark{width:62px;height:62px;display:flex;align-items:center;justify-content:center;position:relative;margin:auto;border-radius:18px;background:linear-gradient(135deg,#9be9ff,#fff2df 55%,#f3a8b3);font-size:42px;font-weight:700;color:#3e6591}.gate-mark span{color:#7c8cb2}.gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#2c4d78;color:#fff;padding:13px 20px;border:1px solid #6588b2;border-radius:11px;box-shadow:0 8px 30px #223e6b22;max-width:calc(100% - 36px);width:max-content;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.toast.error{background:#91536c;border-color:#b67c93}dialog{max-width:480px;width:calc(100% - 32px);padding:34px;border:1px solid #d5e2f1;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 22px 70px #20385733}dialog::backdrop{background:#273e625f;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin-bottom:15px}dialog p{font-size:12px;color:var(--muted)}dialog code{display:block;padding:22px 15px;background:#f2f8ff;border:1px dashed #a8c1df;border-radius:10px;font-size:20px;text-align:center;color:#416c9f;margin:24px 0 18px;user-select:all}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.dialog-close{position:absolute;right:13px;top:8px;min-height:36px;min-width:36px;font-size:25px;color:#8091a9;border:0;background:none}
@media(min-width:1600px){main{padding-top:45px}.page-heading{margin-bottom:35px}.stat{padding:28px 30px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1190px){.admin-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:14px}.brand{font-size:21px}main{padding:32px 26px 20px}.topbar,.workspace-footer{padding-inline:26px}.stat{padding:20px}.stat strong{font-size:29px}.overview-columns{grid-template-columns:1fr;gap:0}.user-row{grid-template-columns:1fr;gap:15px}.policy-form{justify-content:flex-start}.invite-row{gap:14px;grid-template-columns:.8fr 1.1fr 1.1fr auto}.audit-row{grid-template-columns:125px minmax(0,1fr) 110px;gap:15px}}
@media(max-width:800px){.admin-shell{display:block}.sidebar{height:auto;position:relative;padding:18px 20px 0;border-right:0;border-bottom:1px solid #d3dfef;background:linear-gradient(110deg,#d9f7ff 0%,#eaf1fd 75%,#f8eaf0 100%)}.brand{display:inline-flex;padding:0;font-size:21px;gap:9px}.brand-symbol{width:35px;height:35px;font-size:28px}.brand small{display:inline-block;margin-left:13px;font-size:10px;margin-top:0;letter-spacing:1px;padding-left:13px;border-left:1px solid #bfcee1}.nav-label,.sidebar-foot{display:none}nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:4px;padding:17px 0 9px;margin-right:-20px;padding-right:20px;scrollbar-width:thin}nav a,nav a[aria-current=page]{padding:10px 13px;font-size:12px;gap:7px;border-radius:9px;min-height:42px}nav a[aria-current=page]{padding:9px 12px}.nav-symbol{font-size:18px;width:18px}.topbar{min-height:56px;padding:15px 22px;font-size:11px}.topbar-caption{display:none}main{padding:27px 22px 20px}.page-heading h1{font-size:27px}.page-heading{gap:12px;margin-bottom:24px;align-items:flex-start}.page-heading .button{padding:9px 13px;min-height:40px;font-size:12px;flex-shrink:0;margin-top:4px}.page-heading p:last-child{font-size:12px}.eyebrow{font-size:9px;margin-bottom:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-label{font-size:11px}.stat strong{font-size:30px}.stat small{font-size:10px}.workspace-footer{padding:18px 22px}.room-grid{grid-template-columns:1fr 1fr}.room-card{padding:18px}.panel-head,.panel-body,.user-row{padding:20px}.shortcut{padding:18px 20px}.invites-list{padding-inline:20px}.invite-row{grid-template-columns:1fr 1fr;gap:14px 20px}.invite-row .button{justify-self:end;align-self:end}.audit-list{padding-inline:20px}.audit-row{grid-template-columns:1fr auto;gap:5px 14px;padding:18px 0}.audit-time{grid-column:1/-1}.audit-action{font-size:12px}.audit-actor{font-size:11px;max-width:115px}.filter-label select{font-size:14px}.search-form input{font-size:16px}.quota-strip{gap:20px;font-size:11px}.policy-form{gap:14px}.limit-label{font-size:11px}.limit-label input{font-size:16px}.source-heading h2{font-size:15px}}
@media(max-width:480px){.sidebar{padding-inline:17px}nav{margin-right:-17px;padding-right:17px;gap:1px}.brand small{font-size:9px}.topbar{padding-inline:18px}main{padding:25px 17px 17px}.page-heading h1{font-size:26px}.page-heading p:last-child{font-size:11px;line-height:1.8}.page-heading .button{min-height:39px;padding:8px 11px}.panel{border-radius:12px}.panel-head{gap:12px}.panel-head,.panel-body,.user-row{padding:19px 17px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px}.toolbar{gap:12px}.toolbar-meta{font-size:10px;width:100%}.search-form{flex-basis:100%;max-width:none}.search-form .button{padding-inline:14px}.filter-label{font-size:11px}.filter-label select{min-width:130px}.user-row{gap:17px}.person-heading strong{font-size:14px}.user-detail{font-size:11px}.policy-form{width:100%;gap:15px 12px;justify-content:space-between}.policy-toggle{font-size:11px}.limit-label{font-size:10px}.limit-label input{width:80px;min-height:42px}.policy-form .button{font-size:11px;min-height:42px;padding-inline:14px}.invites-list{padding-inline:17px}.invite-row{gap:16px;font-size:11px}.invite-row .sub{font-size:10px}.invite-row code{font-size:13px}.invite-info{font-size:10px;padding:14px 17px}.room-grid{grid-template-columns:1fr}.room-card{padding:20px}.room-top{gap:10px}.room-title{font-size:16px}.empty-state{padding:32px 20px;font-size:12px}.empty-state h2{font-size:17px}.callout{padding:16px 17px;font-size:12px}.music-notes{font-size:11px}.music-heading{gap:12px}.music-heading h2{font-size:18px}.music-heading p{font-size:11px}.music-icon{width:45px;height:45px;font-size:25px;flex-shrink:0}.directory{font-size:11px;padding:13px}.audit-list{padding-inline:17px}.audit-row{column-gap:10px}.audit-actor{max-width:95px;font-size:10px}.audit-target,.audit-time{font-size:10px}.workspace-footer{padding:18px 17px;gap:15px;font-size:9px;flex-wrap:wrap}.workspace-footer>span:first-child{font-size:7px}.toast{font-size:12px;bottom:17px}.dialog-actions .button{flex:1}dialog{padding:30px 23px}.quota-strip{gap:16px}.quota-strip strong{font-size:18px}.updated-at{font-size:9px}.button{min-height:44px}.stat{padding:18px}.stat small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep all six admin sections visible on phones. */
@media(max-width:800px){#section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;margin-right:0;padding:17px 0 12px}#section-nav a,#section-nav a[aria-current=page]{justify-content:center;padding:10px 8px;gap:6px;font-size:12px;min-width:0}#section-nav a[aria-current=page]{padding:9px 7px}.nav-symbol{font-size:17px;width:17px}}
@media(max-width:480px){#section-nav{gap:5px;padding-top:16px}#section-nav a,#section-nav a[aria-current=page]{font-size:11px;gap:5px}.nav-symbol{width:16px;font-size:16px}}