:root{--oil-900: #12100b;--oil-800: #1b1710;--oil-700: #262017;--oil-600: #342b1f;--brass: #d0913f;--brass-dim: #a2702f;--paper: #e8dcb8;--paper-deep: #d8c79c;--chalk: #f0e7ce;--chalk-soft: #cbc0a2;--sea: #7fa39a;--danger: #d0563c;--ink: #2a2118;--panel-bg: rgba(18, 15, 10, .88);--panel-line: rgba(208, 145, 63, .3);--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--shadow: 0 22px 48px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:var(--oil-900);color:var(--chalk);font-family:var(--mono);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--brass);outline-offset:2px}[hidden]{display:none!important}#app{position:relative;isolation:isolate}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(128% 98% at 50% 44%,transparent 46%,rgba(10,8,5,.34) 100%),linear-gradient(180deg,rgba(12,9,5,.12),transparent 22%,transparent 78%,rgba(12,9,5,.26))}.hud{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:12px 14px;gap:10px;pointer-events:none}.hud button,.chart-card,.panel{pointer-events:auto}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.brand{display:grid;gap:2px;padding:7px 12px;border-radius:4px;background:var(--panel-bg);border:1px solid var(--panel-line)}.brand strong{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.12em;line-height:1}.brand span{font-size:8.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.hud-actions{display:flex;gap:6px}.hud-actions button,.touch button,.card-actions button,.panel button,.chart-head button{border:1px solid rgba(208,145,63,.34);border-radius:4px;background:#18130ceb;color:var(--chalk);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .12s ease}.hud-actions button:hover,.touch button:hover,.panel button:hover,.chart-head button:hover{border-color:var(--brass);background:#2c2214f2}.hud-actions button:active,.touch button:active{transform:translateY(1px)}.hud-actions button[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--oil-900)}.hud-body{flex:1;min-height:0;display:flex;gap:12px;align-items:stretch;justify-content:space-between}.hud-stats{width:268px;min-width:0;display:flex;flex-direction:column;gap:8px}.panel{padding:10px 12px 12px;border:1px solid var(--panel-line);border-radius:5px;background:var(--panel-bg)}.panel--thin{padding:8px 12px}.panel-title{margin:0 0 8px;font-size:8.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}.meter{position:relative;height:6px;border-radius:3px;overflow:hidden;background:#f0e7ce24;margin-bottom:9px}.meter span{display:block;height:100%;background:linear-gradient(90deg,#6b4a1d,var(--brass));transition:width .3s linear}.meter--tide span{background:linear-gradient(90deg,#2d4c4a,var(--sea))}.meter--tide i{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--danger)}.readout{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin:0}.readout>div{display:grid;gap:1px;min-width:0}.readout>.wide-row{grid-column:1 / -1}.readout dt{font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-soft)}.readout dd{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--chalk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout dd.warn{color:var(--danger)}.readout dd.good{color:var(--sea)}.readout--row{grid-template-columns:1fr 1fr}.align{margin:9px 0 8px;padding:6px 8px;border-radius:3px;text-align:center;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#f0e7ce12;color:var(--chalk-soft);border:1px solid transparent}.align[data-state=on]{background:#7fa39a33;border-color:var(--sea);color:#cfe6df}.align[data-state=casting]{background:#d0913f33;border-color:var(--brass);color:#f2d9ae}.panel button.wide{width:100%}.hull{display:flex;gap:5px;margin:9px 0 8px}.hull i{flex:1;height:6px;border-radius:2px;background:var(--brass)}.hull i.out{background:#f0e7ce21}.chart-card{width:392px;min-width:0;display:flex;flex-direction:column;border:1px solid rgba(208,145,63,.4);border-radius:5px;background:var(--oil-800);box-shadow:var(--shadow);overflow:hidden}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:#262017f5;font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);border-bottom:1px solid rgba(208,145,63,.24)}.chart-head button{padding:5px 9px;font-size:8.5px}.chart-frame{flex:1;min-height:0;position:relative;background:#ddd0ab}.chart-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.chart-note{margin:0;padding:6px 10px;background:#262017f5;font-family:var(--serif);font-size:10.5px;font-style:italic;line-height:1.4;color:var(--chalk-soft)}.chart-card[data-expanded=true]{position:fixed;inset:0;width:auto;z-index:60;border-radius:0;border:0}.chart-card[data-expanded=true] .chart-note{font-size:12px;padding:8px 14px}.hud-bottom{display:flex;flex-direction:column;gap:8px;align-items:center}.coach{margin:0;max-width:78ch;padding:7px 14px;border-radius:4px;background:var(--panel-bg);border:1px solid var(--panel-line);font-family:var(--serif);font-size:12.5px;line-height:1.4;text-align:center;color:var(--chalk)}.touch{display:none;width:100%;align-items:flex-end;justify-content:space-between;gap:10px}.pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px}.pad button:nth-child(1){grid-column:2;grid-row:1}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:3;grid-row:2}.pad button:nth-child(4){grid-column:2;grid-row:2}.touch-actions{display:grid;gap:6px}.touch-actions button{min-width:128px;min-height:46px;touch-action:none}.touch-actions button.primary,.touch button[data-held=true]{background:var(--brass);border-color:var(--brass);color:var(--oil-900)}.screen{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:radial-gradient(125% 95% at 50% 36%,#0c09054d,#080603c2);overflow:auto}.card{width:min(660px,100%);padding:clamp(20px,3.4vw,34px);border:1px solid rgba(208,145,63,.34);border-radius:6px;background:linear-gradient(168deg,#1e1911f7,#120f0af7);box-shadow:var(--shadow)}.card--slim{width:min(420px,100%)}.card--wide{width:min(880px,100%)}.eyebrow{margin:0 0 10px;font-size:8.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--brass)}h1{margin:0 0 12px;font-family:var(--serif);font-size:clamp(2.5rem,7.4vw,4.1rem);font-weight:500;line-height:.94;letter-spacing:-.015em;color:var(--paper)}h2{margin:0 0 10px;font-family:var(--serif);font-size:clamp(1.6rem,4.4vw,2.3rem);font-weight:500;line-height:1.04;color:var(--paper)}.lede{margin:0 0 14px;max-width:60ch;font-family:var(--serif);font-size:14px;line-height:1.58;color:var(--chalk)}.brief{margin:0 0 16px;padding:0 0 0 20px;display:grid;gap:7px}.brief li{font-family:var(--serif);font-size:12.5px;line-height:1.55;color:var(--chalk-soft)}.brief strong{color:var(--paper)}.brief em{color:var(--brass);font-style:italic}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 18px;padding:13px 0;border-top:1px solid rgba(208,145,63,.2);border-bottom:1px solid rgba(208,145,63,.2)}.control-grid span{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-soft)}kbd{min-width:22px;padding:3px 6px;border:1px solid rgba(240,231,206,.26);border-bottom-width:2px;border-radius:3px;background:#f0e7ce14;font-family:var(--mono);font-size:9px;text-align:center;color:var(--chalk)}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions button{padding:12px 18px;font-size:11px}.card-actions button.primary{background:var(--brass);border-color:var(--brass);color:var(--oil-900)}.card-actions button.primary:hover{background:#e2a651}.card-actions button.ghost{background:#f0e7ce0f}.result-body{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:18px;align-items:start;margin:4px 0 18px}.result-chart{border:1px solid rgba(208,145,63,.34);border-radius:4px;background:#ddd0ab;overflow:hidden}.result-chart canvas{display:block;width:100%;aspect-ratio:760 / 1400}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.result-stats div{padding:8px 10px;border:1px solid rgba(208,145,63,.2);border-radius:4px;background:#f0e7ce0a}.result-stats dt{font-size:7.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-soft)}.result-stats dd{margin:2px 0 0;font-family:var(--serif);font-size:16px;color:var(--paper)}.result-stats dd.bad{color:var(--danger)}@media(max-width:1080px){.chart-card{width:320px}.hud-stats{width:244px}}@media(max-width:860px),(pointer:coarse){.touch{display:flex}.hud{padding:8px 8px 10px;gap:8px}.hud-body{flex-direction:column;gap:8px}.hud-stats{width:auto;flex-direction:row;align-items:stretch;gap:8px}.panel{flex:1;min-width:0}.panel--thin{flex:0 0 auto}.panel--thin .readout{grid-template-columns:1fr}.chart-card{width:auto;flex:1 1 auto;min-height:0}.readout{grid-template-columns:1fr 1fr;gap:4px 8px}.readout dd{font-size:12px}.brand strong{font-size:15px}.hud-actions button{padding:8px 9px;font-size:9px}.coach{font-size:11.5px;padding:6px 10px}.result-body{grid-template-columns:1fr}.result-chart{max-width:260px}}@media(max-width:560px){.hud-stats{flex-wrap:wrap}.panel--thin{display:none}.control-grid{grid-template-columns:1fr}.pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px)}.touch-actions button{min-width:108px;font-size:9.5px}.brief li{font-size:11.5px}.lede{font-size:13px}}@media(max-height:560px)and (orientation:landscape){.chart-card{min-height:120px}.pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,40px)}.touch-actions button{min-height:38px}.coach{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}