:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#10476e;background:#dff5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#dff5ff}a{text-decoration:none;color:inherit}.hub{position:relative;min-height:100vh;overflow:hidden;padding:clamp(22px,5vw,76px) 20px}.hub-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:fill;z-index:0}.hub-glow{position:fixed;inset:0;background:linear-gradient(135deg,rgba(232,250,255,.48),rgba(255,255,255,.12) 45%,rgba(108,205,255,.2));z-index:0}.hub-shell{position:relative;z-index:1;width:min(1120px,100%);margin:auto;padding:clamp(24px,4vw,48px);background:rgba(246,253,255,.7);border:1px solid rgba(255,255,255,.8);border-radius:10px;box-shadow:0 20px 80px rgba(0,94,154,.16);backdrop-filter:blur(8px)}.hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:36px}.kicker,.section-label,.tool-index{letter-spacing:.14em;font-size:11px;font-weight:900;color:#198bd0}.kicker{margin:0 0 12px}.hub h1{margin:0;font:700 clamp(34px,5vw,64px)/1.05 "Songti SC","STSong",serif;color:#0d5a8d;text-shadow:0 2px white}.lead{margin:14px 0 0;color:#4a7e99;font-size:15px}.hub-status{padding:9px 13px;border:1px solid rgba(38,153,218,.25);border-radius:999px;color:#1677ad;background:rgba(255,255,255,.62);font-size:12px;font-weight:800;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;background:#20c982;border-radius:50%;box-shadow:0 0 0 4px rgba(32,201,130,.14)}.quick-start{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.quick-start h2{margin:7px 0 0;font-size:22px}.admin-link{color:#1586c7;font-size:13px;font-weight:800}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:8px;box-shadow:0 8px 24px rgba(20,106,160,.08);transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,106,160,.17)}.tool-card:after{content:"";position:absolute;right:-28px;bottom:-34px;width:130px;height:130px;border:18px solid rgba(255,255,255,.22);transform:rotate(18deg)}.tool-stage{background:#b9eaff}.tool-coin{background:#ffd978}.tool-bomb{background:#ffb0bd}.tool-guess{background:#b9e4d4}.tool-index{color:rgba(13,72,111,.62)}.tool-icon{display:grid;place-items:center;width:56px;height:56px;margin:18px 0 14px;background:rgba(255,255,255,.68);border:2px solid rgba(255,255,255,.8);color:#0d5e8e;font:900 30px "Songti SC",serif;box-shadow:3px 3px 0 rgba(13,94,142,.12)}.tool-card h3{margin:0;color:#0c507c;font:700 26px/1.1 "Songti SC","STSong",serif}.tool-card p{max-width:360px;margin:8px 0 18px;color:#326a86;font-size:13px;line-height:1.55}.tool-action{margin-top:auto;color:#0b6395;font-size:13px;font-weight:900}.tool-action b{margin-left:6px;font-size:20px}.hub-footer{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(26,128,186,.18);color:#5d899e;font-size:12px}@media(max-width:680px){.hub{padding:12px}.hub-shell{padding:22px 16px}.hub-header{display:block;margin-bottom:28px}.hub-status{display:inline-block;margin-top:18px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.hub-footer{display:block}.hub-footer span{display:block;margin-top:6px}}

