:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c1118;color:#eaf0f5}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body.game-page,body.game-page #app{width:100%;height:100vh;overflow:hidden}button{font:inherit}.game-shell{height:100%;display:grid;grid-template-rows:52px 1fr 34px;background:#0c1118}.topbar,.bottombar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;background:#111923;border-color:#2b3948;border-style:solid}.topbar{border-width:0 0 1px}.bottombar{justify-content:flex-start;border-width:1px 0 0;font-size:12px;color:#aebdca}.build{margin-left:10px;color:#78d8ff;font-size:12px}.status-strip{display:flex;gap:18px;color:#b7c4cf;font-size:13px}.workspace{min-height:0;display:grid;grid-template-columns:220px 1fr 260px}.unit-panel,.incident-panel{padding:14px;overflow-y:auto;background:#111923}.unit-panel{border-right:1px solid #2b3948}.incident-panel{border-left:1px solid #2b3948}h2{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#9eb0bf}.unit-card{width:100%;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:2px 8px;text-align:left;padding:10px;margin-bottom:8px;border:1px solid #344456;border-radius:8px;background:#172331;color:#edf4fa;cursor:pointer}.unit-card:hover{border-color:#5d7388}.unit-card.selected{outline:2px solid #6be7ff;border-color:#6be7ff}.unit-card strong{grid-row:1 / 3;align-self:center;font-size:16px}.unit-card span{text-transform:capitalize;font-size:13px}.unit-card small{color:#79d59c;text-transform:uppercase;font-size:10px}.hint,.empty-state span{color:#899baa;font-size:12px;line-height:1.45}.empty-state{padding:14px;background:#172331;border:1px dashed #3e5062;border-radius:8px;display:grid;gap:7px}.game-canvas,.canvas-host{min-width:0;min-height:0;width:100%;height:100%;background:#17202a}.canvas-host canvas{display:block;width:100%;height:100%}@media(max-width:900px){.workspace{grid-template-columns:180px 1fr}.incident-panel,.status-strip span:first-child{display:none}}body.site-page{min-height:100vh;overflow:auto;background:#0c1118}a{color:#78d8ff}.site-nav{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:#111923;border-bottom:1px solid #2b3948}.brand{color:#f4f8fb;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand span{color:#78d8ff;font-size:11px;margin-left:8px}.site-nav-actions{display:flex;align-items:center;gap:14px;color:#afbdc9;font-size:13px}.site-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;min-height:40px;padding:0 14px;cursor:pointer;text-decoration:none;font-weight:700}.button-primary{background:#38bfe8;color:#07141b;border-color:#62d8fa}.button-primary:hover{background:#66d7f5}.button-ghost{background:#172331;color:#dbe6ee;border-color:#344456}.button-danger{background:#301b20;color:#ffbac3;border-color:#6b333c}.auth-shell{min-height:calc(100vh - 160px);display:grid;place-items:center}.auth-card{width:min(460px,100%);background:#111923;border:1px solid #2b3948;border-radius:16px;padding:28px;box-shadow:0 22px 70px #0008}.auth-card h1,.worlds-header h1{margin:4px 0 8px;font-size:clamp(28px,5vw,42px)}.auth-card>p,.worlds-header p{color:#94a6b5;line-height:1.55}.eyebrow{color:#78d8ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-stack{display:grid;gap:14px;margin-top:22px}.form-stack label:not(.check-row){display:grid;gap:6px;color:#b8c6d1;font-size:13px}input[type=text],input[type=email],input[type=password]{width:100%;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid #344456;background:#0c131c;color:#f0f5f8;outline:none}input:focus{border-color:#78d8ff;box-shadow:0 0 0 3px #78d8ff20}.check-row{display:flex;align-items:center;gap:8px;color:#a7b7c4;font-size:13px}.field-error{color:#ff9ca8;font-size:12px}.auth-switch{margin-bottom:0;font-size:13px}.flash{margin-bottom:20px;padding:12px 14px;background:#163023;border:1px solid #2d6c49;border-radius:8px;color:#a8efc3}.worlds-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:30px;margin-bottom:30px}.create-world{display:grid;grid-template-columns:1fr auto;gap:8px}.world-create-error{grid-column:1 / -1}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.world-card,.empty-worlds{background:#111923;border:1px solid #2b3948;border-radius:14px;padding:20px}.world-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.world-card h2,.empty-worlds h2{margin:4px 0 0;color:#eef5fa}.world-mode{color:#78d8ff;font-size:10px;font-weight:800;letter-spacing:.1em}.world-unit-count{padding:5px 8px;border:1px solid #344456;border-radius:999px;color:#aebdca;font-size:11px;white-space:nowrap}.world-card dl{display:grid;gap:8px;margin:22px 0}.world-card dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #23303d;padding-bottom:7px}.world-card dt{color:#7f92a2;font-size:12px}.world-card dd{margin:0;color:#c9d4dd;font-size:12px}.world-actions{display:flex;gap:8px}.world-actions form{margin-left:auto}.empty-worlds p{color:#91a3b2}.worlds-link{color:#9fb5c6;text-decoration:none}.worlds-link:hover{color:#78d8ff}.game-error{position:absolute;z-index:20;top:62px;left:50%;transform:translate(-50%);max-width:min(650px,calc(100% - 32px));padding:10px 14px;border-radius:8px;background:#421c23;border:1px solid #8e3e4b;color:#ffd7dc;box-shadow:0 8px 32px #0008}@media(max-width:760px){.site-nav{padding-inline:16px}.site-main{width:min(100% - 24px,1180px);padding-top:24px}.worlds-header{grid-template-columns:1fr;align-items:stretch}.create-world{grid-template-columns:1fr}.world-create-error{grid-column:auto}}.canvas-loading{min-width:0;min-height:0;display:grid;place-content:center;gap:6px;text-align:center;background:#17202a;color:#dbe6ee}.canvas-loading span{color:#899baa;font-size:12px}.realtime-state{display:inline-flex;align-items:center;gap:6px}.realtime-state:before{content:"";width:7px;height:7px;border-radius:999px;background:#81909d;box-shadow:0 0 0 2px #81909d20}.realtime-state[data-state=connected]:before{background:#55d98b;box-shadow:0 0 8px #55d98b88}.realtime-state[data-state=polling]:before{background:#e7ba52}.realtime-state[data-state=connecting]:before{background:#78d8ff}.sim-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.sim-controls button{min-height:34px;border:1px solid #344456;border-radius:7px;background:#0c131c;color:#aebdca;cursor:pointer}.sim-controls button:hover,.sim-controls button.active{border-color:#78d8ff;color:#e8f8ff;background:#18303d}.create-world select{min-width:230px;border:1px solid #344453;border-radius:8px;background:#151e27;color:#eef5fa;padding:.75rem .9rem}.world-map-form{margin:.8rem 0}.world-map-form select{width:100%;border:1px solid #344453;border-radius:8px;background:#151e27;color:#eef5fa;padding:.65rem .8rem}.panel-divider{height:1px;margin:14px 0;background:#2b3948}.selected-unit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.selected-unit-head h2{margin-bottom:2px}.selected-unit-head span{color:#8295a5;font-size:11px}.compact-action,.wide-action,.equipment-row button{border:1px solid #3b5368;border-radius:6px;background:#172a39;color:#d9eff8;cursor:pointer}.compact-action{padding:6px 8px;font-size:10px;white-space:nowrap}.compact-action:hover,.wide-action:hover,.equipment-row button:hover:not(:disabled){border-color:#6be7ff}.crew-card{width:100%;display:flex;align-items:center;gap:9px;margin:6px 0;padding:8px;border:1px solid #2f4151;border-radius:8px;background:#121e29;color:#e9f1f6;text-align:left;cursor:pointer}.crew-card.selected{border-color:#6be7ff;box-shadow:0 0 0 1px #6be7ff}.crew-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#263847;color:#8ee9ff;font-size:10px;font-weight:800}.crew-copy{min-width:0;display:grid;gap:1px}.crew-copy strong{font-size:12px}.crew-copy small{color:#9badba;font-size:10px}.crew-copy em{color:#78d59a;font-size:9px;font-style:normal;text-transform:uppercase}.person-detail{display:grid;gap:10px;padding:12px;border:1px solid #314455;border-radius:9px;background:#14212c}.detail-title{display:grid;gap:2px}.detail-title strong{font-size:17px}.detail-title span,.detail-status{color:#92a7b7;font-size:11px}.wide-action{min-height:34px;padding:0 10px}.equipment-list{display:grid;gap:6px}.equipment-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #293b4a;border-radius:6px;background:#0f1922;text-transform:capitalize;font-size:11px}.equipment-row>span{display:grid;gap:2px}.equipment-row small{color:#8297a7;font-size:9px}.equipment-row button{padding:4px 7px;font-size:9px}.equipment-row button:disabled{opacity:.4;cursor:default}.muted-row{padding:7px 8px;color:#708493;font-size:10px}.incident-placeholder{margin-top:14px}