@import"https://fonts.googleapis.com/css2?family=Kanit:wght@400;700;900&display=swap";body{font-family:Kanit,sans-serif;font-weight:900;margin:0;padding:8px;background:#0d0d0d;display:flex;align-items:flex-start;gap:12px}#roster-panel{flex:0 0 auto;max-width:520px;max-height:calc(100vh - 16px);overflow-y:auto;color:#c3c3c3;background:#1b1b1b;border:1px solid #2c2c2c;border-radius:6px;padding:10px 12px}#roster-panel h2{margin:0 0 6px;font-size:18px;font-weight:900;color:#e8c840;letter-spacing:1px;text-transform:uppercase}.squad-row{margin-bottom:10px}.squad-row h3{margin:4px 0;font-size:13px;font-weight:700;color:#7ec8ff;letter-spacing:.5px;text-transform:uppercase}.squad-row .cards{display:flex;flex-wrap:wrap;gap:6px}.marine-card{display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;padding:6px 4px;font-family:inherit;font-weight:400;color:#c3c3c3;background:#242424;border:2px solid #3a3a3a;border-radius:5px;cursor:pointer;transition:border-color .12s,background .12s,filter .2s,opacity .2s}.marine-card:hover{border-color:#6a6a6a;background:#2c2c2c}.marine-card img{width:40px;height:40px;image-rendering:pixelated}.marine-card .m-name{font-size:12px;font-weight:700;color:#eee;white-space:nowrap}.marine-card .m-weapon{font-size:10px;color:#e8c840;white-space:nowrap}.marine-card .m-stats{font-size:11px;color:#b8c6d8}.marine-card .m-ammo{font-size:11px;color:#d8c68a;min-height:13px}.marine-card{position:relative}.marine-card .m-face{position:absolute;top:3px;right:6px;font-size:13px;font-weight:900;color:#7ec8ff}.marine-card .m-hotkey{position:absolute;top:3px;left:6px;font-size:10px;font-weight:700;color:#7ec8ff}.marine-card .m-badges{font-size:10px;color:#7ec8ff;min-height:12px}.marine-card .m-state{font-size:11px;font-weight:900;letter-spacing:1px}.marine-card.selected{border-color:#e8c840;background:#37320f;box-shadow:0 0 6px #e8c84088}.marine-card.dead{filter:grayscale(1);opacity:.35;cursor:default}.marine-card.dead .m-state{color:#ff4040}.marine-card.escaped{opacity:.55;border-color:#0c4;cursor:default}.marine-card.escaped .m-state{color:#0f5}.marine-card.reserve{opacity:.55;border-style:dashed;border-color:#3b82f6}.marine-card.reserve .m-state{color:#7ec8ff}.marine-card.reserve.selected{border-color:#e8c840}.marine-card.has-cat{border-color:#7ec8ff}.kb-help{margin-top:12px;border-top:1px solid #2c2c2c;padding-top:8px}.kb-help summary{cursor:pointer;font-size:13px;font-weight:700;color:#7ec8ff;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.kb-board{margin-top:8px}.kb-row{display:flex;gap:3px;margin-bottom:3px}.kb-row.kb-special{margin-top:6px}.keycap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:40px;min-height:34px;padding:2px 1px;background:#242424;border:1px solid #4a4a4a;border-bottom-width:3px;border-radius:4px;text-align:center}.keycap kbd{font-family:inherit;font-size:12px;font-weight:900;color:#eee;line-height:1.1}.keycap i{font-style:normal;font-size:7.5px;line-height:1.15;color:#b8c6d8;font-weight:400}.keycap small{font-size:6.5px;line-height:1.1;color:#7d8b9c;font-weight:400}.keycap.unbound{opacity:.22}.keycap.disabled{opacity:.3}.keycap.wide{width:62px}.kb-notes{margin:8px 0 0;padding-left:16px;font-size:10.5px;font-weight:400;line-height:1.45;color:#8a8a8a}.credits{margin-top:12px;border-top:1px solid #2c2c2c;padding-top:8px;font-size:10.5px;font-weight:400;line-height:1.45;color:#888}.credits h3{margin:0 0 4px;font-size:13px;font-weight:700;color:#7ec8ff;letter-spacing:.5px;text-transform:uppercase}.credits p{margin:0 0 6px}.credits a{color:#7ec8ff}.credits .legal summary{cursor:pointer;color:#6a6a6a;-webkit-user-select:none;user-select:none}.credits .legal p{margin-top:6px;font-size:9.5px;color:#6a6a6a}.audio-credit{font-size:10.5px;color:#888}.audio-credit a{color:#7ec8ff}#home-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08080adb;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:32px 16px;box-sizing:border-box}.home-panel{max-width:640px;color:#c3c3c3;font-weight:400;text-align:center}.home-title{margin:0;font-size:84px;font-weight:900;letter-spacing:14px;color:#e8c840;text-shadow:0 0 24px rgba(232,200,64,.35)}.home-subtitle{margin:0 0 18px;font-size:18px;letter-spacing:3px;text-transform:uppercase;color:#8a8a8a}.home-intro{margin:0 auto 14px;max-width:540px;font-size:15px;line-height:1.55}.home-manual-row{font-size:14px;color:#9a9a9a;margin:0 0 22px}.home-manual-row a,.home-credits a{color:#7ec8ff}.home-missions-heading{margin:0 0 10px;font-size:16px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#e8c840}.home-mission-list{display:flex;flex-direction:column;gap:8px;text-align:left}.home-mission{display:block;padding:10px 14px;background:#1b1b1be6;border:1px solid #2c2c2c;border-radius:6px;text-decoration:none;color:inherit}.home-mission:hover{border-color:#e8c840;background:#2c2818f2}.home-mission-name{display:block;font-weight:900;font-size:16px;color:#e8e8e8;letter-spacing:1px}.home-mission-tagline{display:block;font-size:12.5px;color:#9a9a9a}.home-credits{margin:26px 0 8px;font-size:11px;color:#6a6a6a}#end-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;pointer-events:none}.end-box{pointer-events:auto;margin-top:140px;min-width:320px;padding:18px 26px 22px;background:#0f0f11f5;border:1px solid #2c2c2c;border-radius:8px;text-align:center;color:#c3c3c3;font-weight:400}.end-box h2{margin:0 0 4px;font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:22px}.end-win h2{color:#7cfc00}.end-draw h2{color:#e8c840}.end-loss h2{color:#ff4040}.end-box p{margin:0 0 14px;font-size:13px;color:#9a9a9a}.end-buttons{display:flex;gap:10px;justify-content:center}.end-buttons button,#abort-mission{font-family:Kanit,sans-serif;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#e8e8e8;background:#1b1b1b;border:1px solid #444;border-radius:6px;padding:8px 14px;cursor:pointer}.end-buttons button:hover,#abort-mission:hover{border-color:#e8c840;color:#e8c840}.end-log{margin-top:16px;padding-top:12px;border-top:1px solid #2c2c2c;text-align:left}.end-log label{display:block;margin-bottom:6px;font-size:12px;color:#9a9a9a}.end-log textarea{width:100%;box-sizing:border-box;margin-bottom:10px;padding:6px 8px;font-family:Kanit,sans-serif;font-size:13px;color:#e8e8e8;background:#101012;border:1px solid #444;border-radius:6px;resize:vertical}.end-log button{font-family:Kanit,sans-serif;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#e8e8e8;background:#1b1b1b;border:1px solid #444;border-radius:6px;padding:8px 14px;cursor:pointer}.end-log button:hover{border-color:#e8c840;color:#e8c840}#abort-mission{position:fixed;top:10px;right:12px;z-index:150;opacity:.85}#abort-mission.armed{color:#ff4040;border-color:#ff4040;opacity:1}