@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background:#080808;--text:#f2ede4;--elevated:#242220;--selected:#352c1d;--border:#3b3832;--border-strong:#827765;--accent-muted:#a88955;color:var(--text);background:var(--background);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#171717;--muted:#b6aea2;--accent:#c7a569;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{max-width:1440px;margin:auto;padding:32px 48px 24px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:24px;padding-bottom:24px;display:flex}.brand{letter-spacing:2px;color:var(--accent);font-weight:700}.region{color:var(--muted);font-size:13px}.tools{gap:20px;margin-left:auto;display:flex}.demo-banner{color:#e6c79b;letter-spacing:.4px;background:#342b20;border-radius:6px;margin:24px 0 40px;padding:12px 16px;font-size:12px}h1{letter-spacing:-1px;margin:0 0 18px;font-size:clamp(28px,3vw,42px);line-height:1.2}h2{margin:16px 0;font-size:26px;line-height:1.3}h3{margin:32px 0 16px;font-size:19px}.intro{color:var(--muted);margin-bottom:36px;font-size:17px;line-height:1.6}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.ship-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.ship-card{background:var(--surface);border:1px solid #0000;border-radius:12px;flex-direction:column;padding:24px;transition:transform .2s,border-color .2s;display:flex}.ship-card:hover{border-color:var(--accent);transform:translateY(-4px)}.ship-image{object-fit:contain;width:100%;height:290px}.ship-card h2{margin:20px 0 4px}.ship-card p{min-height:45px;margin-bottom:24px;font-size:14px}.button{background:var(--accent);color:#17120b;text-align:left;border:0;border-radius:8px;min-height:48px;padding:15px 20px;font-weight:600}.ship-card .button{margin-top:auto}.secondary{background:var(--elevated);color:var(--text);margin-top:20px}.help{color:var(--accent);text-align:left;background:0 0;border:0;min-height:40px;padding:8px 0;font-size:13px}.origin-list{gap:14px;max-width:700px;display:grid}.origin{background:var(--surface);color:var(--text);border:1px solid var(--border)}.origin:hover{border-color:var(--accent)}.route{flex-wrap:wrap;gap:14px;margin:32px 0;padding:0;list-style:none;display:flex}.route li{color:var(--muted);border-bottom:2px solid var(--border);padding:12px 4px;font-size:12px}.route .current{color:var(--accent);border-color:var(--accent)}.journey-layout{grid-template-columns:minmax(0,1fr) 280px;gap:48px;display:grid}.eyebrow{color:var(--accent);letter-spacing:1.6px;margin-top:0;font-size:12px}.destination{border-left:1px solid var(--border);padding-left:24px}.destination .ship-image{height:310px}.destination h2{font-size:22px}.destination details{border-top:1px solid var(--border);padding:18px 0;font-size:14px}.destination summary{cursor:pointer}.coverage{color:var(--muted);gap:12px;margin:24px 0;font-size:13px;display:grid}progress{width:100%;height:6px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--border);border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.material-row{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 120px 100px 1fr 125px;align-items:center;gap:16px;padding:20px 0;font-size:13px;display:grid}.material-row strong{font-size:15px}.quantity-label{color:var(--muted);gap:7px;font-size:11px;display:grid}.quantity{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:10px;font-size:14px}.missing{color:#ffba9a}.sufficient{color:var(--accent)}.required{color:var(--muted)}.gear-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:14px;display:flex}.segmented{background:var(--surface);border-radius:7px;flex-shrink:0;padding:3px;display:flex}.segment{color:var(--muted);background:0 0;border:0;border-radius:5px;min-height:40px;padding:11px 12px;font-size:12px}.segment[aria-pressed=true]{background:var(--selected);color:var(--text)}.readiness{margin-top:32px;font-weight:600}.status{color:var(--muted);border-top:1px solid var(--border);margin-top:40px;padding-top:20px;font-size:12px}.error{color:#ffba9a}.dialog{border:1px solid var(--border-strong);background:var(--surface);width:calc(100% - 32px);max-width:560px;color:var(--text);border-radius:14px;padding:32px}.dialog::backdrop{background:#000c}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.actions .secondary{margin-top:0}@media (width<=1150px){.shell{padding:24px}.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-layout{grid-template-columns:minmax(0,1fr)}.destination{border-left:0;border-top:1px solid var(--border);padding:24px 0}.destination .ship-image{width:240px;height:200px}.gear-row{flex-wrap:wrap}}@media (width<=600px){.shell{padding:20px}.topbar{flex-wrap:wrap;gap:12px}.tools{width:100%;margin:0}.demo-banner{margin-bottom:28px;font-size:11px}.ship-grid{grid-template-columns:1fr}.ship-image{height:270px}.material-row{grid-template-columns:1fr 1fr;gap:14px}.material-row strong{grid-column:1/-1}.quantity-label{grid-row:2/4}.material-row .help{grid-column:1/-1}.segmented{justify-content:space-between;width:100%}.segment{padding:10px;font-size:11px}.button{width:100%}.actions{flex-direction:column}.route{gap:8px}.route li{font-size:11px}.intro{font-size:15px}.workspace h2{font-size:24px}.status{margin-top:24px}}@media (prefers-reduced-motion:reduce){.ship-card{transition:none}.ship-card:hover{transform:none}}.material-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.item-slot{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.material-row{flex-direction:column;align-items:stretch;gap:14px;font-size:13px;display:flex}.item-header{align-items:center;gap:12px;min-width:0;display:flex}.item-header strong{overflow-wrap:anywhere;flex:1;font-size:14px;line-height:1.45}.item-visual{border:1px solid var(--border-strong);background:var(--elevated);color:#e6c79b;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:30px;display:grid}.item-visual.equipment{font-size:15px;font-weight:700}.item-help{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;font-weight:700;display:grid}.item-help:hover{color:var(--accent);border-color:var(--accent)}.quantity-label{gap:8px;font-size:12px}.quantity-controls{grid-template-columns:48px minmax(0,1fr) 48px;gap:6px;display:grid}.quantity-step{border:1px solid var(--border-strong);background:var(--elevated);height:48px;color:var(--text);border-radius:7px;font-size:25px}.quantity-step:hover:enabled{background:var(--selected);border-color:var(--accent)}.quantity-step:active:enabled{transform:translateY(1px)}.quantity{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;height:48px;padding:4px;font-size:17px}.quantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity::placeholder{font-size:20px}.equipment-list{gap:12px;display:grid}.gear-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.segmented{background:var(--background)}.segment{border:1px solid #0000;min-height:48px;padding:10px 12px}.segment[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--selected);font-weight:600}.item-slot:has(.sufficient){border-color:var(--accent-muted)}@media (width<=600px){.material-row strong{grid-column:auto}.gear-row{grid-template-columns:1fr}.segmented{grid-template-columns:1fr 1.3fr 1fr;width:100%;display:grid}.segment{padding:8px 6px;font-size:12px}.material-list{grid-template-columns:1fr}.quantity-controls{grid-template-columns:48px minmax(0,1fr) 48px}}@media (prefers-reduced-motion:reduce){.quantity-step:active:enabled{transform:none}}.origin[aria-pressed=true]{border-color:var(--accent);background:var(--selected);box-shadow:inset 4px 0 var(--accent)}.origin[aria-pressed=true]:after{content:"✓";float:right;color:var(--accent);margin-left:12px}.origin{min-height:48px}.tools .help{min-height:44px}.quantity[aria-invalid=true]{border-color:#ffba9a;outline-color:#ffba9a}.catalog-banner{color:var(--muted);margin:24px 0 32px;font-size:12px}.demo-banner{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.item-visual{position:relative}.item-visual img{object-fit:contain;width:44px;height:44px}.item-visual.quality-blue{border-color:#5595d7}.enhancement-badge{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:3px;padding:1px 3px;font-size:10px;font-weight:700;position:absolute;bottom:-5px;right:-5px}.dialog .help{align-items:center;min-height:44px;display:inline-flex}.topbar{grid-template-columns:1fr auto 1fr;gap:20px;min-height:72px;display:grid}.brand{text-align:center;letter-spacing:3px;grid-column:2;font-size:20px}.tools{grid-column:3;justify-self:end;align-items:center;gap:18px;margin:0}.region{white-space:nowrap}.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:740px;margin:0 auto}.ship-card{aspect-ratio:1;color:var(--text);text-align:center;border:1px solid var(--border);justify-content:center;align-items:center;min-width:0;padding:20px}.ship-card .ship-image{pointer-events:none;flex:1;max-width:100%;height:calc(100% - 42px);min-height:0}.ship-name{margin-top:12px;font-size:24px;font-weight:600}.view-origin main,.view-journey main{padding-top:32px}.completion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100dvh - 170px);display:flex}.completion .ship-image{width:min(100%,760px);height:min(62dvh,650px)}.completion h1{letter-spacing:-.5px;margin:16px 0 0;font-size:clamp(22px,2.4vw,34px)}.completion h2{color:var(--accent);margin:0;font-size:clamp(24px,3vw,40px)}@media (width<=900px){.topbar{grid-template-columns:1fr auto 1fr;gap:12px}.tools{flex-wrap:wrap;justify-content:flex-end;gap:10px}.tools .help{font-size:12px}.brand{font-size:18px}}@media (width<=600px){.topbar{grid-template-columns:1fr;gap:8px}.brand{grid-area:1/1}.tools{grid-area:2/1;justify-self:end;width:auto}.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ship-card{aspect-ratio:1;min-height:170px;padding:12px}.ship-name{margin-top:8px;font-size:17px}.ship-card .ship-image{height:115px;max-height:150px}.completion .ship-image{height:min(55dvh,500px)}.completion{min-height:calc(100dvh - 210px)}}.brand{width:220px;height:180px;display:block;overflow:hidden}.brand img{object-fit:cover;mix-blend-mode:lighten;width:100%;height:100%;display:block}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-bottom:16px}.ship-card:hover{background:var(--elevated)}.button:hover:enabled{filter:brightness(1.12)}@media (width<=600px){.topbar{grid-template-columns:1fr}.brand{justify-self:center;width:180px;height:148px}.tools{justify-self:center}}.view-select .topbar{border-bottom:0;align-items:center;min-height:270px;padding-top:12px;padding-bottom:0;position:relative}.view-select .tools{align-self:start;padding-top:0}.view-select main{padding-top:12px}.view-select .ship-grid{gap:16px 40px;max-width:840px}.view-select .ship-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px;transition:none}.view-select .ship-card:hover{background:0 0;transform:none}.view-select .ship-image{transition:transform .2s,filter .2s}.view-select .ship-name{transition:color .2s}.view-select .ship-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.view-select .ship-card:focus-visible .ship-image{filter:drop-shadow(0 0 12px #c7a56938);transform:translateY(-4px)scale(1.03)}.view-select .ship-card:focus-visible .ship-name{color:var(--accent)}.view-select .ship-card:active .ship-image{transform:scale(.98)}@media (hover:hover){.view-select .ship-card:hover .ship-image{filter:drop-shadow(0 0 12px #c7a56938);transform:translateY(-4px)scale(1.03)}.view-select .ship-card:hover .ship-name{color:var(--accent)}}@media (width<=600px){.view-select .topbar{gap:8px;min-height:230px;padding-top:0}.view-select .tools{grid-row:1;justify-self:end}.view-select .brand{grid-row:2;width:220px;height:180px}.view-select main{padding-top:8px}.view-select .ship-grid{gap:16px 12px}.view-select .ship-card{min-height:190px;padding:4px}.view-select .ship-card .ship-image{height:155px;max-height:180px}}@media (prefers-reduced-motion:reduce){.view-select .ship-image,.view-select .ship-name{transition:none}.view-select .ship-card:hover .ship-image,.view-select .ship-card:focus-visible .ship-image,.view-select .ship-card:active .ship-image{transform:none}}@media (width<=600px){.view-select .ship-card{aspect-ratio:auto;width:100%}}.view-select .topbar{min-height:320px}.view-select .brand{width:360px;height:295px}.view-select .ship-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1180px}.view-select .ship-card{aspect-ratio:auto;min-height:310px;padding:8px}.view-select .ship-card .ship-image{flex:none;height:260px}.view-select .ship-name{font-size:22px}@media (width<=1099px){.view-select .brand{width:320px;height:262px}.view-select .topbar{min-height:285px}.view-select .ship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;max-width:680px}.view-select .ship-card{min-height:280px}.view-select .ship-card .ship-image{height:230px}}@media (width<=600px){.view-select .topbar{min-height:255px}.view-select .brand{width:250px;height:205px}.view-select .ship-grid{gap:16px 12px}.view-select .ship-card{min-height:190px;padding:4px}.view-select .ship-card .ship-image{height:145px;max-height:145px}.view-select .ship-name{font-size:17px}}.backup-icon{width:44px;height:44px;color:var(--accent);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.backup-icon:hover{background:var(--selected)}.backup-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.view-select .ship-card .ship-image{scale:var(--ship-scale,1);transform-origin:bottom}.ship-details{gap:32px;max-width:960px;max-height:calc(100dvh - 40px);padding:40px;display:none;position:relative;overflow:auto}.ship-details[open]{grid-template-columns:45fr 55fr;animation:.2s ease-out ship-open;display:grid}.ship-details.closing{animation:.2s ease-in forwards ship-close}.ship-preview{justify-content:center;align-items:center;display:flex}.ship-preview .ship-image{height:400px;scale:var(--ship-scale,1);transform-origin:bottom}.ship-profile h2{color:var(--accent);font-size:32px}.ship-profile .intro{margin-bottom:20px}.ship-profile .button{margin-top:24px}.ship-facts{gap:6px;margin:20px 0;display:grid}.ship-facts dt{color:var(--muted);font-size:12px}.ship-facts dd{margin:0 0 12px;font-weight:600}.ship-profile summary{cursor:pointer;color:var(--accent);align-content:center;min-height:44px}.close-dialog{width:44px;height:44px;color:var(--muted);background:0 0;border:0;font-size:30px;position:absolute;top:8px;right:12px}.close-dialog:hover{color:var(--accent)}@keyframes ship-open{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ship-close{to{opacity:0;transform:translateY(8px)}}@media (width<=600px){.ship-details[open]{grid-template-columns:1fr;gap:8px;padding:40px 24px 24px}.ship-preview .ship-image{height:230px}.ship-profile h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.ship-details[open],.ship-details.closing{animation:none}}.brand{cursor:pointer;background:0 0;border:0;padding:0}.brand:hover{filter:brightness(1.12)}.view-origin .topbar{border-bottom:0}.origin-title{text-align:center;margin:8px 0 32px;font-size:clamp(24px,3vw,34px)}.origin-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1180px;margin:auto;display:grid}.origin-ship{color:var(--text);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex}.origin-image{object-fit:contain;pointer-events:none;width:100%;height:245px;transition:transform .2s,filter .2s}.origin-name{justify-content:center;align-items:center;min-height:54px;font-size:18px;font-weight:600;line-height:1.5;display:flex}.origin-marker{min-height:26px;color:var(--muted);font-size:12px}.origin-ship[aria-pressed=true] .origin-name{color:var(--accent)}.origin-ship[aria-pressed=true] .origin-marker:before{content:"✓ Selecionado ";color:var(--accent)}.origin-ship[aria-pressed=true] .origin-image{filter:drop-shadow(0 0 12px #c7a56945)}.origin-actions{justify-content:center;margin-top:28px}.origin-actions .button{min-width:160px}.origin-ship:focus-visible .origin-name{color:var(--accent)}@media (hover:hover){.origin-ship:hover .origin-image{transform:translateY(-4px)scale(1.03)}.origin-ship:hover .origin-name{color:var(--accent)}}@media (width<=1099px){.origin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}.origin-image{height:220px}}@media (width<=600px){.origin-gallery{gap:16px 12px}.origin-image{height:150px}.origin-name{min-height:63px;font-size:14px}.origin-ship{padding:4px}.origin-actions{align-items:center}.origin-actions .button{max-width:350px}.origin-title{margin-bottom:20px}.origin-marker{font-size:11px}}@media (prefers-reduced-motion:reduce){.origin-image{transition:none}.origin-ship:hover .origin-image{transform:none}}.origin-actions{flex-direction:row;justify-content:space-between;align-items:center;max-width:1180px;margin-left:auto;margin-right:auto}.origin-actions .origin-back{text-align:center;width:48px;min-width:48px;max-width:48px;margin-top:0;padding:0;font-size:24px}.origin-actions>.button:not(.origin-back){width:auto;min-width:160px}@media (width<=1099px){.origin-actions{max-width:680px}}.origin-actions{justify-content:flex-end;gap:12px}.origin-actions .origin-back{color:var(--accent);background:0 0;border:0;border-radius:0;place-items:center;height:48px;font-size:28px;line-height:1;display:grid}.origin-actions .origin-back:hover{color:var(--text);background:0 0}.origin-actions>.button:not(.origin-back){border-radius:8px;justify-content:center;align-items:center;height:48px;min-height:48px;padding:0 24px;display:flex}.view-journey .topbar{border-bottom:0}.journey-timeline{justify-content:center;gap:24px;margin:0;padding:16px 8px;list-style:none;display:flex;overflow-x:auto}.journey-timeline li{flex:0 220px;min-width:140px;position:relative}.journey-timeline li+li:before{content:"→";color:var(--muted);position:absolute;top:70px;left:-20px}.timeline-boat{width:100%;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-height:240px;padding:8px;display:flex}.timeline-boat img{object-fit:contain;width:100%;height:145px}.timeline-name{text-align:center;align-items:center;min-height:40px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.timeline-percent{color:var(--accent);font-size:18px}.boat-owned img{filter:drop-shadow(0 0 14px #c7a56966)}.boat-owned .timeline-name{color:var(--accent)}.journey-overall{grid-template-columns:auto 44px;justify-content:center;align-items:center;gap:8px 12px;padding:16px 0 28px;font-size:14px;display:grid}.journey-overall progress{grid-column:1/-1;height:6px}.view-journey .workspace{border-top:1px solid var(--border);padding-top:4px}.journey-actions{justify-content:flex-end;align-items:center;margin-top:32px}.journey-actions .secondary{margin-top:0}.journey-actions>.help{margin-right:auto}.future-materials{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.future-materials p{margin:0}.timeline-boat:hover .timeline-name{color:var(--accent)}@media (width<=600px){.journey-timeline{justify-content:flex-start;gap:20px}.journey-timeline li{flex:0 0 145px}.timeline-boat img{height:110px}.timeline-boat{min-height:220px}.journey-actions{flex-direction:row}.journey-actions .button{width:auto}.journey-actions .help{font-size:12px}.journey-overall{font-size:13px}}.timeline-boat img{height:125px}.timeline-boat{min-height:220px}.journey-timeline li+li:before{top:60px}.journey-overall{border:1px solid var(--border-strong);background:var(--elevated);border-radius:8px;width:min(100%,920px);height:44px;margin:16px auto 28px;padding:0;display:block;position:relative;overflow:hidden}.journey-overall progress{appearance:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0;display:block}.journey-overall progress::-webkit-progress-bar{background:0 0}.journey-overall progress::-webkit-progress-value{background:#705d3d}.journey-overall progress::-moz-progress-bar{background:#705d3d}.journey-progress-label{pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.journey-overall .item-help{width:44px;height:42px;color:var(--muted);border:0;border-radius:0;font-size:12px;position:absolute;top:0;right:0}.journey-overall .item-help:hover{color:var(--accent)}@media (width<=600px){.timeline-boat img{height:95px}.timeline-boat{min-height:200px}.journey-timeline li+li:before{top:48px}}.material-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 16px}.material-row{background:0 0;border:0;gap:8px;min-width:0;padding:0}.material-name{text-align:center;justify-content:center;align-items:center;min-height:48px;line-height:1.4;display:flex;font-size:13px!important}.material-slot{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 35%,#302a20,var(--surface) 75%);border-radius:10px;height:180px;position:relative;overflow:hidden}.material-slot .item-visual{background:0 0;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.material-slot .item-visual img{object-fit:contain;width:110px;height:110px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.material-slot .item-help{z-index:2;border:0;border-radius:0;width:44px;height:44px;font-size:12px;position:absolute;top:0;right:0}.material-slot .quantity-controls{background:linear-gradient(#0000,#080808e8 30%);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;padding-top:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.material-slot .quantity-step{background:0 0;border:0;border-radius:0;height:44px;font-size:22px}.material-slot .quantity-amount{justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.material-slot .quantity{text-align:right;background:0 0;border:0;border-radius:0;width:50%;min-width:0;height:44px;padding:0;font-size:14px;font-weight:600}.material-slot .quantity-required{color:var(--muted);white-space:nowrap;font-size:13px}.material-slot .quantity::placeholder{font-size:14px}.material-slot .quantity:focus-visible{outline-offset:-3px}.material-complete{border-color:var(--accent-muted);box-shadow:inset 0 0 16px #c7a56918}.material-complete:after{content:"✓";color:var(--accent);font-size:13px;position:absolute;top:10px;left:12px}.material-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.material-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.material-slot{height:170px}.material-name{min-height:50px;font-size:12px!important}.material-slot .item-visual img{width:100px;height:100px}.material-slot .quantity-controls{grid-template-columns:40px minmax(0,1fr) 40px}.material-slot .quantity-required{font-size:11px}.material-slot .quantity{font-size:13px}}.material-slot{background:#080808}.material-slot .item-visual img{object-fit:contain;image-rendering:auto;width:72px;height:72px;top:34px}.material-slot .quantity-controls{background:linear-gradient(#0000,#080808 30%)}.material-complete{box-shadow:none}@media (width<=600px){.material-slot .item-visual img{width:72px;height:72px;top:30px}}.material-slot .item-visual.illustrated-icon img{width:125px;height:125px;top:5px}@media (width<=600px){.material-slot .item-visual.illustrated-icon img{width:115px;height:115px;top:6px}}.equipment-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 16px;display:grid}.gear-slot-row{flex-direction:column;gap:8px;min-width:0;display:flex}.gear-choice{width:100%;height:100%;color:var(--text);background:0 0;border:0;padding:0;position:absolute;inset:0}.gear-slot .item-visual{background:0 0;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.gear-slot .item-visual img{object-fit:contain;width:125px;height:125px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.gear-slot .enhancement-badge{display:none}.gear-enhancement{color:#ff9a91;text-shadow:-1px -1px #250b08,1px -1px #250b08,-1px 1px #250b08,1px 1px #250b08,0 2px 4px #000;pointer-events:none;place-items:center;font-size:30px;font-weight:700;display:grid;position:absolute;inset:0}.gear-choice:focus-visible{outline-offset:-4px}.gear-slot .item-help{z-index:2}.gear-choice:hover{background:#c7a5690a}.gear-levels{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gear-level{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--text);border-radius:7px}.gear-level[aria-pressed=true],.gear-level:hover{border-color:var(--accent);background:var(--selected);color:var(--accent)}@media (width<=600px){.equipment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.gear-slot .item-visual img{width:115px;height:115px}.gear-levels{grid-template-columns:repeat(3,1fr)}.gear-dialog{padding:20px}}.equipment-list{grid-template-columns:repeat(4,minmax(0,178px));justify-content:center;width:100%;margin-inline:auto}.gear-slot-row .material-name{align-items:center;height:66px;min-height:66px}.gear-slot{height:180px}.gear-slot .item-visual img{top:50%;transform:translate(-50%,-50%)}@media (width<=600px){.equipment-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px}.gear-slot-row .material-name{height:68px;min-height:68px}.gear-slot{height:170px}}.material-list{grid-template-columns:repeat(auto-fit,minmax(170px,178px));justify-content:center}.material-row .material-name{height:66px;min-height:66px}.gear-slot .item-visual.illustrated-icon img{top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.material-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin-inline:auto}.material-row .material-name{height:68px;min-height:68px}}.view-journey main:has(.completion){padding-top:0}.completion{justify-content:flex-start;min-height:0}.creator-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:40px;padding:16px 0 8px;font-size:12px;display:flex}.creator-link{color:var(--accent);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.creator-link:hover{text-decoration:underline}.creator-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}.creator-link svg{flex-shrink:0;width:16px;height:16px}.creator-copyright{font-size:11px}@media (width<=600px){.creator-footer{gap:12px 18px;margin-top:24px}.creator-copyright{text-align:center;flex-basis:100%}}.view-select{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}.view-select .creator-footer{margin-top:auto;padding-top:72px;padding-bottom:20px}@media (width<=600px){.view-select .creator-footer{padding-top:48px;padding-bottom:16px}}.landing-page{background:#050505;flex-direction:column;min-height:100dvh;display:flex}.landing-header{background:#050505;justify-content:center;align-items:center;height:94px;padding:0 clamp(24px,6vw,112px);display:flex}.landing-nav{align-items:center;gap:clamp(20px,3vw,48px);display:flex}.landing-nav-item{color:#c0b9ac;letter-spacing:1.2px;background:0 0;border:0;min-height:44px;padding:12px 2px;font-size:13px}.landing-nav-item:hover,.landing-nav-item.active{color:#dcc18b}.landing-nav-item.active{border-bottom:1px solid #a88b55}.landing-hero{isolation:isolate;aspect-ratio:1730/909;background:#050505;width:100%;min-height:480px;max-height:900px;position:relative;overflow:hidden}.landing-art{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute}.landing-sunlight{pointer-events:none;z-index:-1;mix-blend-mode:screen;background:radial-gradient(18% 25% at 57% 30%,#fff3c350,#f7c97919 48%,#0000 75%);animation:10s ease-in-out infinite landing-sun;position:absolute;inset:0}.landing-production{color:#e3c68d;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;min-width:190px;padding:12px;display:flex;position:absolute;transform:translate(-50%)}.landing-wheel{background:#080805b8;border:1px solid #ad8d4f;border-radius:50%;place-items:center;width:82px;height:82px;transition:box-shadow .25s,border-color .25s;display:grid;box-shadow:0 0 22px #dcb36715,inset 0 0 20px #dcb3670a}.landing-wheel svg{stroke:currentColor;fill:none;stroke-width:3px;stroke-linecap:round;width:72px;height:72px;transition:transform .35s}.landing-production-label{letter-spacing:1px;text-shadow:0 2px 5px #000;font-size:14px;font-weight:600}.landing-production:hover .landing-wheel{border-color:#f2d69b;box-shadow:0 0 32px #e3c68d36}.landing-motion{color:#d5c8ae;background:#080808a6;border:1px solid #b99f6838;border-radius:20px;min-height:34px;padding:8px 12px;font-size:11px;position:absolute;bottom:20px;right:24px}.landing-page .creator-footer{background:#050505;border:0;flex-wrap:wrap;justify-content:center;min-height:94px;margin:auto 0 0;padding:24px}.landing-screen-reader{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes landing-sun{0%,to{opacity:.15}50%{opacity:.8}}@media (width>=1800px){.landing-hero{max-height:none}}@media (width<=700px){.landing-header{justify-content:center;height:76px;padding:0 16px}.landing-nav{gap:22px}.landing-nav-item{letter-spacing:.5px;font-size:12px}.landing-hero{aspect-ratio:auto;flex-direction:column;min-height:0;padding-bottom:20px;display:flex;overflow:visible}.landing-art{aspect-ratio:1730/909;object-fit:contain;z-index:0;height:auto;position:relative}.landing-sunlight{z-index:1;height:52.5434vw}.landing-production{z-index:2;align-self:center;margin-top:0;position:relative;top:auto;left:auto;transform:none}.landing-wheel{width:74px;height:74px}.landing-motion{font-size:10px;bottom:22px;right:12px}.landing-page .creator-footer{gap:12px;padding:24px 16px}.landing-production-label{font-size:13px}}@media (prefers-reduced-motion:reduce){.landing-sunlight{opacity:.2;animation:none}.landing-wheel,.landing-wheel svg{transition:none}.landing-production:hover svg{transform:none}.landing-motion{display:none}}.landing-production{min-width:0;top:auto;bottom:6%;left:50%}.landing-wheel svg{animation:3.5s ease-in-out infinite alternate landing-wheel-sway}.landing-production:hover svg{transform:none}.landing-floating-logo{object-fit:contain;filter:drop-shadow(0 14px 12px #000b)drop-shadow(0 0 12px #c7a56918);position:absolute}.landing-atmosphere,.landing-reflection{pointer-events:none;mix-blend-mode:screen;z-index:-1;position:absolute;inset:0}.landing-motion-paused .landing-sunlight,.landing-motion-paused .landing-atmosphere,.landing-motion-paused .landing-reflection,.landing-motion-paused .landing-wheel svg{animation-play-state:paused}@keyframes landing-wheel-sway{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes landing-atmosphere-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes landing-reflection-glow{0%,to{opacity:.2}50%{opacity:.65}}@media (width<=700px){.landing-production{margin:12px 0;bottom:auto;left:auto}.landing-floating-logo{width:44%;height:35vw;top:2%;left:3%}.landing-atmosphere,.landing-reflection{z-index:1;height:52.5434vw}}@media (prefers-reduced-motion:reduce){.landing-wheel svg,.landing-atmosphere,.landing-reflection{animation:none}.landing-floating-logo{filter:drop-shadow(0 8px 8px #000b)}}.landing-floating-logo{width:80%;height:70%;top:0;left:-14%}@media (width<=700px){.landing-floating-logo{width:86%;height:40vw;top:0;left:-17%}}.landing-art{z-index:0}.landing-sunlight,.landing-atmosphere,.landing-reflection{z-index:1}.landing-atmosphere{background:radial-gradient(40% 35% at 57% 34%,#eeac4c50,#0000 75%);animation:12s ease-in-out infinite landing-atmosphere-glow}.landing-reflection{background:radial-gradient(11% 24% at 57% 78%,#ffe2a75c,#edb34724 40%,#0000 78%);animation:10s ease-in-out infinite landing-reflection-glow}@media (prefers-reduced-motion:reduce){.landing-sunlight{opacity:.22;animation:none}.landing-atmosphere,.landing-reflection{opacity:.25;animation:none}}.landing-weather{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-mist{background:radial-gradient(28% 12% at 39% 44%,#ffe5ba24,#0000 75%),radial-gradient(34% 17% at 65% 55%,#efc8872c,#0000 74%),radial-gradient(20% 8% at 54% 69%,#ffdf9d1a,#0000 80%);animation:19s ease-in-out infinite alternate landing-mist-drift;position:absolute}.landing-rays{background:conic-gradient(from 150deg at 57.3% 30.3%,#0000 0deg,#ffdfa933 7deg,#0000 14deg,#ffe8b824 23deg,#0000 31deg,#ffcf8622 40deg,#0000 49deg 360deg);animation:13s ease-in-out infinite alternate landing-ray-drift;position:absolute;inset:0}.landing-water-shimmer{background:repeating-linear-gradient(174deg,#0000 0 14px,#ffe2a72b 16px,#0000 19px 34px);height:32%;animation:7s ease-in-out infinite alternate landing-water-drift;position:absolute;top:64%;-webkit-mask-image:radial-gradient(42% 50%,#000,#0000 85%);mask-image:radial-gradient(42% 50%,#000,#0000 85%)}.landing-motion-paused .landing-mist,.landing-motion-paused .landing-rays,.landing-motion-paused .landing-water-shimmer{animation-play-state:paused}@keyframes landing-mist-drift{0%{opacity:.35;transform:translate(-4%)translateY(1%)}to{opacity:.8;transform:translate(5%)translateY(-2%)}}@keyframes landing-ray-drift{0%{opacity:.2;transform:rotate(-5deg)}to{opacity:.7;transform:rotate(5deg)}}@keyframes landing-water-drift{0%{opacity:.2;transform:translate(-3%)}to{opacity:.65;transform:translate(3%,4%)}}@media (width<=700px){.landing-weather{height:52.5434vw}}@media (prefers-reduced-motion:reduce){.landing-mist,.landing-rays,.landing-water-shimmer{opacity:.2;animation:none}}.landing-weather{mix-blend-mode:normal}.landing-mist{mix-blend-mode:multiply;background:radial-gradient(10% 13% at 57% 30%,#171619c7 0%,#30292488 35%,#0000 76%),radial-gradient(24% 8% at 52% 34%,#201e206e,#0000 80%);animation:9s ease-in-out infinite alternate landing-cloud-crossing;inset:0}.landing-rays{mix-blend-mode:screen;background:conic-gradient(from 132deg at 57.3% 30.3%,#0000 0deg,#ffe8b866 8deg,#0000 17deg,#ffe5b050 28deg,#0000 38deg,#ffdca540 50deg,#0000 64deg 360deg);animation:6s ease-in-out infinite alternate landing-visible-rays}.landing-water-shimmer{mix-blend-mode:screen;animation-duration:5s}@keyframes landing-cloud-crossing{0%{opacity:.12;transform:translate(-15%)}45%,60%{opacity:.8}to{opacity:.12;transform:translate(15%)}}@keyframes landing-visible-rays{0%{opacity:.12;transform:rotate(-11deg)}to{opacity:.75;transform:rotate(11deg)}}@media (prefers-reduced-motion:reduce){.landing-mist,.landing-rays{opacity:.12;animation:none}}.landing-foreground-ship{object-fit:cover;object-position:center;z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landing-floating-logo{z-index:4}.landing-production{z-index:5}.landing-mist{animation-duration:18s}.landing-rays,.landing-sunlight{animation-duration:12s}@media (width<=700px){.landing-foreground-ship{object-fit:contain;height:52.5434vw}}.landing-sunlight{background:radial-gradient(6% 9% at 56% 30%,#fff4cad9 0%,#ffd38a80 28%,#0000 100%),radial-gradient(24% 20% at 47% 34%,#ffd09078,#0000 76%)}.landing-rays{transform-origin:56% 30%;background:conic-gradient(from 210deg at 56% 30%,#0000 0deg,#ffe8b880 8deg,#0000 17deg,#ffe5b066 28deg,#0000 38deg,#ffdca550 50deg,#0000 64deg 360deg)}.landing-reflection{background:radial-gradient(13% 24% at 46% 78%,#ffe2a75c,#edb34724 40%,#0000 78%)}.landing-water-shimmer{width:27%;left:32%}.landing-rays{filter:blur(14px);background:conic-gradient(from 215deg at 56% 30%,#0000 0deg,#ffe8b844 10deg,#0000 24deg,#ffe5b038 38deg,#0000 58deg 360deg);animation:20s ease-in-out infinite alternate landing-soft-rays;-webkit-mask-image:radial-gradient(23% 24% at 44% 48%,#000 5%,#0000 95%);mask-image:radial-gradient(23% 24% at 44% 48%,#000 5%,#0000 95%)}.landing-weather:before,.landing-weather:after{content:"";pointer-events:none;mix-blend-mode:screen;position:absolute}.landing-weather:before{background:radial-gradient(15% 22% at 91% 47%,#ffd39160,#0000 80%),radial-gradient(12% 9% at 94% 63%,#ffdea538,#0000 85%);animation:22s ease-in-out infinite landing-right-glow;inset:0}.landing-weather:after{filter:blur(12px);background:radial-gradient(48% 20%,#ffe1b438,#0000 85%);width:24%;height:26%;animation:22s ease-in-out infinite alternate landing-right-mist;top:48%;left:80%}.landing-motion-paused .landing-weather:before,.landing-motion-paused .landing-weather:after{animation-play-state:paused}@keyframes landing-right-glow{0%,to{opacity:.65}50%{opacity:.12}}@keyframes landing-right-mist{0%{opacity:.2;transform:translate(-3%)}to{opacity:.6;transform:translate(4%)}}@media (prefers-reduced-motion:reduce){.landing-rays,.landing-weather:before,.landing-weather:after{opacity:.2;animation:none}}.landing-rays{animation:22s ease-in-out infinite landing-soft-rays}.landing-mist{background:radial-gradient(14% 16% at 50% 19%,#171619b0 0%,#30292470 38%,#0000 82%),radial-gradient(27% 10% at 44% 23%,#201e205c,#0000 84%)}.landing-atmosphere{background:radial-gradient(29% 30% at 45% 39%,#eeac4c70,#0000 78%)}.landing-weather:before{filter:blur(8px);transform-origin:84% 29%;background:conic-gradient(from 135deg at 84% 29%,#0000 0deg,#ffe4ab66 8deg,#0000 19deg,#ffd99850 30deg,#0000 44deg 360deg),radial-gradient(17% 24% at 93% 47%,#ffd39180,#0000 80%);animation:20s ease-in-out infinite alternate landing-right-rays;-webkit-mask-image:radial-gradient(18% 38% at 95% 51%,#000 18%,#0000 92%);mask-image:radial-gradient(18% 38% at 95% 51%,#000 18%,#0000 92%)}.landing-floating-logo{animation:8s ease-in-out infinite landing-logo-glow}@keyframes landing-logo-glow{0%,to{filter:drop-shadow(0 14px 12px #000b)drop-shadow(0 0 10px #c7a56928)}50%{filter:drop-shadow(0 14px 12px #000b)drop-shadow(0 0 22px #e5bc6260)}}.landing-logo-reflection{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 42%,#ffe7ab00 45%,#ffe7ab90 49%,#fff7d7b0 50%,#ffe7ab00 55%,#0000 58%) 0 0/300% 100%;width:80%;height:70%;animation:16s ease-in-out infinite landing-logo-reflection;position:absolute;top:0;left:-14%;-webkit-mask-image:url(/landing-logo.webp);mask-image:url(/landing-logo.webp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-motion-paused .landing-floating-logo,.landing-motion-paused .landing-logo-reflection{animation-play-state:paused}@media (width<=700px){.landing-logo-reflection{width:86%;height:40vw;left:-17%}}@media (prefers-reduced-motion:reduce){.landing-weather:before,.landing-floating-logo,.landing-logo-reflection{animation:none}.landing-logo-reflection{opacity:0}}.landing-floating-logo{pointer-events:auto}.landing-floating-logo:hover{filter:drop-shadow(0 14px 12px #000b)drop-shadow(0 0 14px #e5bc6240);animation:none}.landing-logo-reflection{animation-duration:4s}@keyframes landing-logo-reflection{0%{opacity:0;background-position:100% 0}10%,90%{opacity:.65}to{opacity:0;background-position:0 0}}.landing-rays{background:conic-gradient(from 215deg at 56% 30%,#0000 0deg,#ffe8b875 10deg,#0000 24deg,#ffe5b05c 38deg,#0000 58deg 360deg)}.landing-water-shimmer{background:repeating-linear-gradient(174deg,#0000 0 14px,#ffe2a748 16px,#0000 19px 34px);animation:10s ease-in-out infinite alternate landing-water-glints}@keyframes landing-water-glints{0%{opacity:.25;transform:translate(-2%)scaleX(.96)}to{opacity:.75;transform:translate(2%,2%)scaleX(1.04)}}.landing-foam{z-index:3;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(8% 2% at 59% 88%,#fff2da38,#0000 85%),radial-gradient(11% 2.5% at 75% 93%,#fff2da40,#0000 85%),radial-gradient(4% 3% at 86% 89%,#fff2da30,#0000 85%);animation:7s ease-in-out infinite alternate landing-foam-breathe;position:absolute;inset:0}@keyframes landing-foam-breathe{0%{opacity:.15;transform:translateY(-.2%)}to{opacity:.7;transform:translateY(.2%)}}.landing-motion-paused .landing-foam{animation-play-state:paused}@media (width<=700px){.landing-foam{height:52.5434vw}}@media (prefers-reduced-motion:reduce){.landing-water-shimmer,.landing-foam{opacity:.2;animation:none}}.landing-water-shimmer{animation-duration:6s}.landing-reflection{animation-duration:7s}.landing-foam{animation-duration:5s}.landing-foreground-ship{animation:6.5s ease-in-out infinite landing-ship-bob}.landing-foam{animation:6.5s ease-in-out infinite landing-foam-bob}.landing-motion-paused .landing-foreground-ship{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.landing-foreground-ship,.landing-foam{animation:none;transform:none}}@keyframes landing-ship-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.24%)}}@keyframes landing-foam-bob{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.65;transform:translateY(-.24%)}}.landing-distant-ship{z-index:2;pointer-events:none;animation:8s ease-in-out infinite landing-distant-bob;position:absolute}.landing-distant-red{animation-duration:9.5s;animation-delay:-3s}.landing-motion-paused .landing-distant-ship{animation-play-state:paused}@media (width<=700px){.landing-distant-ship{object-fit:contain;height:52.5434vw}}@media (prefers-reduced-motion:reduce){.landing-distant-ship{animation:none;transform:none}}.landing-rays{animation-duration:8s}.landing-distant-green{clip-path:polygon(46.3% 45.5%,47.1% 45.5%,47.6% 48%,48.4% 49.5%,48.8% 52%,48.1% 53%,49.4% 57%,49% 60%,49.8% 64%,49.5% 67%,47.8% 68%,43.3% 68%,42.3% 65%,42.5% 62%,43.3% 60%,43.4% 58%,44% 55%,44.4% 52%,45.2% 49%,46.1% 49%)}.landing-distant-red{clip-path:polygon(93.4% 50%,94.7% 50%,94.5% 53%,95.4% 55%,96% 58%,95.6% 59%,96.8% 62%,97% 66%,97.5% 71%,97% 76%,94.7% 77%,90% 77%,89.2% 74%,89.5% 71%,90.2% 68%,91% 64%,91.7% 60%,92.3% 58%,92.8% 54%,93.6% 54%)}.landing-distant-green{-webkit-mask-image:radial-gradient(5% 14% at 46% 57%,#000 65%,#0000 100%);mask-image:radial-gradient(5% 14% at 46% 57%,#000 65%,#0000 100%)}.landing-distant-red{-webkit-mask-image:radial-gradient(5% 16% at 94% 65%,#000 65%,#0000 100%);mask-image:radial-gradient(5% 16% at 94% 65%,#000 65%,#0000 100%)}.landing-distant-ship{transform-origin:bottom;translate:none;scale:1}.landing-distant-green{width:11%;height:24%;left:41%}.landing-distant-red{width:11%;height:27%;right:1%}@media (width<=700px){.landing-distant-green{height:12.6vw;top:23.1vw}.landing-distant-red{height:14.2vw;top:26.3vw}}.landing-distant-green{top:47%}.landing-distant-red{top:53%}@media (width<=700px){.landing-distant-green{top:24.7vw}.landing-distant-red{top:27.9vw}}.landing-distant-ship{object-fit:cover;object-position:center;clip-path:none;filter:none;width:100%;height:100%;animation:8s ease-in-out infinite landing-distant-bob;inset:0 auto 0 0;-webkit-mask-image:none;mask-image:none}.landing-distant-green{transform-origin:46% 68%;translate:0 -5.5%;scale:.78}.landing-distant-red{transform-origin:94% 76%;animation-duration:9.5s;animation-delay:-3s;translate:2% -2%;scale:.65}@media (width<=700px){.landing-distant-ship{object-fit:contain;height:52.5434vw;top:0}}@media (prefers-reduced-motion:reduce){.landing-distant-ship{animation:none;transform:none}}@keyframes landing-distant-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.24%)}}@keyframes landing-caption-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (hover:none){.landing-production{margin-bottom:0}}.landing-menu-controls{align-items:center;gap:24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-menu-controls .landing-production,.landing-sailors{color:#e3c68d;background:0 0;border:0;min-width:0;margin:0;padding:12px;position:static;transform:none}.landing-wheel,.landing-sailors-art{border:0;border-radius:50%;width:82px;height:82px;display:block;position:relative;box-shadow:0 0 14px #c69a4620}.landing-wheel-art{background:inherit;border-radius:50%;animation:3.5s ease-in-out infinite alternate landing-wheel-sway;position:absolute}.landing-sailors-art{background-position:90.4% 33%;animation:6s ease-in-out infinite landing-crew-glow;overflow:hidden}.landing-sailors-art:after{content:"";mix-blend-mode:screen;background:linear-gradient(110deg,#0000 40%,#ffe6ad35 50%,#0000 60%) 0 0/300% 100%;animation:8s ease-in-out infinite landing-logo-reflection;position:absolute}@keyframes landing-crew-glow{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.landing-sailors:hover .landing-sailors-art{box-shadow:0 0 22px #e3c68d45}.landing-motion-paused .landing-wheel-art,.landing-motion-paused .landing-sailors-art,.landing-motion-paused .landing-sailors-art:after{animation-play-state:paused}@media (width<=700px){.landing-menu-controls{align-self:center;margin:12px 0;position:relative;bottom:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.landing-wheel-art,.landing-sailors-art,.landing-sailors-art:after{animation:none}}.landing-wheel,.landing-sailors-art{box-shadow:0 0 10px #c69a4618}.landing-menu-controls{z-index:20;isolation:isolate}.landing-wheel,.landing-sailors-art{mix-blend-mode:normal;background-color:#0000}.landing-wheel{box-sizing:border-box;background:0 0;border:2px solid #bfa064;box-shadow:inset 0 0 2px #f7d69e80}.landing-wheel-art{clip-path:none;background:url(/menu-wheel-transparent-v1.webp) 50%/contain no-repeat;inset:3px}.landing-sailors-art{box-shadow:none;background:url(/menu-crew-transparent-v1.webp) 50%/110% 110% no-repeat}.landing-menu-controls:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#000b 10%,#000 20% 80%,#000b 90%,#0000 100%);position:absolute;left:50%;transform:translate(-50%)}@media (width<=700px){.landing-menu-controls{bottom:auto}}.landing-menu-controls{gap:20px;bottom:.7%}.landing-menu-controls .landing-production,.landing-sailors{padding:8px}.landing-menu-controls .landing-wheel,.landing-menu-controls .landing-sailors-art{width:74px;height:74px}.landing-menu-controls:before{background:linear-gradient(90deg,#0000 0%,#000b 8%,#000 16% 84%,#000b 92%,#0000 100%);width:min(1280px,100vw);top:5px;bottom:5px}@media (width<=700px){.landing-menu-controls{bottom:auto}}.landing-menu-controls:before{content:none}.landing-hero:after{content:"";z-index:19;pointer-events:none;background:linear-gradient(#0000 0%,#05050518 18%,#05050566 40%,#050505d9 65%,#050505f5 82%,#050505 100%);height:200px;position:absolute;bottom:0;left:0;right:0}@media (width<=700px){.landing-hero:after{height:100px;top:calc(52.5434vw - 100px);bottom:auto}}.landing-sunlight{background:radial-gradient(6% 9% at 56% 30%,#fff4caf0 0%,#ffd38aa0 28%,#0000 100%),radial-gradient(24% 20% at 47% 34%,#ffd09096,#0000 76%);animation:4.5s ease-in-out infinite landing-sun-breathe}.landing-rays{background:conic-gradient(from 215deg at 56% 30%,#0000 0deg,#ffe8b892 10deg,#0000 24deg,#ffe5b073 38deg,#0000 58deg 360deg);animation:4.5s ease-in-out infinite landing-soft-rays}.landing-weather:before{animation-duration:4.8s}@keyframes landing-sun-breathe{0%,to{opacity:.3}50%{opacity:.95}}@keyframes landing-soft-rays{0%,to{opacity:.3;transform:rotate(-4.5deg)}50%{opacity:.85;transform:rotate(4.5deg)}}@keyframes landing-right-rays{0%{opacity:.45;transform:rotate(-4.5deg)}to{opacity:1;transform:rotate(4.5deg)}}@media (prefers-reduced-motion:reduce){.landing-sunlight,.landing-rays,.landing-weather:before{opacity:.25;animation:none}}.landing-accessories{color:#e3c68d;background:0 0;border:0;min-width:0;padding:8px}.landing-accessories-art{box-sizing:border-box;background:0 0;border:2px solid #bfa064;border-radius:50%;width:74px;height:74px;display:block;position:relative;box-shadow:inset 0 0 2px #f7d69e80}.landing-accessories-art:before{content:"";clip-path:circle(43%);background:url(/menu-accessories-transparent-v1.webp) 50%/110% 110% no-repeat;animation:4.5s ease-in-out infinite landing-crystal-pulse;position:absolute;inset:3px}@keyframes landing-crystal-pulse{0%,to{filter:brightness()drop-shadow(0 0 2px #65d6ef40)}50%{filter:brightness(1.18)drop-shadow(0 0 6px #e8bf6860)}}.landing-accessories:hover .landing-accessories-art{box-shadow:inset 0 0 2px #f7d69e80,0 0 10px #c69a4630}.landing-motion-paused .landing-accessories-art:before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.landing-accessories-art:before{animation:none}}.landing-menu-controls .landing-sailors-art{box-sizing:border-box;background:0 0;border:2px solid #bfa064;animation:none;box-shadow:inset 0 0 2px #f7d69e80}.landing-sailors-art:before{content:"";clip-path:circle(43%);background:url(/menu-crew-transparent-v1.webp) 50%/110% 110% no-repeat;animation:6s ease-in-out infinite landing-crew-glow;position:absolute;inset:3px}.landing-sailors-art:after{clip-path:circle(43%);inset:3px}.landing-motion-paused .landing-sailors-art:before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.landing-sailors-art:before{animation:none}}.landing-caption-strip{background:#050505;flex-shrink:0;place-items:center;height:58px;display:grid}.landing-production-caption{white-space:nowrap;letter-spacing:.13em;color:#e5c787;text-shadow:0 2px 5px #000,0 0 12px #c69a4630;clip-path:inset(0 100% 0 0);opacity:0;pointer-events:none;text-align:center;grid-area:1/1;max-width:90vw;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.4vw,21px);font-weight:600;transition:opacity .2s}.landing-page[data-active-menu=production] .caption-production,.landing-page[data-active-menu=sailors] .caption-sailors,.landing-page[data-active-menu=accessories] .caption-accessories{opacity:1;animation:.8s steps(20,end) forwards landing-caption-type}@media (hover:none){.landing-caption-strip{flex-wrap:wrap;justify-content:center;gap:12px;height:auto;min-height:58px;padding:12px;display:flex}.landing-caption-strip .landing-production-caption{letter-spacing:.03em;opacity:1;clip-path:inset(0);font-size:12px;animation:none}}@media (prefers-reduced-motion:reduce){.landing-production-caption{transition:none}.landing-page[data-active-menu] .landing-production-caption{clip-path:inset(0);animation:none}}.landing-menu-controls button:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #e5c787}