:root{color:#f6f1df;font-synthesis:none;background:#10252d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#10252d}button{font:inherit}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;position:absolute;inset:0}.topbar,.report-panel,.command-panel,.outcome-panel,.crew-roster-panel,.plan-panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1c22e0;border:1px solid #eedfb747}.topbar{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.btn-topbar{background:#eedfb71f;border-radius:6px;padding:5px 10px;font-size:.78rem}.btn-topbar:hover{background:#eedfb738}.btn-topbar.btn-telemetry{color:#90caf9;background:#64b5f62e;border-color:#64b5f666}.btn-topbar.btn-telemetry:hover{background:#64b5f652}.splash-screen{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0a1c22f2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-content{text-align:center;background:#08191ff7;border:1px solid #eedfb747;border-radius:16px;max-width:500px;padding:30px}.splash-content h1{color:#f6f1df;margin-bottom:10px;font-size:2.5rem}.splash-brief{color:#bbc6c5;margin-bottom:24px;font-size:1.1rem;line-height:1.5}.splash-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.btn-topbar-link{color:#f6f1df;background:#eedfb71f;border:1px solid #eedfb752;border-radius:6px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:background .15s;display:inline-block}.btn-topbar-link:hover{background:#eedfb738}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d5c490;margin:0 0 2px;font-size:.72rem}h1{margin:0;font-size:clamp(1rem,2.4vw,1.45rem);font-weight:650}h2{text-transform:uppercase;letter-spacing:.08em;color:#d5c490;margin:0 0 8px;font-size:.88rem}p{line-height:1.4}.status-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-strip span{white-space:nowrap;background:#eedfb71a;border-radius:999px;padding:6px 9px;font-size:.82rem}.pos-badge{text-transform:uppercase;font-weight:650}.pos-badge.pos-beam-reach{color:#a5d6a7;background:#81c7844d!important}.pos-badge.pos-in-irons{color:#ef9a9a;background:#ef53504d!important}.pos-badge.pos-close-hauled{color:#ffe082;background:#ffb74d4d!important}.left-panel-stack{pointer-events:none;flex-direction:column;gap:10px;width:min(340px,100vw - 32px);display:flex;position:absolute;top:96px;left:16px}.crew-roster-panel,.plan-panel{border-radius:12px;padding:12px 14px}.crew-roster-list{flex-direction:column;gap:6px;display:flex}.crew-card{background:#eedfb70f;border-left:3px solid #d5c490;border-radius:6px;padding:6px 9px;font-size:.8rem}.crew-card.role-navigator{border-left-color:#64b5f6}.crew-card.role-sailing-master{border-left-color:#ffb74d}.crew-card.role-lookout{border-left-color:#81c784}.crew-card-header{justify-content:space-between;margin-bottom:2px;display:flex}.role-title{color:#bbc6c5;text-transform:uppercase;font-size:.74rem}.crew-card-status{color:#e4dec8;font-size:.78rem;line-height:1.3}.crew-card-habit{border-top:1px dashed #eedfb726;justify-content:space-between;align-items:center;margin-top:4px;padding-top:4px;font-size:.72rem;display:flex}.habit-tag{color:#e5cf91;font-style:italic}.trust-value{color:#bbc6c5;font-weight:600}.plan-summary{color:#f6f1df;margin:2px 0 4px;font-size:.86rem;font-weight:600}.plan-rationale{margin:0 0 8px;font-size:.78rem;line-height:1.35}.active-action-container{margin-bottom:6px}.action-progress-card{background:#00000040;border:1px solid #eedfb726;border-radius:6px;padding:8px 10px}.action-desc{align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;display:flex}.progress-bar-bg{background:#ffffff26;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:#c9a95f;height:100%;transition:width .15s linear}.role-badge{text-transform:uppercase;color:#12262c;background:#d5c490;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-block}.role-badge.navigator{background:#64b5f6}.role-badge.sailing-master{background:#ffb74d}.role-badge.lookout{background:#81c784}.action-queue-list{color:#bbc6c5;flex-direction:column;gap:4px;font-size:.76rem;display:flex}.queue-item{align-items:center;gap:6px;display:flex}.report-panel{border-radius:12px;width:min(340px,100vw - 32px);padding:14px 16px;position:absolute;top:96px;right:16px}.report-panel p{margin:4px 0}.muted{color:#bbc6c5;font-size:.84rem}.command-panel{z-index:3;border-radius:12px;grid-template-columns:.9fr 1.7fr auto;gap:14px;padding:12px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.command-panel>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-label{color:#d5c490;text-transform:uppercase;letter-spacing:.08em;width:100%;font-size:.74rem}.command-hint{color:#bbc6c5;font-size:.74rem}kbd{color:#e5cf91;border:1px solid #eedfb759;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.7rem}button{color:#f6f1df;cursor:pointer;background:#eedfb714;border:1px solid #eedfb752;border-radius:8px;padding:8px 11px}button:hover{background:#eedfb729}button.active{color:#12262c;background:#c9a95f;border-color:#e5cf91}.outcome-panel{text-align:center;border-radius:14px;width:min(560px,100vw - 32px);max-height:90vh;padding:22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.outcome-panel h2{margin-bottom:4px;font-size:1.3rem}.restart-lg-btn{color:#10252d;background:#c9a95f;padding:10px 20px;font-size:1rem;font-weight:600}.outcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.btn-telemetry-debrief{color:#90caf9!important;background:#64b5f640!important;border:1px solid #64b5f680!important}.btn-telemetry-debrief:hover{background:#64b5f666!important}.debrief-card{text-align:left;background:#0000004d;border:1px solid #eedfb733;border-radius:10px;margin-top:14px;padding:14px}.debrief-card h3{text-transform:uppercase;letter-spacing:.08em;color:#d5c490;margin:0 0 10px;font-size:.82rem}.debrief-rating{text-align:center;margin-bottom:12px}.rating-badge{letter-spacing:.05em;color:#10252d;background:#c9a95f;border-radius:999px;padding:6px 14px;font-size:.95rem;font-weight:700;display:inline-block}.debrief-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.stat-box{text-align:center;background:#eedfb70f;border-radius:6px;padding:8px}.stat-box span{color:#bbc6c5;margin-bottom:2px;font-size:.72rem;display:block}.stat-box strong{color:#f6f1df;font-size:.95rem}.debrief-log{flex-direction:column;gap:6px;max-height:140px;font-size:.78rem;display:flex;overflow-y:auto}.debrief-log-item{background:#0003;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;display:flex}.hidden{display:none}@media (width<=900px){.topbar{align-items:flex-start}.left-panel-stack{width:min(280px,100vw - 32px);top:110px}.report-panel{width:min(300px,100vw - 32px);top:auto;bottom:120px;right:16px}.command-panel{grid-template-columns:1fr;gap:9px}.command-panel>div{justify-content:center}.debrief-stats{grid-template-columns:repeat(2,1fr)}}.guidance-text{color:#bbc6c5;font-size:.86rem;line-height:1.35}button:disabled{opacity:.45;cursor:not-allowed}.decision-panel{z-index:2;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08191ff7;border:1px solid #e5cf9194;border-radius:14px;width:min(650px,100vw - 32px);max-height:calc(100vh - 150px);padding:20px;position:absolute;bottom:120px;left:50%;overflow-y:auto;transform:translate(-50%)}.decision-ignore-btn{color:#bbc6c5;cursor:pointer;background:#eedfb714;border:1px solid #eedfb74d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.decision-ignore-btn:hover{color:#fff;background:#ef535040;border-color:#ef5350}.decision-panel h2{text-transform:none;letter-spacing:0;color:#f6f1df;font-size:1.15rem}.decision-panel>p{margin:7px 0 14px}.role-advice-section{background:#0000004d;border:1px solid #eedfb726;border-radius:8px;margin:12px 0 16px;padding:12px}.role-advice-section h3{text-transform:uppercase;color:#d5c490;letter-spacing:.08em;margin:0 0 8px;font-size:.78rem}.role-advice-list{flex-direction:column;gap:8px;display:flex}.advice-card{background:#eedfb70f;border-left:3px solid #d5c490;border-radius:6px;padding:8px 10px;font-size:.8rem}.advice-card.role-navigator{border-left-color:#64b5f6}.advice-card.role-sailing-master{border-left-color:#ffb74d}.advice-card.role-lookout{border-left-color:#81c784}.advice-header{margin-bottom:3px;font-size:.82rem}.advice-rec{color:#e5cf91;font-weight:600}.advice-body{color:#bbc6c5;font-size:.78rem;line-height:1.35}.decision-choices{gap:9px;display:grid}.decision-choice{text-align:left;gap:4px;width:100%;padding:12px 14px;display:grid}.decision-choice strong{color:#f6f1df}.decision-choice span{color:#bbc6c5;font-size:.84rem;line-height:1.35}.decision-choice:hover{background:#e5cf9124;border-color:#e5cf91}