@font-face{font-family:Fallback;src:local('Trebuchet MS')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#f4f6fc;background:#090d19;font-family:Fallback,'Trebuchet MS',Arial,sans-serif;font-size:15px}body{--bg:#0e1421;--panel:#171f2e;--line:#303b4b;--muted:#9aa9bc;--green:#c5f57b;--red:#fa777d;--blue:#78cff0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}:is(button,a,input,select,textarea):focus-visible{outline:3px solid #b7f77a;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}p{line-height:1.6}button,input,select,textarea{border-radius:9px}input,select,textarea{min-width:0;color:#f2f5fc;border:1px solid #3b485b;background:#111927;padding:12px 13px}input::placeholder,textarea::placeholder{color:#8594a8}select{padding-right:28px}input[type=checkbox]{accent-color:#bcf578;width:19px;height:19px;flex-shrink:0}input[type=range]{padding:0;accent-color:#b9ef74;width:100%}textarea{resize:vertical;line-height:1.5}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b9c5d5;font-weight:bold}label small{font-weight:normal;font-size:12px;line-height:1.5;color:#899bb1}small{font-size:12px}canvas{display:block}button:hover:not(:disabled){filter:brightness(1.13)}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#space{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#app{position:relative;min-height:100dvh}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1000;background:#c5f57b;color:#1a2a13;box-shadow:0 5px 35px #0008;padding:14px 22px;border-radius:10px;max-width:90vw;font-weight:bold;text-align:center;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#ffc7c5;color:#5b2228}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 19px;background:#253044;border:1px solid #43516a;border-bottom-width:3px;color:#f0f5fe;font-weight:bold;min-height:44px;text-align:center;font-size:13px}.button.primary{background:var(--green);color:#233512;border-color:#90b851}.button.subtle{background:#1c2636;border-color:#364358}.button.danger{background:#623442;border-color:#944557}.button.large{font-size:16px;padding:16px 27px}.button.full{width:100%}.small-button{min-height:35px;padding:7px 13px;font-size:12px}.text-button{padding:5px 0;color:#b8cae0;background:none;font-size:12px}.text-button:hover{color:#d4fd9a}.danger-text{color:#f7989e}.icon-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #3a485d;background:#1b2639;font-size:24px;line-height:1;border-radius:9px}.eyebrow{font-size:10px;color:#a2b0c2;font-weight:bold;letter-spacing:2px}.tag{border:1px solid #48566a;color:#c7d6e6;font-size:10px;padding:5px 9px;border-radius:5px;font-weight:bold;letter-spacing:1px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.crew-text{color:#aef38e!important}.impostor-text{color:#fc777e!important}.form-stack{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.check-row{display:flex;flex-direction:row;align-items:center;gap:10px}.form-error{color:#ff9ba4;font-size:13px;min-height:1em}.test-result{font-size:13px;color:#bdf68e}.field-label{display:block;font-size:12px;margin-bottom:10px;color:#afc0d4}.back-link{font-size:13px;color:#a7b9cf}.in-game{overflow:hidden}.main-menu{min-height:100dvh;padding:29px 40px;display:flex;flex-direction:column}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.edition{font-weight:bold;font-size:11px;letter-spacing:2px;color:#93a5bd}.edition span{margin:0 10px}.connection-pill{font-size:11px;letter-spacing:.4px;border:1px solid #324255;background:#101c29b3;padding:8px 13px;border-radius:18px;display:flex;align-items:center;gap:9px}.connection-pill i,.control-connection i{height:6px;width:6px;background:#b8f380;border-radius:50%;display:inline-block}.menu-center{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 0 40px}.wordmark{display:inline-block;position:relative;font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:1000;font-size:clamp(70px,10vw,128px);letter-spacing:13px;color:#0a1020;-webkit-text-stroke:3px #fafcff;paint-order:stroke fill;line-height:1;transform:rotate(-3deg);filter:drop-shadow(0 6px 0 #000);margin-left:16px}.logo-star{font-size:30px;position:absolute;top:1px;right:-29px;color:#c5f57b;-webkit-text-stroke:0}.menu-identity{display:flex;align-items:center;gap:13px;margin:20px 0 12px}.menu-identity canvas{width:70px;height:70px}.identity-button{display:flex;align-items:flex-start;flex-direction:column;background:none;padding:0;gap:7px}.identity-button span{font-size:18px;font-weight:bold}.identity-button small{font-size:11px;color:#a5b4c9}.menu-actions{width:350px;max-width:86vw;display:flex;flex-direction:column;gap:16px}.game-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:3px solid #f6f7fb;background:#090d19dd;border-radius:15px 12px 16px 12px;padding:17px 23px;box-shadow:0 5px 0 #000b;transition:transform .15s}.game-button:hover{transform:translateY(-2px)}.game-button span{font-size:26px;font-weight:1000;letter-spacing:2px}.game-button small{font-size:11px;color:#a5b5ca;margin-top:4px}.game-button b{position:absolute;right:20px;top:26px;font-size:28px;font-weight:normal}.code-form{display:flex;border:2px solid #59667c;background:#101624d9;border-radius:12px;height:59px;overflow:hidden}.code-form input{background:transparent;border:0;border-radius:0;font-size:18px;letter-spacing:4px;font-weight:bold;min-width:0;flex:1;padding-left:22px;text-transform:uppercase}.code-form button{width:62px;background:#242f42;border-left:1px solid #59667c;border-radius:0;font-size:26px}.menu-links{display:flex;gap:26px;margin:30px 0 0;align-items:center}.menu-links button,.menu-links a{background:none;color:#d9e2ef;font-size:12px;padding:5px 0;border-radius:0;border-bottom:1px solid #566174}.menu-links a{color:#c5f57b;border-color:#7f9a51}.resume-button{background:transparent;color:#a7b7cb;font-size:12px;margin-top:17px}.menu-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#718198;letter-spacing:1.4px}.menu-footer span:nth-child(2){letter-spacing:.2px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-heading h2{font-size:23px;letter-spacing:-.4px}dialog{color:#f0f4fc;border:2px solid #64738a;border-bottom:5px solid #455269;border-radius:17px;background:#141d2b;padding:25px;width:min(680px,94vw);max-height:91dvh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020613ce;backdrop-filter:blur(5px)}.host-map{display:flex;align-items:center;gap:20px;background:#202d3f;border:1px solid #42526b;padding:20px;margin-bottom:24px;border-radius:11px}.host-map .tag{margin-left:auto}.host-map h3{font-size:24px;margin:5px 0}.host-map small{font-size:9px;letter-spacing:2px;color:#aac1d1}.host-map p{font-size:11px;color:#a0b3c9}.map-orbit{font-size:63px;color:#cae9db}.wardrobe{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.wardrobe-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1d2a3c;border:1px solid #394b64;border-radius:12px;min-height:320px}.wardrobe-preview canvas{width:100%;max-width:240px}.wardrobe-preview>span{font-size:18px;font-weight:bold}.wardrobe-preview>small{font-size:10px;color:#8399b1;margin:10px 0 24px}.wardrobe-controls{display:flex;flex-direction:column;gap:15px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-chip{background:var(--color);height:31px;border:3px solid #070c15;border-radius:8px;box-shadow:inset 0 -6px #0002}.color-chip.selected{outline:2px solid #fff;outline-offset:2px}.browser-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#869bb5;margin-bottom:15px;align-items:center}.lobby-list{display:flex;flex-direction:column;gap:10px;min-height:180px}.lobby-item{display:flex;align-items:center;text-align:left;gap:16px;padding:18px;background:#243044;border:1px solid #4a5b73}.lobby-icon{font-size:30px;color:#b7e4df}.lobby-item b{font-size:15px}.lobby-item small{display:block;color:#a4b7cf;font-size:11px;margin-top:7px}.lobby-count{margin-left:auto;color:#c9f88e;white-space:nowrap}.lobby-count b{margin-left:10px}.empty-state{padding:44px 20px;text-align:center;color:#92a5bf}.empty-state>span{font-size:44px;display:block;margin-bottom:12px;color:#627b9b}.empty-state h3{color:#e6eef8;font-size:20px;margin-bottom:10px}.empty-state p{font-size:13px;margin-bottom:20px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help-grid b{font-size:11px;letter-spacing:2px}.help-grid h3{font-size:18px;margin:12px 0}.help-grid p{font-size:13px;color:#bdcadb}.key-list{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0;padding-top:20px;border-top:1px solid #36465a;font-size:12px}kbd{font-family:inherit;font-size:10px;border:1px solid #718096;border-bottom:2px solid #8190a4;border-radius:4px;padding:2px 5px;color:#c6d3e4}.game-shell{position:relative;width:100%;height:100dvh;overflow:hidden}#game-canvas{position:absolute;width:100%;height:100%;inset:0;touch-action:none}.game-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:12}.task-meter{background:#152131cb;border:2px solid #77869b;border-radius:6px;padding:7px;width:320px;max-width:35vw}.task-meter>span{font-size:9px;font-weight:bold;letter-spacing:1.3px;display:block;color:#d4deea;margin-bottom:5px}.task-meter>div{height:16px;border:2px solid #283c46;background:#34414a}.task-meter i{height:100%;display:block;background:#9be66a;transition:width .4s}.game-toolbar{display:flex;align-items:center;gap:9px;pointer-events:auto}#network-state{font-size:10px;text-shadow:0 1px 3px #000;color:#c7d7e9;margin-right:6px}.round-button{background:#182337d9;border:2px solid #d5e2ed;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:23px;position:relative}.round-button.selected{background:#658859}.round-button i{position:absolute;width:8px;height:8px;background:#d0fa7c;top:0;right:0;border-radius:50%;display:none}.round-button i.visible{display:block}.tasks-panel{position:absolute;top:90px;left:20px;color:#fafbfc;width:290px;max-width:36vw;text-shadow:0 1px 3px #071225,1px 0 3px #071225;pointer-events:none}.tasks-panel h3{font-size:16px;margin-bottom:9px;color:#dcf59e}.tasks-panel ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.7}.tasks-panel li{display:flex;gap:8px}.tasks-panel li.complete{color:#a9e575;text-decoration:line-through}.tasks-panel small{font-size:11px;color:#efabaf}.ghost-note{font-size:11px;margin:6px 0}.sabotage-alert{color:#ffb2aa;background:#421e31b3;font-weight:bold;padding:10px;border-radius:7px;font-size:14px;margin-top:16px}.lobby-panel{position:absolute;left:22px;top:95px;width:280px;background:#101d2ce8;border:2px solid #4d647c;border-radius:13px;box-shadow:0 8px 0 #040a1570;max-height:calc(100dvh - 205px);display:flex;flex-direction:column;z-index:5}.lobby-heading{padding:18px 18px 12px}.lobby-heading h2{font-size:24px;margin:5px 0 9px;display:flex;align-items:center;justify-content:space-between}.lobby-heading h2>span{font-size:14px;color:#a3f08b}.small-status{font-size:10px;color:#aac3d8;background:#213a48;padding:4px 7px;border-radius:4px}.crew-list{overflow:auto;padding:0 18px;min-height:0;max-height:350px}.crew-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #3e56633d;font-size:12px}.crew-row>i,.chat-message>i{width:11px;height:15px;border:2px solid #08111e;background:var(--color);border-radius:6px 6px 3px 3px;flex-shrink:0}.crew-row>span{flex:1}.crew-row small{font-size:8px;letter-spacing:.5px;color:#8faac0}.kick-button{background:transparent;color:#8399ae;font-size:17px;padding:0 3px}.lobby-controls{display:flex;flex-direction:column;gap:10px;padding:15px}.lobby-control-row{display:flex;gap:7px}.lobby-control-row .button{font-size:10px;padding:8px;flex:1}.waiting-text{font-size:12px;text-align:center;color:#c7d5e5}.game-bottom{position:absolute;bottom:max(19px,env(safe-area-inset-bottom));left:23px;right:23px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:7}.lobby-code{pointer-events:auto;background:#111e2dc9;border:1px solid #46556c;padding:9px 13px;border-radius:8px}.lobby-code small{display:block;font-size:8px;font-weight:bold;letter-spacing:1.7px;color:#99aec5}.lobby-code button{font-size:20px;letter-spacing:3px;background:transparent;font-weight:bold;padding:3px 0 0}.lobby-code button span{font-size:16px;letter-spacing:0;margin-left:5px;color:#b0c3d6}.action-buttons{display:flex;gap:12px;pointer-events:auto}.action-button{background:#233249d6;border:3px solid #d9e6f1;border-radius:15px;box-shadow:0 4px 0 #04101b;min-width:80px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-shadow:1px 2px 0 #111d29;padding:8px 10px}.action-button>span{font-size:32px;line-height:1.1;font-weight:bold}.action-button>b{font-size:12px;letter-spacing:.7px;margin-top:7px}.action-button>kbd{position:absolute;top:-10px;right:-6px;background:#162639;font-size:8px}.action-button:disabled{opacity:.32;filter:grayscale(.7)}.action-button.kill{color:#ff9196;border-color:#ee767c}.action-button.sabotage{color:#ffb091;border-color:#d57b6b;font-size:10px}.action-button.sabotage b{font-size:9px}.action-button.report{color:#ffc4bd;border-color:#df9b97}.phase-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center}.phase-overlay.intro,.phase-overlay.ejection,.phase-overlay.ended{background:#060c18f5;pointer-events:auto}.role-reveal,.ejection-screen,.end-screen{text-align:center;padding:30px;max-width:1100px}.role-reveal h1,.end-screen h1{font-size:clamp(44px,9vw,88px);letter-spacing:8px;margin:10px 0;text-shadow:0 4px 0 #000}.role-reveal small,.end-screen>small{letter-spacing:3px;font-size:11px;color:#8ca2bf}.role-reveal canvas{width:220px;height:220px;margin:15px auto}.role-reveal p{font-size:19px;margin-bottom:15px}.ejection-screen h2{font-size:clamp(18px,3vw,32px);font-weight:normal}.ejected-crew{width:130px;height:130px;margin:0 auto 40px;animation:float-ejected 6s linear both}.vote-summary{font-size:12px;color:#a0b4ca;margin-top:25px}.empty-orbit{font-size:40px;color:#7086a0;margin-bottom:50px}.phase-overlay.meeting{pointer-events:none;background:#07101aaa;backdrop-filter:blur(3px);padding:80px 35px 35px}.meeting-card{width:min(830px,95vw);max-height:calc(100dvh - 120px);overflow:auto;background:#dfe8e4;color:#293a41;border:5px solid #304655;border-radius:20px;box-shadow:0 7px 0 #061321;pointer-events:auto;padding:28px}.meeting-card header{text-align:center;margin-bottom:23px}.meeting-card .eyebrow{color:#9a493d;font-size:10px}.meeting-card h1{font-size:32px;font-weight:1000;margin:8px 0}.meeting-card header p{font-size:12px;color:#617178}.vote-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.vote-card{display:flex;align-items:center;gap:8px;border:2px solid #768c93;border-bottom:4px solid #778c92;background:#f1f5ec;color:#253645;text-align:left;padding:5px 9px;min-height:65px;opacity:1!important}.vote-card canvas{width:50px;height:50px;flex-shrink:0}.vote-card>span{font-size:13px;font-weight:bold;min-width:0;overflow:hidden;text-overflow:ellipsis}.vote-card small{font-size:8px;display:block;color:#7b8b97;letter-spacing:1px;margin-top:5px}.vote-card>i{margin-left:auto;font-size:16px;color:#51925b;opacity:0;font-style:normal}.vote-card.has-voted>i{opacity:1}.vote-card.my-vote{border-color:#75a446;background:#def5be}.vote-card.dead{opacity:.35!important;filter:grayscale(1);pointer-events:none}.vote-card.dead>i{opacity:1;color:#ab5958}.meeting-card footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.meeting-card footer>div{text-align:right;display:flex;flex-direction:column;gap:7px;font-size:13px}.meeting-card footer small{font-size:10px;color:#6c7b85}.meeting-card footer .button{background:#e6efdf;color:#35464f;border-color:#a0b1a8}.chat-open .meeting-card{margin-right:300px;width:calc(100% - 300px);max-width:800px}.chat-open .vote-grid{grid-template-columns:1fr 1fr}.end-screen h2{font-size:23px;margin:10px 0}.end-screen>p{font-size:14px;color:#b6c7da}.end-crew{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:25px auto;max-width:800px}.end-crew canvas{width:80px;height:80px}.end-crew span{font-size:10px;color:#a1b6cc}.end-screen>.text-button{display:block;margin:20px auto}.chat-panel{position:absolute;top:73px;right:18px;width:300px;bottom:130px;border:2px solid #587087;border-radius:12px;background:#122234f5;display:flex;flex-direction:column;transform:translateX(340px);transition:transform .2s;z-index:20;overflow:hidden}.chat-panel.open{transform:translateX(0)}.chat-panel>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#263b50;border-bottom:1px solid #4a6178}.chat-panel h3{font-size:13px}.chat-panel .icon-button{height:28px;width:28px;font-size:20px}.chat-messages{flex:1;overflow:auto;padding:12px;scrollbar-width:thin;min-height:30px}.system-message{color:#819fb8;font-size:10px;text-align:center;margin:7px 0 14px}.chat-message{display:flex;gap:9px;margin-bottom:14px}.chat-message b{font-size:11px;color:#e2eef9}.chat-message p{font-size:12px;color:#c0d0e0;line-height:1.45;overflow-wrap:anywhere;margin-top:4px}.ghost-message{opacity:.55}.chat-panel form{display:flex;gap:7px;padding:9px;border-top:1px solid #3d556a;flex-wrap:wrap}.chat-panel input{font-size:12px;flex:1;width:50px;min-height:40px;padding:9px}.chat-panel form>button{background:#badc95;color:#294338;font-size:22px;width:37px}.chat-panel select{font-size:10px;width:100%;padding:7px}.chat-panel>small{font-size:8px;padding:0 12px 10px;color:#81a0bc}.joystick{position:absolute;left:38px;bottom:28px;z-index:8;width:120px;height:120px;border:3px solid #e6f2fd70;background:#172e4050;border-radius:50%;display:none;touch-action:none}.joystick-knob{width:48px;height:48px;position:absolute;top:33px;left:33px;border:2px solid #d7eaf497;background:#bbcfe94d;border-radius:50%;pointer-events:none}.joystick.disabled{pointer-events:none;opacity:.2}.pause-banner{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#18291bf5;border:2px solid #bde78e;border-radius:13px;padding:22px 30px;text-align:center;font-size:21px;letter-spacing:2px;color:#d1f6a8;z-index:30;display:none;pointer-events:none;box-shadow:0 0 0 200vmax #03091577}.pause-banner small{display:block;font-size:11px;letter-spacing:0;color:#b0c5a5;margin-top:10px}.pause-banner.visible{display:block}.connection-banner{display:none;position:absolute;top:100px;left:50%;transform:translateX(-50%);background:#8f5536;color:#fff4e5;padding:10px 20px;border-radius:8px;z-index:40;font-size:13px}.connection-banner.visible{display:block}.settings-map{display:flex;justify-content:space-between;padding:14px;background:#26384b;border:1px solid #52677c;border-radius:7px;font-size:11px;margin-bottom:22px}.settings-map span{color:#9db1c9;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:25px}.settings-grid input[type=number]{width:100%}.task-console{border:3px solid #576b7c;border-radius:14px;background:#243449;padding:18px;box-shadow:inset 0 0 0 6px #1c2a3d}.task-screen{min-height:300px;border:3px solid #0b1829;border-radius:10px;background:#0f1e2c;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;touch-action:none}.task-instruction{min-height:42px;color:#d8e5eb;text-align:center;font-size:13px;margin-top:16px}.task-footer{display:flex;justify-content:space-between;font-size:8px;color:#849baf;letter-spacing:1px;border-top:1px solid #45576d;margin-top:10px;padding-top:14px}.task-footer span:last-child{color:#a9d98f}.task-progress{width:90%;height:25px;border:3px solid #697d8d;border-radius:6px;background:#1c2e39;padding:3px}.task-progress span{display:block;background:#87d888;height:100%;width:0}.upload-icons{display:flex;align-items:center;justify-content:space-between;width:80%;padding:25px 0}.upload-icons>span{font-size:74px;color:#bbcaaa}.data-dots{color:#9cb1ce;animation:pulse 1s ease-in-out infinite}.scan-display{display:flex;align-items:center;flex-direction:column;gap:12px;width:100%;position:relative;padding:15px;border:1px solid #3e6e65;overflow:hidden;color:#86d3a6}.scan-ring{height:55px;width:90px;border-radius:50%;border:5px solid #73b89a;box-shadow:0 0 0 7px #213c37}.scan-display>span{font-size:10px;letter-spacing:2px}.scan-display code{font-size:10px;line-height:1.8;color:#a1d9be}.scan-line{position:absolute;background:#90ffc633;top:0;left:0;right:0;height:20px;animation:scan 2s linear infinite}.wires-board{position:relative;display:flex;justify-content:space-between;width:100%;height:290px}.wire-column{display:flex;flex-direction:column;justify-content:space-around;z-index:2}.wire{background:var(--wire);border:3px solid #090f21;border-radius:5px;width:52px;height:40px;font-size:19px;color:#101b2a;box-shadow:inset 0 0 0 4px #ffffff33}.wire.selected{outline:3px solid #f6f4ce;outline-offset:4px}.wire.connected{box-shadow:0 0 7px var(--wire)}.wire-lines{position:absolute;left:35px;right:35px;top:0;bottom:0;width:calc(100% - 70px);height:100%;overflow:visible}.card-reader{width:100%;padding:12px 0}.reader-display{background:#213d39;border:3px solid #5e8277;color:#a0ddb2;font-size:12px;letter-spacing:1px;padding:15px;margin-bottom:20px}.card-track{height:150px;background:#293b48;border-top:14px solid #6d8391;border-bottom:14px solid #526a7a;padding:10px 0}.id-card{width:155px;height:100px;background:#e6eadc;color:#3a514f;display:grid;grid-template-columns:40px 1fr;grid-template-rows:22px 1fr 14px;gap:7px;padding:8px 12px;text-align:left;border-radius:7px;box-shadow:0 3px 8px #0006;touch-action:none}.id-card>span:first-child{font-size:8px;border-bottom:1px solid #b5c4b5;grid-column:1/3;font-weight:bold}.id-card .card-face{font-size:29px;background:#a3c4bd;text-align:center}.id-card>div{font-size:8px;padding-top:7px}.id-card small{font-size:6px}.id-card b{font-size:11px;letter-spacing:4px;grid-column:1/3}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memory-grid button{width:64px;height:53px;background:#30485b;border:2px solid #57738a;color:#8499ad;font-weight:bold;font-size:20px}.memory-grid button.lit{background:#8bd3ff;border-color:#c8edfc;color:#355476;box-shadow:0 0 20px #6bbadd7d}.memory-display{font-size:11px;letter-spacing:2px;color:#a6cbdc}.align-display{position:relative;width:100%;height:175px;border:1px solid #476175;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 23px,#203c4e 24px)}.align-display>span{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:2px;color:#8098b1}.align-target{position:absolute;left:0;right:0;top:81px;border:1px dashed #a7ce8b;height:14px;background:#a0e59618}.align-line{position:absolute;left:0;right:0;top:87px;border:2px solid #72ceee;transform:translateY(70px)}.range-label{width:100%}.calibration{display:flex;align-items:center;gap:40px;flex-direction:column}.dial{width:175px;height:175px;border:8px solid #526880;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px #20374a}.dial-target{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg 151deg,#a8de72 151deg 223deg,transparent 223deg 360deg);mask:radial-gradient(transparent 57%,black 59%)}#dial-needle{position:absolute;inset:7px;border-radius:50%}#dial-needle:before{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:55px;background:#eaf2e4;border-radius:4px}#dial-count{position:relative;background:#183047;padding:15px;border-radius:50%;font-size:17px;color:#b9cdde}.shields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shields-grid button{width:67px;height:61px;border:3px solid #657b84;font-size:12px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0}.shields-grid .offline{background:#ce6972;color:#fff1e7}.shields-grid .online{background:#d2efbb;color:#4d785a}.trash-chute{position:relative;width:100%;height:150px;border:4px solid #586d7a;border-bottom:10px solid #7c8e92;background:#182a34;overflow:hidden;display:flex;justify-content:center;align-items:center}.trash-items{font-size:41px;letter-spacing:12px;line-height:1.3;color:#929c78;transform:translateY(0)}.trash-items.falling{transform:translateY(220px);transition:transform 1.3s ease-in}.asteroid-field{width:100%;height:230px;position:relative;background:radial-gradient(circle,#3a68652b 1px,transparent 2px);background-size:25px 25px}.asteroid{position:absolute;background:transparent;font-size:67px;line-height:1;color:#95ada3;text-shadow:2px 3px #41605c;animation:rock-drift 3s ease-in-out infinite;padding:0}.emergency-panel{text-align:center;padding:25px 0}.big-red-button{background:#e94b57;border:8px solid #af3347;border-bottom:20px solid #8e263c;color:#ffdce0;box-shadow:0 0 0 15px #939fa6,0 0 0 20px #425a68;border-radius:50%;width:210px;height:165px;font-size:18px;font-weight:1000;letter-spacing:1px;margin:20px 0 45px}.emergency-panel p{font-size:13px;color:#aebed0}.sabotage-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sabotage-options>button{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px 10px;background:#493142;border:2px solid #895262;color:#f3c3c0}.sabotage-options span{font-size:36px}.sabotage-options small{font-size:10px;color:#c8949b}.repair-switches{display:flex;justify-content:center;gap:17px;padding:30px 0}.repair-switches button{position:relative;width:55px;height:100px;background:#313d4e;border:3px solid #607185;border-radius:9px}.repair-switches span{position:absolute;width:38px;height:36px;background:#c85e65;border:4px solid #8f424d;top:53px;left:5px;border-radius:5px}.repair-switches .on span{top:8px;background:#a1d879;border-color:#668f52}.repair-switches small{position:absolute;bottom:-23px;left:20px;font-size:11px}.repair-hand{font-size:90px;text-align:center;padding:25px;color:#c2e696}.control-login{min-height:100dvh;padding:35px 45px;background:#101725;display:flex;flex-direction:column;align-items:center}.control-login>.back-link{align-self:flex-start}.control-login>section{width:360px;max-width:95vw;margin:auto;text-align:center;padding:40px 0}.control-mark{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 35px;background:#c6f77d;color:#253d22;font-size:39px;font-weight:1000;border-radius:17px;position:relative;letter-spacing:-5px}.control-mark>span{font-size:21px;position:absolute;top:-10px;right:-8px;color:#e5f9cb}.control-login h1{font-size:39px;letter-spacing:-1px;margin:12px 0}.control-login p{font-size:13px;color:#98abc3;margin-bottom:30px}.control-login form{text-align:left;display:flex;flex-direction:column;gap:19px}.control-login .form-error{margin:0;min-height:0;color:#f795a1}.control-login>section>small{display:block;margin-top:26px;font-size:10px;color:#768aa3}.control-shell{min-height:100dvh;background:#111826;display:grid;grid-template-columns:230px 1fr}.control-sidebar{border-right:1px solid #2c3648;background:#0b121f;padding:30px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.control-brand{display:flex;align-items:center;gap:12px;margin-bottom:47px}.control-brand>.control-mark{margin:0}.control-mark.small{width:42px;height:42px;font-size:27px;border-radius:12px;letter-spacing:-4px}.control-mark.small>span{font-size:14px;top:-5px;right:-5px}.control-brand>span:last-child{font-size:18px;font-weight:1000;letter-spacing:3px}.control-brand small{display:block;font-size:8px;font-weight:normal;letter-spacing:1.5px;margin-top:5px;color:#94a9c1}.sidebar-section>.eyebrow{font-size:8px}.room-select{display:flex;align-items:center;gap:11px;width:100%;margin:12px 0;background:#121c2b;border:1px solid #263347;padding:12px 11px;text-align:left}.room-select.selected{border-color:#72894f;background:#202a25}.room-select>i{width:7px;height:7px;border-radius:50%;background:#aec3b2}.room-select>i.playing{background:#b8ec7c}.room-select>span:nth-child(2){font-size:12px;letter-spacing:2px;font-weight:bold;flex:1}.room-select small{display:block;font-size:9px;color:#879bae;font-weight:normal;letter-spacing:0;margin-top:6px;text-transform:capitalize}.room-select>span:last-child{font-size:20px;color:#8a9b81}.new-lobby-link{font-size:10px;color:#849ab3;display:block;padding:7px 0}.control-sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:35px}.control-sidebar nav button{display:flex;align-items:center;gap:11px;padding:12px 11px;border-radius:7px;background:none;font-size:12px;color:#8fa4bf;text-align:left}.control-sidebar nav button>span{font-size:18px;width:19px;text-align:center}.control-sidebar nav button.active{background:#273226;color:#d3f3b3}.control-sidebar nav button>b{margin-left:auto;font-size:9px;background:#46553b;border-radius:5px;padding:3px 5px;color:#d3edae}.sidebar-bottom{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.control-connection{font-size:8px;color:#93a8be;display:flex;gap:8px;align-items:center}.control-connection i{width:5px;height:5px}.control-connection.disconnected{color:#e3997c}.sidebar-bottom .text-button{font-size:10px;color:#8297b0}.sidebar-empty{font-size:11px;color:#677d99;line-height:1.7;margin:20px 0}.control-main{padding:40px 45px 25px;min-width:0;max-width:1800px;width:100%;margin:0 auto}.control-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.control-header .eyebrow{font-size:9px;color:#849ab5;letter-spacing:2px}.control-header h1{font-size:32px;margin-top:10px;letter-spacing:-.8px;font-weight:bold}.control-header>.button{font-size:11px;padding:10px 15px;min-height:40px}.control-footer{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid #263449;font-size:8px;letter-spacing:1.6px;color:#61768f}.api-state{display:flex;align-items:center;gap:12px;border:1px solid #3b4655;background:#1c2533;padding:15px 19px;border-radius:9px;margin-bottom:24px;min-height:65px}.api-state>i{width:9px;height:9px;flex-shrink:0;background:#d5ad77;border-radius:50%;box-shadow:0 0 0 4px #d5ad7715}.api-state.ready>i{background:#b9ef82;box-shadow:0 0 0 4px #b9ef8215}.api-state b{display:block;font-size:11px;color:#dbe7d6}.api-state small{display:block;font-size:10px;color:#8d9fb6;margin-top:5px}.api-state>.text-button{margin-left:auto;white-space:nowrap;font-size:10px;color:#c2e5a0}.director-panel{border:1px solid #3b4c3e;background:#18241f;border-radius:12px;padding:24px;margin-bottom:32px}.director-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.director-top .eyebrow{font-size:8px;color:#8ca987;letter-spacing:2px}.director-top h2{font-size:20px;margin-top:7px;color:#e9f5df}.control-actions{display:flex;align-items:center;gap:9px}.control-actions .button{min-height:35px;padding:8px 13px;font-size:10px}.toggle-label{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:10px;margin-right:8px;color:#b6cca9}.toggle-label input{width:15px;height:15px}.director-command{display:flex;background:#0e1714;border:1px solid #4a5d42;padding:6px;border-radius:9px;gap:5px}.director-command select{background:#263627;border:1px solid #485d3d;color:#cbdfa9;font-size:11px;width:125px;padding:10px}.director-command input{flex:1;background:transparent;border:0;font-size:12px;color:#e4efdb;padding:10px;min-width:80px}.director-command input::placeholder{color:#7f937d}.director-command>button{background:#c7f18c;color:#304422;padding:10px 19px;font-size:11px;font-weight:bold;white-space:nowrap}.quick-commands{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.quick-commands>span{font-size:7px;letter-spacing:1px;color:#6f8d78;margin-right:3px}.quick-commands>button{background:#27392d;border:1px solid #3d5040;color:#b6c9af;font-size:9px;padding:6px 9px;border-radius:5px}.crew-count-control{display:flex;align-items:center;gap:11px;margin-top:19px;padding-top:17px;border-top:1px solid #334538}.crew-count-control label{font-size:10px;color:#8fa886}.crew-count-control input{width:65px;padding:7px 9px;background:#172519;border-color:#3c5239;font-size:12px}.crew-count-control .button{font-size:9px;min-height:30px;background:#263529;border-color:#4c6346;color:#c8dcba}.crew-count-control small{font-size:9px;color:#769071;margin-left:auto}.crew-section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 19px}.crew-section-heading h2{font-size:19px}.crew-section-heading>span{font-size:10px;color:#8197b3}.bot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bot-card{padding:18px;border:1px solid #334157;border-radius:12px;background:#192334;min-width:0}.bot-card.off-duty{background:#151f2e;border-style:dashed}.bot-card-top{display:flex;align-items:center;gap:10px;margin:-5px -3px 12px}.bot-avatar{background:#253246;border:1px solid #3e4d64;border-radius:12px;width:80px;height:83px;flex-shrink:0;overflow:hidden}.bot-avatar canvas{width:80px;height:80px}.bot-identity{flex:1;min-width:0}.bot-ai{font-size:7px;letter-spacing:1px;border:1px solid #4a586b;background:#263145;color:#91a4bc;padding:3px 5px;border-radius:4px;white-space:nowrap}.bot-ai.luna{color:#bfdc9e;border-color:#536440;background:#2e3b2b}.bot-ai.thinking{color:#c9d8ef;border-color:#536e95}.bot-identity h3{font-size:19px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-location{font-size:9px;color:#869eb9}.bot-card-top .icon-button{align-self:flex-start;width:27px;height:27px;font-size:17px;color:#98acc5;border-color:#3a4d64;background:#243246;margin-top:4px}.bot-card form{display:flex;flex-direction:column;gap:10px}.bot-name-input{font-size:12px;padding:7px 9px;border-color:#344a62;background:#131d2d}.personality-label{font-size:8px;letter-spacing:1.4px;color:#7791ad;margin-top:4px}.bot-card textarea{width:100%;padding:11px;font-size:11px;color:#b7c6d9;border:1px solid #394b63;background:#111c2c;min-height:105px;border-radius:7px}.bot-role-row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.bot-role-row>label{flex:1;font-weight:normal;gap:6px}.bot-role{font-size:7px;letter-spacing:1px;color:#6d88a7}.bot-role-row select{font-size:10px;padding:7px;background:#213149;border-color:#3c506c;max-width:170px}.bot-role-row .button{font-size:10px;min-height:30px;padding:7px 12px;background:#263751;border-color:#48617f;color:#c9dcec}.bot-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;margin-top:17px;border-top:1px solid #2f435b;padding-top:12px;color:#84a0ba}.bot-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.bot-task-count{white-space:nowrap;color:#91ad81}.bot-card-tools{display:flex;justify-content:space-between;margin-top:8px;gap:10px}.bot-card-tools>.text-button{font-size:8px;color:#90a9c4}.api-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:25px}.settings-card{padding:25px;border:1px solid #324259;border-radius:12px;background:#192334;min-width:0}.settings-card-heading{display:flex;gap:13px;align-items:center;padding-bottom:22px;border-bottom:1px solid #32445d;margin-bottom:23px}.api-logo{font-size:34px;color:#bfdec2}.settings-card-heading h2{font-size:18px}.settings-card-heading p{font-size:10px;color:#8fa7c1;margin-top:6px}.settings-card-heading .tag{margin-left:auto;font-size:7px;padding:4px 6px;white-space:nowrap}.api-sidebar{display:flex;flex-direction:column;gap:22px}.api-sidebar strong{font-size:25px;display:block;margin-top:18px;color:#d3f2ad}.api-sidebar .settings-card>p{font-size:12px;color:#87a0b9;margin:7px 0 16px}.api-sidebar #usage-tokens{font-size:10px;color:#a4b8cf}.api-sidebar .muted{font-size:11px!important;margin-top:23px!important}.api-sidebar h3{font-size:16px}.api-sidebar ol{font-size:11px;color:#a4b7cf;padding-left:18px;line-height:1.8;margin-bottom:22px}.api-sidebar li{margin-bottom:13px}.activity-intro{margin-bottom:25px}.activity-intro h2{font-size:22px}.activity-intro p{font-size:12px;color:#8cabc4;margin-top:10px}.activity-feed{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;gap:22px;border:1px solid #32445b;background:#1b283a;border-radius:9px;padding:16px 19px}.activity-time{font-family:monospace;font-size:11px;color:#839ab6;white-space:nowrap;padding-top:2px}.activity-item b{font-size:12px;font-weight:normal;color:#c3d5e6}.activity-item p{font-size:12px;color:#a9d492;margin:9px 0}.activity-item small{display:block;font-size:8px;letter-spacing:1px;color:#637f9c;margin-top:8px}.activity-item.error{border-color:#694254;background:#342333}.activity-item.error b{color:#dc9ca9}.perception-note{font-size:12px;line-height:1.7;color:#8aa5bf;margin-bottom:17px}.perception-json{padding:18px;background:#0a1625;border:1px solid #364f67;border-radius:8px;color:#adcca1;font-size:10px;line-height:1.7;max-height:60dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.director-dock{position:absolute;bottom:105px;left:23px;display:flex;gap:6px;z-index:15}.director-dock button{font-size:9px;padding:7px 11px;background:#263c31d9;border:1px solid #739354;color:#d2ebbc;border-radius:6px}.reduced-motion *{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}@keyframes pulse{50%{opacity:.3}}@keyframes scan{to{transform:translateY(250px)}}@keyframes float-ejected{from{transform:translateX(-150px) rotate(-80deg)}to{transform:translateX(160px) rotate(200deg)}}@keyframes rock-drift{50%{translate:7px -7px}}
@media(min-width:1700px){.bot-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.control-main{padding-left:55px;padding-right:55px}}@media(max-width:1200px){.control-main{padding:30px 26px}.bot-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.control-shell{grid-template-columns:205px 1fr}.control-sidebar{padding:26px 16px}.director-top{align-items:flex-start;flex-direction:column}.control-actions{width:100%;justify-content:flex-end}.crew-count-control small{max-width:200px;line-height:1.6}.chat-open .vote-grid{grid-template-columns:1fr 1fr}.chat-open .meeting-card{padding:20px}.chat-open .meeting-card h1{font-size:23px}.api-layout{grid-template-columns:1fr}.api-sidebar{display:grid;grid-template-columns:1fr 1fr}.api-sidebar>.text-button{grid-column:1/3}}@media(max-width:900px){.menu-top{font-size:10px}.game-top{left:12px;right:12px;top:12px}.game-toolbar{gap:6px}#network-state{display:none}.task-meter{width:250px;max-width:42vw}.task-meter>span{font-size:7px}.lobby-panel{left:13px;top:82px;width:230px;max-height:calc(100dvh - 183px)}.lobby-heading{padding:13px}.lobby-heading h2{font-size:21px}.crew-list{padding:0 13px}.crew-row{padding:7px 0;font-size:11px}.lobby-controls{padding:12px}.game-bottom{left:13px;right:13px;bottom:16px}.action-buttons{gap:8px}.action-button{min-width:65px;min-height:76px;padding:7px}.action-button>span{font-size:26px}.action-button>b{font-size:9px}.action-button.sabotage b{font-size:7px}.action-button>kbd{display:none}.chat-panel{right:12px;width:270px;bottom:108px}.chat-open .meeting-card{margin-right:260px;width:calc(100% - 260px);max-height:calc(100dvh - 100px)}.meeting-card{padding:18px;max-height:calc(100dvh - 100px)}.vote-card{padding:4px 6px;min-height:52px}.vote-card canvas{width:37px;height:37px}.vote-card>span{font-size:10px}.vote-card small{font-size:6px}.vote-grid{gap:7px}.meeting-card h1{font-size:24px}.meeting-card footer{margin-top:15px}.meeting-card header{margin-bottom:15px}.meeting-card footer .button{font-size:10px;padding:8px 11px}.phase-overlay.meeting{padding:75px 15px 20px}.tasks-panel{top:81px;left:14px;width:250px}.tasks-panel ul{font-size:10px}.tasks-panel h3{font-size:13px}.crew-count-control{flex-wrap:wrap}.crew-count-control small{max-width:unset;margin-left:0}.control-header h1{font-size:26px}.control-header>.button{font-size:9px;white-space:nowrap}.director-panel{padding:19px}.quick-commands>span{width:100%}.director-command select{width:105px}.director-command>button{padding:10px 12px;font-size:10px}.api-state{padding:13px;flex-wrap:wrap}.api-state small{font-size:9px}.api-state>.text-button{margin-left:21px}.crew-section-heading>span{font-size:9px;max-width:150px;text-align:right}.director-dock{left:13px;bottom:90px}}
@media(pointer:coarse){.joystick{display:block}.game-bottom .lobby-code{position:absolute;left:0;bottom:145px}.game-bottom{justify-content:flex-end}.action-buttons{max-width:70vw;flex-wrap:wrap;justify-content:flex-end}.lobby-panel{max-height:calc(100dvh - 265px)}.game-shell:has(.lobby-panel:not([hidden])) .joystick{left:auto;right:50px}.director-dock{left:auto;right:15px;bottom:125px}.tasks-panel{pointer-events:none}.game-bottom .lobby-code small{font-size:7px}.game-bottom .lobby-code button{font-size:15px}.joystick{left:28px;bottom:25px}.action-button{min-width:65px}.lobby-code{padding:6px 9px}.director-dock button{padding:7px 9px}}
@media(max-width:650px){.main-menu{padding:22px 21px}.menu-top{gap:10px}.edition{font-size:8px;letter-spacing:1px}.edition span{margin:0 5px}.connection-pill{font-size:8px;padding:7px 9px;gap:6px}.menu-center{padding:30px 0}.wordmark{font-size:70px;letter-spacing:8px;-webkit-text-stroke:2px}.logo-star{font-size:23px;right:-20px}.menu-identity{margin:21px 0 20px}.menu-actions{width:300px}.game-button{padding:15px 20px}.game-button span{font-size:23px}.game-button small{font-size:10px}.game-button b{top:23px}.menu-links{gap:21px;margin-top:25px}.menu-links button,.menu-links a{font-size:10px}.menu-footer{font-size:7px;gap:15px;flex-wrap:wrap;justify-content:center;letter-spacing:.7px}.menu-footer span:nth-child(2){order:3;width:100%;text-align:center}.menu-footer span:last-child{display:none}dialog{padding:19px;width:94vw}.modal-heading{margin-bottom:18px}.modal-heading h2{font-size:21px}.wardrobe{grid-template-columns:1fr 1.1fr;gap:14px}.wardrobe-preview{min-height:240px}.wardrobe-preview canvas{width:155px;max-width:100%}.wardrobe-preview small{font-size:8px;text-align:center}.wardrobe-controls{gap:12px}.wardrobe-controls input,.wardrobe-controls select{font-size:11px;padding:9px}.wardrobe-controls label{font-size:10px;gap:6px}.color-grid{gap:6px;grid-template-columns:repeat(4,1fr)}.color-chip{height:27px}.wardrobe-controls .button{font-size:11px}.help-grid{grid-template-columns:1fr;gap:24px}.host-map{padding:15px;gap:13px}.host-map h3{font-size:20px}.map-orbit{font-size:40px}.host-map .tag{display:none}.form-row{gap:12px}.form-stack{gap:17px}.game-toolbar .round-button{height:35px;width:35px;font-size:19px}.task-meter{padding:5px;max-width:48vw}.task-meter>div{height:13px}.task-meter>span{font-size:6px;letter-spacing:.7px}.game-top{gap:8px}.tasks-panel{top:70px;width:190px;max-width:50vw}.tasks-panel ul{font-size:9px;line-height:1.6}.tasks-panel h3{font-size:12px}.lobby-panel{top:69px;width:206px;left:10px}.lobby-heading h2{font-size:20px}.lobby-heading .eyebrow{font-size:8px}.lobby-heading .small-status{font-size:8px}.crew-row{font-size:10px;padding:6px 0}.crew-row small{font-size:6px}.lobby-control-row .button{font-size:8px}.lobby-controls>.button{font-size:11px}.lobby-code{font-size:12px}.joystick{width:105px;height:105px;left:20px;bottom:28px}.joystick-knob{width:44px;height:44px;left:28px;top:28px}.game-shell:has(.lobby-panel:not([hidden])) .joystick{right:27px;bottom:47px}.game-shell:has(.lobby-panel:not([hidden])) .game-bottom .lobby-code{bottom:24px}.action-button{min-width:53px;min-height:65px;border-width:2px;border-radius:11px;padding:6px}.action-button>span{font-size:24px}.action-button>b{font-size:8px;letter-spacing:0;margin-top:5px}.action-buttons{gap:6px}.action-button.sabotage{min-width:55px}.action-button.sabotage b{font-size:6px}.game-bottom{right:11px;bottom:20px}.game-bottom .lobby-code{bottom:115px}.phase-overlay.meeting{padding:61px 8px 20px}.meeting-card{max-height:calc(100dvh - 82px);padding:16px 12px;border-width:3px}.meeting-card h1{font-size:23px}.meeting-card .eyebrow{font-size:8px;letter-spacing:1px}.meeting-card header p{font-size:10px}.vote-grid{grid-template-columns:1fr 1fr;gap:6px}.vote-card canvas{height:32px;width:32px}.vote-card{min-height:46px;padding:3px 6px;gap:5px;border-width:1px;border-bottom-width:3px}.vote-card>span{font-size:10px}.vote-card>i{font-size:12px}.meeting-card footer b{font-size:10px}.meeting-card footer small{font-size:9px}.chat-open .meeting-card{margin-right:0;width:100%;max-width:none}.chat-open .vote-grid{grid-template-columns:1fr 1fr}.chat-panel{top:auto;bottom:12px;left:10px;right:10px;width:auto;height:min(410px,65dvh);transform:translateY(110%);box-shadow:0 -15px 60px #0007}.chat-panel.open{transform:translateY(0)}.chat-panel>header{padding:8px 11px}.chat-panel h3{font-size:12px}.chat-panel form select{font-size:11px}.chat-panel input{font-size:13px}.role-reveal h1,.end-screen h1{font-size:41px;letter-spacing:3px}.role-reveal p{font-size:14px}.role-reveal small{font-size:9px;letter-spacing:1px}.end-screen{padding:20px}.end-crew{gap:5px;margin:20px 0}.end-crew canvas{width:60px;height:60px}.end-crew span{font-size:8px}.end-screen h2{font-size:18px}.end-screen>p{font-size:12px}.pause-banner{padding:20px;max-width:90vw;font-size:17px;white-space:nowrap}.pause-banner small{font-size:9px}.settings-grid{gap:13px}.settings-grid label{font-size:11px}.settings-grid input{font-size:12px;padding:10px}.task-console{padding:12px}.task-screen{padding:17px;min-height:280px}.task-instruction{font-size:11px}.task-footer{font-size:6px}.wires-board{height:250px}.wire{width:42px;height:36px}.memory-grid button{width:55px;height:49px}.shields-grid button{width:57px;height:55px}.sabotage-options{gap:8px}.sabotage-options>button{padding:18px 5px}.sabotage-options b{font-size:12px}.sabotage-options small{font-size:8px}.sabotage-options span{font-size:27px}.repair-switches{gap:10px}.repair-switches button{width:45px}.repair-switches span{width:30px;left:4px}.control-shell{display:block}.control-sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid #2a394e;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:15px}.control-brand{margin:0;gap:10px}.control-brand>span:last-child{font-size:16px}.control-mark.small{height:34px;width:34px;font-size:23px}.control-brand small{font-size:7px}.sidebar-section{display:none}.control-sidebar nav{grid-column:1/3;flex-direction:row;margin:0;gap:7px}.control-sidebar nav button{flex:1;justify-content:center;gap:7px;font-size:10px;padding:10px 5px}.control-sidebar nav button>span{font-size:14px;width:auto}.control-sidebar nav button>b{font-size:8px;margin:0;padding:2px 4px}.sidebar-bottom{margin:0;padding:0;justify-content:center;gap:9px;align-items:flex-end}.sidebar-bottom .control-connection{font-size:7px}.sidebar-bottom .text-button{font-size:8px;padding:0}#change-password{display:none}.control-main{padding:25px 17px}.control-header{gap:12px;margin-bottom:23px}.control-header h1{font-size:24px;margin-top:8px;max-width:230px;line-height:1.1}.control-header .eyebrow{font-size:7px;letter-spacing:1px}.control-header>.button{font-size:8px;padding:8px;min-height:32px}.api-state{padding:12px;gap:11px;margin-bottom:18px}.api-state b{font-size:11px}.api-state>span{flex:1}.api-state small{font-size:9px;line-height:1.5}.director-panel{padding:16px;margin-bottom:24px}.director-top{gap:17px;margin-bottom:17px}.director-top h2{font-size:19px}.director-top .eyebrow{font-size:7px}.control-actions{gap:6px;justify-content:space-between}.control-actions .button{font-size:9px;padding:8px 9px;min-height:32px}.toggle-label{font-size:9px;margin:0}.toggle-label input{width:15px;height:15px}.director-command{flex-wrap:wrap;padding:5px}.director-command select{width:100%;padding:8px;font-size:10px}.director-command input{font-size:11px;padding:10px 7px;min-height:39px}.director-command>button{font-size:10px;padding:9px}.quick-commands{gap:7px;margin-top:12px}.quick-commands>span{font-size:6px}.quick-commands>button{font-size:8px;padding:6px 8px}.crew-count-control{gap:9px;margin-top:16px}.crew-count-control label{font-size:9px}.crew-count-control input{width:58px;padding:7px 8px}.crew-count-control small{font-size:8px;width:100%}.crew-section-heading h2{font-size:17px}.crew-section-heading>span{font-size:8px;max-width:135px}.bot-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bot-card{padding:12px}.bot-card-top{gap:7px;flex-wrap:wrap;position:relative;margin-bottom:12px}.bot-avatar{width:61px;height:65px;border-radius:9px}.bot-avatar canvas{width:62px;height:62px}.bot-identity{min-width:58px}.bot-identity h3{font-size:15px;margin:7px 0 3px}.bot-ai{font-size:6px;letter-spacing:.5px;padding:2px 3px}.bot-location{font-size:8px}.bot-card-top .icon-button{position:absolute;right:0;top:64px;width:24px;height:24px;font-size:14px;z-index:1}.bot-name-input{font-size:10px;margin-top:6px;width:calc(100% - 31px);padding:6px}.personality-label{font-size:7px;letter-spacing:1px;margin-top:3px}.bot-card textarea{font-size:10px;line-height:1.6;padding:9px;min-height:142px}.bot-role-row{flex-wrap:wrap;gap:8px}.bot-role-row label{min-width:100%;gap:5px}.bot-role-row select{font-size:9px;max-width:none;width:100%;padding:7px}.bot-role{font-size:6px}.bot-role-row .button{width:100%;font-size:9px;padding:6px;min-height:28px}.bot-card-bottom{font-size:7px;flex-wrap:wrap;margin-top:12px;gap:7px}.bot-status{max-width:100%;width:100%}.bot-card-tools{flex-direction:column;gap:5px;align-items:flex-start}.bot-card-tools .text-button{font-size:7px}.settings-card{padding:18px}.settings-card-heading{gap:11px;flex-wrap:wrap}.settings-card-heading h2{font-size:17px}.api-logo{font-size:27px}.settings-card-heading .tag{margin:0}.api-sidebar{grid-template-columns:1fr;gap:17px}.api-sidebar>.text-button{grid-column:auto}.settings-card .form-row{grid-template-columns:1fr}.control-footer{font-size:6px;letter-spacing:1px;margin-top:27px}.activity-item{padding:14px;gap:13px}.activity-time{font-size:9px}.activity-item b{font-size:10px}.activity-item p{font-size:11px}.control-login{padding:25px}.control-login>section{width:100%;max-width:350px}.control-login h1{font-size:36px}.director-dock{bottom:104px;gap:4px}.director-dock button{font-size:8px;padding:6px 8px}}
@media(max-height:550px) and (orientation:landscape){.main-menu{padding:14px 25px}.menu-center{padding:0;display:grid;grid-template-columns:280px 290px;justify-content:center;column-gap:40px;grid-template-rows:auto auto auto}.wordmark{font-size:64px;grid-column:1;grid-row:1;align-self:end}.menu-identity{grid-column:1;grid-row:2;margin:10px 0;justify-self:center}.menu-actions{grid-column:2;grid-row:1/4;width:280px;gap:10px}.menu-links{grid-column:1;grid-row:3;margin:0;align-self:start}.game-button{padding:12px 20px}.game-button span{font-size:20px}.game-button b{top:18px}.code-form{height:48px}.menu-footer{font-size:7px}.resume-button{grid-column:1}.lobby-panel{top:65px;width:215px;max-height:calc(100dvh - 112px)}.lobby-heading{padding:9px 12px}.lobby-heading h2{font-size:18px;margin:4px 0}.lobby-heading .eyebrow,.lobby-heading .small-status{display:none}.crew-row{padding:4px 0;font-size:10px}.lobby-controls{padding:8px;gap:7px}.lobby-controls .button{padding:6px;font-size:9px;min-height:28px}.lobby-controls .text-button{padding:0;font-size:9px}.game-bottom .lobby-code{bottom:0;left:0;padding:4px 8px}.game-bottom .lobby-code small{display:none}.game-bottom .lobby-code button{font-size:12px}.game-shell:has(.lobby-panel:not([hidden])) .joystick{right:45px;bottom:45px}.joystick{width:100px;height:100px;left:25px;bottom:25px}.joystick-knob{width:40px;height:40px;left:27px;top:27px}.tasks-panel{top:65px}.tasks-panel ul{font-size:9px}.action-button{min-width:60px;min-height:65px}.phase-overlay.meeting{padding:60px 10px 12px}.meeting-card{max-height:calc(100dvh - 75px);padding:12px}.meeting-card header h1{font-size:21px;margin:3px 0}.meeting-card header{margin-bottom:10px}.meeting-card header p,.meeting-card .eyebrow{font-size:8px}.vote-grid{grid-template-columns:repeat(4,1fr);gap:5px}.vote-card{min-height:39px;padding:3px 5px}.vote-card canvas{width:29px;height:29px}.vote-card small{display:none}.vote-card>span{font-size:9px}.meeting-card footer{margin-top:10px}.chat-panel{top:61px;bottom:85px;height:auto;width:270px;left:auto;right:12px;transform:translateX(310px)}.chat-panel.open{transform:translateX(0)}.chat-open .vote-grid{grid-template-columns:repeat(2,1fr)}.chat-open .meeting-card{margin-right:275px;width:calc(100% - 275px)}.role-reveal canvas{height:125px;width:125px;margin:5px auto}.role-reveal h1,.end-screen h1{font-size:43px;margin:7px 0;letter-spacing:5px}.role-reveal p{font-size:13px;margin:10px}.role-reveal small{font-size:8px}.end-crew{margin:12px 0}.end-crew canvas{height:55px;width:55px}.end-screen h2{font-size:17px}.end-screen .button{font-size:12px;padding:10px}.end-screen>.text-button{margin:9px auto}.director-dock{bottom:90px}.task-screen{min-height:230px}.control-sidebar{position:static}.control-shell{display:block}.control-main{padding:25px}.control-sidebar{height:auto;padding:15px;flex-direction:row;justify-content:space-between}.control-brand{margin:0}.sidebar-section,.sidebar-bottom{display:none}.control-sidebar nav{margin:0;flex-direction:row}.api-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}