:root{--ink: #1a120c;--wood: #2c1b10;--wood-2: #3d2718;--gold: #e0b84e;--gold-dim: #a67c2d;--cream: #f3e6c4;--parchment: #e8d5a8;--water: #1a6a78;--sail: #c23b2a;--moss: #3d7a3a;--shadow: rgba(8, 4, 0, .55);--font-display: "Cinzel", Palatino, serif;--font-body: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;background:#0b1c22;color:var(--cream);font-family:var(--font-body)}#scene{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.plaque{background:linear-gradient(180deg,rgba(224,184,78,.08),transparent 28%),repeating-linear-gradient(90deg,#2a1a0f 0 2px,#331f12 2px 7px,#27180e 7px 9px);border:2px solid var(--gold-dim);box-shadow:0 0 0 1px #5a3a16,inset 0 0 0 3px #1a1008,inset 0 0 0 5px var(--gold-dim),0 12px 28px var(--shadow);position:relative}.plaque:before,.plaque:after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--gold);pointer-events:none}.plaque:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.plaque:after{right:-3px;bottom:-3px;border-left:0;border-top:0}.hud{pointer-events:none;position:absolute;inset:0;display:grid;grid-template-columns:minmax(240px,320px) 1fr minmax(220px,300px);grid-template-rows:auto 1fr auto auto;gap:14px;padding:16px}.hud .panel,.hud .coach,.hud .help{pointer-events:auto}.quest{grid-column:1;grid-row:1;padding:14px 16px 12px}.instruments{grid-column:3;grid-row:1 / span 2;padding:12px;justify-self:end;align-self:start;width:min(280px,34vw)}.miniwrap{grid-column:1;grid-row:4;padding:8px;width:216px;align-self:end}.panel-title{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.roman{font-family:var(--font-display);color:var(--gold);font-weight:700;font-size:1.35rem}.panel h2{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em;margin:0;color:var(--gold);text-transform:uppercase}.brief,.hint,#coach-line{margin:0;line-height:1.35}.brief{color:var(--parchment);font-size:.92rem}.hint{margin-top:8px;color:#c9b48a;font-size:.8rem;font-style:italic}.quest-bar{margin-top:10px;height:10px;background:#140c08;border:1px solid var(--gold-dim);overflow:hidden}.quest-fill{height:100%;width:0%;background:linear-gradient(90deg,#7a1f16,var(--gold));transition:width .2s linear}#wind-rose,#minimap{display:block;width:100%;height:auto}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px;font-family:var(--font-mono);font-size:.72rem}.readouts .k{display:block;color:var(--gold-dim);letter-spacing:.12em;font-size:.62rem;text-transform:uppercase;font-family:var(--font-display)}.coach{grid-column:1 / 3;grid-row:3;display:flex;gap:12px;align-items:center;max-width:560px;padding:10px 14px;background:#140c08d1;border:1px solid var(--gold-dim);box-shadow:0 8px 20px var(--shadow)}.pip{width:48px;height:48px;position:relative;flex:none}.pip-head{position:absolute;inset:12px 10px 8px;background:#e2b890;border-radius:40% 40% 45% 45%}.pip-cap{position:absolute;top:4px;left:6px;right:6px;height:16px;background:#2a4a38;border-radius:4px 4px 0 0;box-shadow:14px 10px 0 -6px #1a2e22}.pip-beard{position:absolute;left:12px;right:12px;bottom:4px;height:16px;background:#d9c9a0;border-radius:0 0 12px 12px}#coach-line{color:var(--cream);font-size:1rem}.help{grid-column:2 / 4;grid-row:4;align-self:end;justify-self:end;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.78rem;color:#d7c7a1;background:#0c08048c;padding:6px 10px;border:1px solid rgba(166,124,45,.45)}kbd{font-family:var(--font-mono);font-size:.72rem;border:1px solid var(--gold-dim);padding:0 5px;margin:0 2px;background:#1a1008;color:var(--gold)}.menu,.complete{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a141847,#0804008c);padding:24px}.menu-card,.complete .plaque{width:min(560px,92vw);padding:28px 28px 22px;text-align:center}.eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:.72rem;margin:0 0 8px}h1{font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:.18em;margin:0 0 8px;color:var(--gold);text-shadow:0 2px 0 #5a3a16,0 18px 30px rgba(0,0,0,.45)}.life-ring{display:inline-block;color:var(--cream);border:3px solid var(--gold);border-radius:50%;width:.82em;height:.82em;line-height:.7em;font-size:.78em;transform:translateY(-.05em)}.tagline,.fine,#complete-body{color:var(--parchment)}.tagline{margin:0 0 18px}.fine{margin:16px 0 0;font-size:.8rem;opacity:.85}.wind-settings{margin:16px 0 4px;padding-top:12px;border-top:1px solid rgba(166,124,45,.35);text-align:center}.wind-kicker{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:.68rem;margin:0 0 8px}.seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.seg button,.compass button{pointer-events:auto;cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);background:linear-gradient(#3a2416,#24150c);border:1px solid var(--gold-dim);padding:8px 6px;box-shadow:inset 0 1px #e0b84e40}.seg button.on,.compass button.on{border-color:var(--gold);color:var(--gold);background:linear-gradient(#4a3218,#2c1c0e)}.compass{margin:10px auto 0;width:min(220px,100%);display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.compass-hub{display:grid;place-items:center;font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim)}.lessons{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}.lessons button{width:100%;pointer-events:auto;cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);background:linear-gradient(#3a2416,#24150c);border:1px solid var(--gold-dim);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #e0b84e40}.lessons button:hover,.lessons button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.lessons .num{color:var(--gold);margin-right:8px}.btn{pointer-events:auto;cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--gold-dim);background:#24150c;color:var(--cream)}.btn.gold{background:linear-gradient(#c9a047,#8a5a1c);color:#1a120c;border-color:#f0d48a}.row{display:flex;gap:10px;justify-content:center;margin-top:16px}.touch{position:absolute;inset:auto 0 0;height:28%;display:none;pointer-events:none}@media(pointer:coarse){.touch[hidden]{display:none}.touch:not([hidden]){display:flex}}.touch-pad{flex:1;margin:12px;border:1px dashed rgba(224,184,78,.35);border-radius:12px;pointer-events:auto;display:grid;place-items:end center;padding-bottom:10px;color:#f3e6c4b3;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;background:#0a06022e}@media(max-width:860px){.hud{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;padding:8px;gap:8px}.quest{grid-column:1;grid-row:1}.instruments{grid-column:2;grid-row:1;width:auto;justify-self:stretch}.coach{grid-column:1 / 3;grid-row:2}.miniwrap,.help{display:none}}@media(prefers-reduced-motion:reduce){.quest-fill{transition:none}}