/* Pixel control-room visual layer */
body{background:#070a20}.hub{display:grid;place-items:center;padding:clamp(18px,4vw,52px) 20px;background:#070a20}.hub-bg{object-fit:cover}.hub-glow{background:linear-gradient(180deg,rgba(5,8,28,.28),rgba(5,8,28,.66))}.hub-shell{background:rgba(10,14,40,.78);border:2px solid rgba(91,225,255,.5);border-radius:4px;box-shadow:10px 10px 0 rgba(2,4,18,.6),0 0 45px rgba(42,204,255,.2);backdrop-filter:blur(5px)}.kicker,.section-label,.tool-index{color:#63eaff}.hub h1{font:900 clamp(34px,5vw,64px)/1.05 ui-monospace,"Courier New",monospace;letter-spacing:.06em;color:#f5f9ff;text-shadow:4px 4px 0 #182b76,0 0 20px rgba(98,232,255,.65)}.lead{color:#a3c5e4}.hub-status{border:2px solid rgba(91,225,255,.5);border-radius:2px;color:#7df6ff;background:rgba(10,35,73,.74)}.quick-start h2{color:#f8fbff}.admin-link{color:#ffcf63}.tool-card{border:2px solid rgba(255,255,255,.42);border-radius:3px;box-shadow:6px 6px 0 rgba(3,7,25,.45),0 0 24px rgba(51,210,255,.14)}.tool-stage{background:#0f5d91}.tool-coin{background:#7a3f91}.tool-bomb{background:#9f315e}.tool-guess{background:#176e77}.tool-index{color:#9cf5ff}.tool-icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);color:#fff;box-shadow:3px 3px 0 rgba(5,12,48,.5)}.tool-card h3{color:#fff;font:900 26px/1.1 ui-monospace,"Courier New",monospace;text-shadow:3px 3px 0 rgba(5,12,48,.55)}.tool-card p{color:#d8f5ff}.tool-action{color:#ffe27d}.hub-footer{border-top:2px solid rgba(99,234,255,.22);color:#8eb1d2}

.control-locked .hub{visibility:hidden}.hidden{display:none!important}.control-gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#070a20 url("./assets/stage-control-bg.png") center/cover}.control-gate:before{content:"";position:absolute;inset:0;background:rgba(3,7,28,.7)}.gate-window{position:relative;width:min(510px,100%);padding:5px;background:#111a4d;border:3px solid #62efff;box-shadow:9px 9px 0 #100943,0 0 36px rgba(70,225,255,.32)}.pixel-window-bar{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;color:#c9f8ff;background:#172661;border-bottom:2px solid #63eaff;font:900 10px ui-monospace,monospace;letter-spacing:.11em}.pixel-window-bar span{margin-right:auto}.pixel-window-bar i{width:9px;height:9px;background:#ffdc66;border:1px solid #fff}.pixel-window-bar i:nth-last-child(2){background:#ff59bd}.pixel-window-bar i:last-child{background:#5ff4bd}.gate-content{padding:30px;background:rgba(7,13,43,.97);color:#d8ecff}.gate-brand,.brand-lockup{display:flex;align-items:center;gap:16px}.logo-placeholder,.brand-logo{display:grid;place-items:center;flex:0 0 auto;width:68px;aspect-ratio:1;color:#08112e;background:#ffdf61;border:3px solid #fff;box-shadow:5px 5px 0 #6f2a86;font:1000 26px ui-monospace,monospace}.gate-brand strong{display:block;color:#fff;font-size:22px}.gate-brand small{display:block;margin-top:3px;color:#63eaff}.gate-kicker{margin:28px 0 8px;color:#ff69cc;font:900 11px ui-monospace,monospace;letter-spacing:.12em}.gate-content h1{margin:0;color:#fff;font:1000 clamp(34px,8vw,48px)/1.1 ui-monospace,monospace;text-shadow:4px 4px 0 #46216d}.gate-content>p:not(.gate-kicker):not(.gate-error){color:#9fbedb;line-height:1.6}.gate-content form{display:grid;gap:9px;margin-top:24px}.gate-content label{color:#63eaff;font:900 10px ui-monospace,monospace;letter-spacing:.09em}.gate-content input{height:50px;padding:0 14px;color:#fff;background:#080f35;border:2px solid #50dff2;border-radius:2px;outline:none;font:800 17px ui-monospace,monospace}.gate-content button{height:50px;color:#fff;background:linear-gradient(90deg,#1d73dd,#a33fd1);border:2px solid #fff;border-radius:2px;box-shadow:4px 4px 0 #3d1769;font-weight:900;cursor:pointer}.gate-error{min-height:22px;color:#ff7eac!important;font-size:13px}.super-admin-link{display:inline-block;color:#ffdb6a;font-size:12px;font-weight:900}.hub-shell>.pixel-window-bar{margin:calc(clamp(24px,4vw,48px) * -1);margin-bottom:30px}.brand-logo{position:relative;width:78px;color:#07152c;background:#61f2ff;box-shadow:5px 5px 0 #8d2f9b}.brand-logo small{position:absolute;bottom:4px;font-size:8px}.operator-panel{text-align:right}.operator-panel small{display:block;margin-top:8px;color:#9fc3e2;font-size:11px}.tool-card:before{content:"SELECT";position:absolute;top:10px;right:10px;padding:3px 6px;color:#091332;background:#ffe36e;border:1px solid #fff;font:900 9px ui-monospace,monospace}.tool-card:hover{transform:translate(-2px,-4px);box-shadow:8px 10px 0 rgba(3,7,25,.55),0 0 30px rgba(83,235,255,.24)}

@media(max-width:680px){.gate-content{padding:23px 18px}.brand-logo{width:58px}.brand-lockup{align-items:flex-start}.hub-shell>.pixel-window-bar{margin:-22px -16px 24px}.operator-panel{margin-top:18px;text-align:left}}

.assigned-panel{margin-bottom:14px;padding:14px;background:rgba(6,13,42,.84);border:2px solid rgba(95,245,255,.4);box-shadow:5px 5px 0 rgba(2,4,18,.42)}.assigned-panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.assigned-panel-head h2{margin:6px 0 0;color:#fff;font:900 22px ui-monospace,monospace}.assigned-panel-head>span{color:#a9c9e5;font-size:12px}.assigned-events{display:grid;gap:8px}.assigned-event{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:14px;padding:13px;background:#152864;border:2px solid rgba(95,245,255,.32);box-shadow:4px 4px 0 #080c2f}.assigned-event.is-today{border-color:#ffe36e;background:linear-gradient(90deg,#5a3b1c,#182d6f);box-shadow:4px 4px 0 #6c3d1b,0 0 18px rgba(255,227,110,.22)}.assigned-date{color:#63eaff;font:900 10px ui-monospace,monospace;letter-spacing:.08em}.is-today .assigned-date{color:#ffe36e}.assigned-copy strong{display:block;color:#fff;font:900 17px ui-monospace,monospace}.assigned-copy span{display:block;margin-top:5px;color:#a9c9e5;font-size:12px}.assigned-enter{color:#ffe36e;font-weight:900;white-space:nowrap}.assigned-empty{padding:18px;color:#a9c9e5;text-align:center;border:1px dashed rgba(95,245,255,.35)}

@media(max-width:680px){.assigned-event{grid-template-columns:1fr;gap:7px}.assigned-enter{justify-self:start}.assigned-panel-head{align-items:flex-start;display:block}.assigned-panel-head>span{display:block;margin-top:8px}}

.hub-flow-note{margin:14px 0 0;padding:12px 14px;color:#a9c9e5;background:rgba(17,31,82,.72);border-left:4px solid #63eaff;font-size:12px;line-height:1.6}

.assigned-event.is-nearest {
  border-color: #ffe36e;
  background: linear-gradient(90deg, #5a3b1c, #182d6f);
  box-shadow: 4px 4px 0 #6c3d1b, 0 0 18px rgba(255, 227, 110, .22);
}
.assigned-event.is-nearest .assigned-date { color: #ffe36e; }