:root{--district-cyan:#8fe2d7;--district-ink:#071522;--district-paper:#e9f3f6}
#top-nav{gap:4px}#top-nav button{font-size:13px;white-space:nowrap}.zone-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:15px}.zone-bar button{padding:13px 7px;background:#153147;color:#d9eef2;border:1px solid #345267;border-radius:12px;display:grid;gap:5px}.zone-bar small{font-size:11px;color:#93b5c7}.zone-bar b{font-weight:650}.district-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:16px}.district-intro h2{color:#e9f3f6;font-size:26px;margin:4px 0}.district-intro p{font-size:13px;color:#aec6d5;margin:0}.district-room{position:relative;border:1px solid #314c62;border-radius:22px;background:#081421;overflow:hidden;margin-bottom:24px}.district-canvas{height:460px;min-height:320px}.district-canvas canvas{width:100%;height:100%;display:block;touch-action:none}.district-hint{position:absolute;bottom:14px;left:18px;background:#071522d9;backdrop-filter:blur(8px);border:1px solid #355268;border-radius:10px;padding:8px 12px;color:#cce5ec;font-size:12px;pointer-events:none}.district-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.district-quick button{border:1px solid #466475;background:#16364a;color:#e6f2f4;border-radius:999px;padding:10px 17px}.district-quick button.active{background:#92dbd1;color:#15333d}.district-arrival{position:fixed;inset:0;background:radial-gradient(ellipse at center,#194a5adc,#061321f5);display:grid;place-content:center;z-index:150;pointer-events:none;animation:district-arrive .65s ease both}.district-arrival strong{font-size:clamp(25px,5vw,48px);color:#d5f5ee;letter-spacing:.12em}.district-arrival small{text-align:center;margin-top:15px;color:#9dccdb;letter-spacing:.3em}@keyframes district-arrive{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.exhibition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exhibit-card{background:linear-gradient(145deg,#17384b,#0d2234);border:1px solid #38576c;border-radius:18px;padding:24px;color:#d2e6ed;overflow:hidden}.exhibit-card h3{color:#f0f6f7;margin:14px 0}.exhibit-orbit{height:90px;display:grid;place-items:center;background:radial-gradient(ellipse,#76cec926,transparent 65%);font-size:42px;color:#9ce0d6}.exhibit-card pre{white-space:pre-wrap;max-height:220px;overflow:auto;font:13px/1.7 inherit}.exhibit-card small{color:#a9c7d7}.exhibit-card button{margin-top:18px}.showcase-empty{padding:30px;color:#c0d6df;border:1px dashed #527589;border-radius:16px}.recruitment-panel,.kanban-column,.document-card{background:#122b3e!important;border-color:#355367!important;color:#d4e5eb!important}.recruitment-panel h3,.recruitment-panel strong,.kanban-column>h4,.task-card h4,.document-card h4{color:#edf4f6!important}.recruitment-panel small,.task-card small{color:#afc9d8!important}.home-stage{border-radius:22px;overflow:hidden}#home-scene{height:650px}.world-stage #scene{height:min(70vh,760px);min-height:500px}.world-stage{border-radius:24px}.hero{padding:20px 0!important}.hero h1{font-size:clamp(30px,4vw,54px)!important}.alien-hero-art{display:none!important}.stage-head{padding:15px 18px}.scene-overlay{color:#d5e6ef!important;background:#0e263dde!important}.world-board{border-radius:18px;margin-bottom:20px}.district-home-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:1000px){#top-nav{overflow-x:auto;max-width:65vw}.exhibition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-canvas{height:400px}.header-right{gap:5px}}
@media(max-width:650px){.zone-bar{display:flex;overflow-x:auto;padding:10px}.zone-bar button{min-width:128px}.district-canvas{height:380px}.district-intro h2{font-size:23px}.district-hint{left:10px;right:10px;font-size:11px}.exhibition-grid{grid-template-columns:1fr}.world-stage #scene{height:65vh;min-height:460px}#home-scene{height:500px}.district-intro{align-items:flex-start}.district-intro>button{font-size:12px;padding:9px}header{flex-wrap:wrap}#top-nav{order:3;max-width:100%;width:100%;margin-top:5px}#top-nav button{padding:10px 11px}.district-quick{gap:6px}.district-quick button{font-size:12px;padding:9px 13px}}