/* A self-hosted, keyboard-accessible workshop. No external fonts or assets. */
#spark-voyage{position:fixed;inset:0;z-index:10010;overflow:auto;overscroll-behavior:contain;background:#edf2ed;color:#183841;font:16px/1.55 system-ui,-apple-system,sans-serif}
#spark-voyage *{box-sizing:border-box}#spark-voyage .vy-shell{max-width:1440px;margin:auto;padding:24px 32px}#spark-voyage h1,#spark-voyage h2,#spark-voyage h3{color:#143941;line-height:1.15;letter-spacing:-.8px}#spark-voyage h1{font-size:28px;margin:5px 0}#spark-voyage h2{font-size:clamp(28px,3vw,42px);margin:18px 0}#spark-voyage h3{font-size:21px}#spark-voyage p{color:#47636a}#spark-voyage .vy-header{display:flex;align-items:center;justify-content:space-between;gap:16px}#spark-voyage .vy-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#5c7575}#spark-voyage .vy-header-actions{display:flex;gap:8px}
#spark-voyage button,#spark-voyage input,#spark-voyage select{font:inherit;border:1px solid #abc0bd;border-radius:12px;padding:11px 15px;min-height:44px}#spark-voyage button{cursor:pointer;background:#fff;color:#244c50;font-weight:700}#spark-voyage button:hover:not(:disabled){border-color:#29695d;background:#e4f0e4}#spark-voyage button:disabled{opacity:.5;cursor:default}#spark-voyage button:focus-visible,#spark-voyage input:focus-visible,#spark-voyage select:focus-visible,#spark-voyage summary:focus-visible,#spark-voyage canvas:focus-visible{outline:3px solid #c67a24;outline-offset:3px}#spark-voyage input,#spark-voyage select{display:block;width:100%;background:white;margin-top:6px;color:#173d44}#spark-voyage label{display:block;font-size:14px;font-weight:700}#spark-voyage footer{padding:24px 0;text-align:center;color:#5b7177;font-size:12px}#spark-voyage #vy-nav{display:flex;gap:8px;padding:24px 0;flex-wrap:wrap}#spark-voyage #vy-nav button{border:0;background:transparent;color:#5b7377;font-size:14px}#spark-voyage #vy-nav .active{background:#173e43;color:#eff7e8}
#spark-voyage .vy-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:28px;align-items:start}#spark-voyage .vy-world{height:min(70vh,700px);min-height:440px;position:sticky;top:20px;border-radius:28px;overflow:hidden;background:linear-gradient(#6a9eae,#dae9d6);box-shadow:0 16px 40px #263f4820;border:1px solid #abc6be}#spark-voyage canvas{display:block;width:100%;height:100%;touch-action:none}#spark-voyage .vy-world-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}#spark-voyage #vy-world-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#123b45;max-width:55%}#spark-voyage .vy-live{font-size:10px;font-weight:700;color:#254c46;background:#eff6e6dd;padding:6px 10px;border-radius:20px}#spark-voyage #vy-crew{position:absolute;left:18px;top:62px;display:flex;gap:6px;flex-wrap:wrap;right:18px;pointer-events:none}#spark-voyage #vy-crew>span{padding:7px 10px;border-radius:10px;background:#173c4bd9;color:#fff;font-size:11px;max-width:45%;overflow-wrap:anywhere}#spark-voyage #vy-crew small{display:block;color:#d4e8e3;font-size:9px}#spark-voyage #vy-crew i{display:inline-block;width:6px;height:6px;background:#c9ae92;border-radius:50%;margin-right:5px}#spark-voyage #vy-crew i.online{background:#b7ee8e}#spark-voyage #vy-crew .you{border:1px solid #e2f3af}#spark-voyage .vy-world-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:end;gap:12px}#spark-voyage #vy-world-tip{background:#eff7e6ed;font-size:11px;border-radius:10px;padding:10px;max-width:220px;color:#244943;margin:0}#spark-voyage .vy-pad{display:grid;grid-template-columns:repeat(4,38px);gap:4px}#spark-voyage .vy-pad button{padding:0;min-height:40px;background:#f4f9efe8;border-color:#b7c6b7;touch-action:none}#spark-voyage .vy-no3d canvas{opacity:0}#spark-voyage .vy-no3d:before{content:'BUILD · TEST · DISCOVER';position:absolute;top:45%;left:10%;font-weight:900;font-size:28px;color:#1e4852}
#spark-voyage #vy-panel{min-width:0;background:#fbfcf7;border:1px solid #d8e1d8;border-radius:26px;padding:28px;box-shadow:0 8px 22px #26454108}#spark-voyage .vy-pill{display:inline-block;background:#e5efd9;color:#3f6340;border-radius:7px;padding:7px 10px;font-size:9px;letter-spacing:1.1px;font-weight:850}#spark-voyage .vy-story h2{font-size:clamp(34px,3.4vw,52px);letter-spacing:-1.8px}#spark-voyage .vy-story-route{display:flex;justify-content:space-between;gap:8px;padding:18px 0;border-top:1px solid #d8e3d4;border-bottom:1px solid #d8e3d4;color:#48694b;font-weight:800;font-size:10px;letter-spacing:.5px}#spark-voyage .vy-note{font-size:12px;line-height:1.65;color:#627576}#spark-voyage .vy-label{margin:18px 0}#spark-voyage .vy-primary{display:block;width:100%;background:#204f44;color:#fff9df;border-color:#204f44;margin:12px 0;padding:15px}#spark-voyage .vy-primary:hover:not(:disabled){background:#316756;color:white}#spark-voyage .vy-secondary{display:block;width:100%;margin:10px 0;background:transparent}#spark-voyage .vy-join{border-top:1px solid #d8e1d8;margin-top:22px;padding-top:18px;font-size:13px}#spark-voyage summary{cursor:pointer;font-weight:750}#spark-voyage .vy-join form{margin-top:16px}
#spark-voyage .vy-stations{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:24px}#spark-voyage .vy-stations button{border:0;padding:8px 2px;background:#edf1e8;color:#596f66;font-size:10px;border-radius:10px}#spark-voyage .vy-stations button span{display:block;font-size:17px;margin-bottom:2px}#spark-voyage .vy-stations .active{background:#234f49;color:#f3f8e7}#spark-voyage .vy-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}#spark-voyage .vy-metric{padding:13px;background:#eef1e4;border-radius:12px}#spark-voyage .vy-metric small{display:block;font-size:9px;letter-spacing:1px;color:#647659}#spark-voyage .vy-metric b{font-size:25px;color:#2a5145}#spark-voyage .vy-stepper{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #dbe3d7}#spark-voyage .vy-stepper>div{flex:1}#spark-voyage .vy-stepper b{font-size:13px}#spark-voyage .vy-stepper span{font-size:24px;margin-left:12px;font-weight:800}#spark-voyage .vy-stepper button{font-size:24px;padding:3px;width:46px;height:46px;background:#eef3e8}#spark-voyage .vy-feedback{background:#e8eef0;border-left:3px solid #648a9a;border-radius:4px 12px 12px 4px;padding:15px;margin:20px 0}#spark-voyage .vy-feedback>b{font-size:9px;letter-spacing:1px;color:#4f707b}#spark-voyage .vy-feedback p{font-size:13px;margin:7px 0 0;color:#385665}#spark-voyage .vy-personal{font-size:13px}#spark-voyage .vy-invite{margin-top:28px;padding-top:18px;border-top:1px dashed #bdcfc4}#spark-voyage .vy-invite>span{display:block;font-size:9px;letter-spacing:1.5px;color:#60796b}#spark-voyage .vy-invite>b{font-size:22px;letter-spacing:2px;margin:8px 0;display:block}#spark-voyage .vy-invite button{font-size:12px}#spark-voyage .vy-invite label{margin:14px 0}
#spark-voyage .vy-bridge{padding:10px 0 15px;overflow:hidden}#spark-voyage .vy-bridge-gap{height:74px;position:relative;background:linear-gradient(#b2d8dc,#d9e9e6);border-left:13px solid #759d76;border-right:13px solid #759d76;border-radius:12px 12px 0 0;display:grid;place-items:center;color:#345966;font-size:13px;font-weight:750}#spark-voyage .vy-beams{display:flex;gap:2px;min-height:33px;transition:width .25s ease}#spark-voyage .vy-beams i{font-style:normal;text-align:center;font-size:11px;font-weight:700;background:#ead1a1;border-radius:0 0 5px 5px;padding:5px 0;min-width:15px;border:1px solid #c2a572}#spark-voyage .vy-beams .long{background:#afd7ca;border-color:#7fae9e}#spark-voyage .vy-circuit{padding:15px;background:#243e4b;border-radius:18px;color:#e6f5e5}#spark-voyage .vy-circuit-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:750;margin-bottom:12px}#spark-voyage .vy-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}#spark-voyage .vy-links button{padding:10px 6px;background:#35515e;color:#e5f0e8;font-size:10px;text-align:left;border:1px dashed #819aa0}#spark-voyage .vy-links button b{display:block;font-size:8px;margin-top:7px;color:#c6d6da}#spark-voyage .vy-links .connected{background:#426954;border:1px solid #a5d397}#spark-voyage .vy-current{display:block;margin-top:13px;font-size:10px;color:#c2d2d4}#spark-voyage .powered .vy-current{color:#f8e497}#spark-voyage .vy-materials{display:flex;gap:5px;margin-top:15px}#spark-voyage .vy-materials button{flex:1;padding:10px 4px;font-size:11px;text-transform:capitalize}#spark-voyage .vy-materials .chosen{background:#d9e8c9;border:2px solid #55754b}#spark-voyage .vy-rover-track{height:90px;position:relative;background:repeating-linear-gradient(90deg,#d9e8dc 0,#d9e8dc 39px,#a8bdae 40px);border-bottom:6px solid #8fae9d;border-radius:12px;margin:24px 0}#spark-voyage .vy-rover-marker{position:absolute;bottom:5px;font-size:35px;color:#254c61;transition:left .6s ease}#spark-voyage .vy-cargo{position:absolute;right:0;bottom:5px;font-size:33px;color:#a06d27}#spark-voyage .vy-cargo small{display:block;font-size:10px}#spark-voyage .vy-formula{background:#f0eddf;padding:16px;border-radius:12px;margin-top:18px}#spark-voyage .vy-formula>b{font-size:11px;text-transform:uppercase;letter-spacing:1px}#spark-voyage code{display:block;font:12px/1.8 ui-monospace,monospace;margin-top:10px;color:#36624f}#spark-voyage .vy-formula p{font-size:12px;margin-bottom:0}
#spark-voyage .vy-discovery,#spark-voyage .vy-complete{padding:20px;background:#e7efd9;border:1px solid #b8cf9a;border-radius:18px;margin-top:20px}#spark-voyage .vy-discovery>span{font-size:9px;letter-spacing:1px;font-weight:850;color:#4e6d37}#spark-voyage .vy-discovery p,#spark-voyage .vy-complete p{font-size:13px}#spark-voyage .vy-discovery li{margin:10px 0;font-size:13px}#spark-voyage .vy-launch-list{display:grid;gap:8px}#spark-voyage .vy-launch-list button{text-align:left;padding:15px;background:#eff3e8}#spark-voyage .vy-launch-list button>span{margin-right:10px;color:#4b795c}#spark-voyage .vy-launch-list small{display:block;font-size:11px;font-weight:450;margin:5px 0 0 24px}#spark-voyage .vy-lab-count{font-size:58px;font-weight:850;color:#2f6555;letter-spacing:-2px}#spark-voyage .vy-lab-count small{font-size:14px;letter-spacing:0;font-weight:500;margin-left:10px;color:#71856c}#spark-voyage .vy-shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px}#spark-voyage .vy-shelf label{font-size:11px}#spark-voyage .vy-shelf select{font-size:12px;padding:10px 5px}#spark-voyage .vy-journal article{display:flex;gap:14px;padding:15px 0;border-top:1px solid #d5e1cf}#spark-voyage .vy-journal article>span{font-size:25px;color:#558477}#spark-voyage .vy-journal p{font-size:12px;margin:6px 0}#spark-voyage .vy-journal small{font-size:8px;letter-spacing:1px;color:#637b5b}#spark-voyage #vy-error{color:#953b20;background:#faecd9;border-radius:12px;font-size:14px}#spark-voyage #vy-error:not(:empty){padding:16px}#spark-voyage .vy-pause-note{background:#fff0c7;border-radius:12px;padding:15px;font-size:13px}
/* New front door for the existing app; legacy modes remain available below. */
.shipyard-front{position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 90% 20%,#719f99,#183c50 65%);padding:28px;color:#f3f6e9;margin-bottom:18px;min-height:290px;border:1px solid #71969a}.shipyard-front:after{content:'✦';position:absolute;right:25px;top:15px;font-size:180px;color:#b8e5d014;pointer-events:none}.shipyard-front .shipyard-eyebrow{font-size:10px;letter-spacing:2px;color:#c6e0cf;font-weight:800}.shipyard-front h1{font-size:38px;letter-spacing:-1.4px;line-height:1.08;margin:18px 0;color:#fff8dc;max-width:330px}.shipyard-front p{max-width:440px;font-size:14px;line-height:1.6;color:#d2e5df}.shipyard-front .shipyard-start{border:0;border-radius:12px;padding:15px 22px;background:#dceab6;color:#1b3c3e;font-size:15px;font-weight:800;cursor:pointer}.shipyard-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.shipyard-shortcuts button{background:#f3f5ed;border:1px solid #ccd9c7;border-radius:16px;padding:16px 9px;color:#294e46;font-weight:800;cursor:pointer;font-size:13px}.shipyard-shortcuts small{display:block;font-size:10px;color:#667d70;font-weight:500;margin-top:5px}.legacy-adventures{margin:18px 0;border:1px solid var(--border);border-radius:18px;padding:18px}.legacy-adventures>summary{font-weight:800;cursor:pointer;color:var(--ink)}.legacy-adventures>summary+p{font-size:13px;color:var(--muted)}
@media(max-width:980px){#spark-voyage .vy-shell{padding:20px}#spark-voyage .vy-layout{grid-template-columns:1fr;gap:20px}#spark-voyage .vy-world{position:relative;top:0;height:360px;min-height:300px}#spark-voyage #vy-panel{padding:24px}#spark-voyage .vy-story h2{font-size:40px}}
@media(max-width:520px){#spark-voyage .vy-shell{padding:12px}#spark-voyage h1{font-size:20px;letter-spacing:-.5px}#spark-voyage .vy-kicker{font-size:8px;letter-spacing:.8px}#spark-voyage .vy-header{align-items:flex-start}#spark-voyage .vy-header-actions{flex-direction:column;gap:4px}#spark-voyage .vy-header-actions button{font-size:10px;padding:7px 9px;min-height:34px}#spark-voyage #vy-nav{padding:15px 0;gap:2px}#spark-voyage #vy-nav button{font-size:11px;padding:9px}#spark-voyage .vy-world{height:300px;min-height:260px;border-radius:20px}#spark-voyage .vy-world-top{top:12px;left:12px;right:12px}#spark-voyage #vy-world-label{font-size:8px}#spark-voyage #vy-crew{top:50px;left:12px;right:12px}#spark-voyage .vy-world-bottom{left:12px;right:12px;bottom:12px}#spark-voyage #vy-world-tip{font-size:9px;max-width:135px;padding:7px}#spark-voyage .vy-pad{grid-template-columns:repeat(4,32px);gap:2px}#spark-voyage .vy-pad button{min-height:40px;font-size:14px}#spark-voyage #vy-panel{padding:18px;border-radius:20px}#spark-voyage .vy-story h2{font-size:36px}.shipyard-front{padding:23px}.shipyard-front h1{font-size:34px}.shipyard-shortcuts button{font-size:11px;padding:14px 6px}}
@media(prefers-reduced-motion:reduce){#spark-voyage .vy-beams,#spark-voyage .vy-rover-marker{transition:none}}