:root{--ink:#183847;--deep:#0f2a36;--sea:#0d6f73;--paper:#f7f0df;--red:#b84432;--gold:#d8a63d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit}.masthead{z-index:5;background:#f9f5e9;border-bottom:1px solid #18384722;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,6vw,96px);display:flex;position:relative}.brand{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:42px;height:42px}.brand b{font-size:16px;display:block}.brand small{color:#60717a;letter-spacing:.2em;margin-top:3px;font:600 9px Arial,sans-serif;display:block}nav{text-transform:uppercase;letter-spacing:.16em;gap:34px;font:700 11px Arial,sans-serif;display:flex}nav a{border-bottom:2px solid #0000;padding:8px 0;text-decoration:none}nav a:hover{border-color:var(--red)}.hero{background:linear-gradient(105deg,#f5ecd8 0 55%,#cfe5dd 55%);grid-template-columns:1.08fr .92fr;min-height:680px;display:grid;overflow:hidden}.hero-copy{padding:110px 7vw 100px max(7vw,40px);position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--red);font:700 10px Arial,sans-serif}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;max-width:730px;margin:24px 0 30px;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.94}h1 em{color:var(--red)}.lead{color:#415b67;max-width:590px;font-size:18px;line-height:1.7}.cta{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:36px;margin-top:18px;padding:18px 24px;font:700 11px Arial,sans-serif;text-decoration:none;display:inline-flex;box-shadow:5px 5px #762c22}.cta:hover{transform:translate(2px,2px);box-shadow:3px 3px #762c22}.cta span{font-size:18px}.time{color:#667780;margin:20px 0 0 3px;font:11px Arial,sans-serif}.hero-art{border-left:1px solid #18384718;justify-content:center;align-items:center;min-height:580px;display:flex;position:relative}.hero-art:after{content:"";background:repeating-radial-gradient(#0000 0 17px,#0d6f7330 19px 20px);border-radius:50% 50% 0 0;height:290px;position:absolute;inset:auto -15% -70px -10%}.hero-art img{z-index:2;filter:sepia()saturate(.5)hue-rotate(140deg)contrast(1.1);width:min(83%,580px);transform:rotate(-2deg)}.hero-art .sun{opacity:.72;background:#e8c36d;border-radius:50%;width:320px;height:320px;position:absolute}.hero-art p{color:var(--sea);z-index:3;text-transform:uppercase;letter-spacing:.2em;font:700 11px/1.5 Arial,sans-serif;position:absolute;bottom:36px;right:6%;transform:rotate(-5deg)}.voyage{background:var(--deep);color:#f8f0dc;padding:80px clamp(24px,7vw,110px) 110px}.section-heading{border-bottom:1px solid #ffffff30;grid-template-columns:60px 1fr auto;align-items:start;gap:24px;padding-bottom:30px;display:grid}.section-heading>span{color:var(--gold);font-size:40px}.section-heading p{color:#8bb1b2;text-transform:uppercase;letter-spacing:.2em;margin:4px 0 8px;font:700 10px Arial,sans-serif}.section-heading h2{margin:0;font-size:clamp(28px,4vw,44px);font-weight:400}.section-heading>b{letter-spacing:.15em;color:#8bb1b2;font:700 10px Arial,sans-serif}.ship-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px;display:grid}.ship-card{text-align:left;min-height:250px;color:inherit;cursor:pointer;background:#173b49;border:1px solid #ffffff20;flex-direction:column;align-items:flex-start;padding:22px;transition:all .2s;display:flex}.ship-card:hover,.ship-card:focus-visible{border-color:var(--gold);background:#1c4a58;outline:none;transform:translateY(-3px)}.ship-mark{border:1px solid var(--gold);width:52px;height:52px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:24px;font-size:25px;display:grid}.ship-card b,.ship-card small{display:block}.ship-card b{font-size:21px}.ship-card small{color:#9bb5ba;margin-top:7px;font:12px/1.4 Arial,sans-serif}.ship-card .kind{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:9px}.ship-card i{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-top:auto;font:700 9px Arial,sans-serif}.question-wrap{max-width:1120px;margin:auto;position:relative}.progress{background:#ffffff18;height:3px;margin-bottom:58px;position:relative}.progress span{background:var(--gold);height:100%;transition:width .4s;display:block}.progress b{color:#89a6aa;letter-spacing:.15em;text-transform:uppercase;font:700 9px Arial,sans-serif;position:absolute;top:12px;right:0}.back{color:#91abad;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;padding:8px 0;font:700 10px Arial,sans-serif;position:absolute;top:22px;left:0}.question-head{text-align:center;max-width:830px;margin:0 auto 38px}.question-head img{filter:invert(86%)sepia(44%)saturate(691%);opacity:.85;width:58px;height:58px}.question-head>p{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;margin:14px 0;font:700 10px Arial,sans-serif}.question-head h2{margin:0 0 14px;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.08}.question-head small{color:#91abad;font:13px Arial,sans-serif}.choice-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.choice-grid button{text-align:left;color:#f7f0df;cursor:pointer;background:#173b49;border:1px solid #fff2;grid-template-columns:40px 1fr auto;align-items:center;gap:16px;min-height:142px;padding:22px;transition:all .2s;display:grid}.choice-grid button:hover,.choice-grid button:focus-visible{color:var(--deep);border-color:var(--gold);background:#f4ead2;outline:none;transform:translateY(-2px)}.choice-grid button>span{border:1px solid var(--gold);width:36px;height:36px;color:var(--gold);border-radius:50%;place-items:center;font:700 12px Arial,sans-serif;display:grid}.choice-grid b{font-size:20px;line-height:1.2}.choice-grid i{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font:700 9px Arial,sans-serif}.reroll{color:#718f94;background:0 0;border:0;margin:28px auto 0;padding:0;font:10px Arial,sans-serif;display:block}.result-mode{background:#0d2935;padding-top:70px}.result-area{text-align:center;max-width:940px;margin:auto}.result-intro h2{margin:10px 0;font-size:clamp(38px,6vw,62px);font-weight:400}.result-intro h2 em{color:var(--gold)}.result-intro>p:last-child{color:#94acb0}.log-sheet{text-align:left;max-width:790px;color:var(--ink);background:#f5ecd8 radial-gradient(#caa46a22 1px,#0000 1px) 0 0/9px 9px;border:8px double #214654;margin:42px auto 30px;padding:55px 65px 128px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0007}.log-corner{color:var(--gold);font-size:34px;position:absolute;top:20px;right:25px}.log-sheet header{text-align:center;border-bottom:1px solid #b99554;padding-bottom:25px}.log-sheet header p{letter-spacing:.28em;text-transform:uppercase;margin:0;font:700 12px Arial,sans-serif}.log-sheet h3{color:var(--red);margin:8px 0;font:italic 46px Georgia,serif}.log-sheet header small{letter-spacing:.13em;text-transform:uppercase;color:#677b80;font:10px Arial,sans-serif}.log-sheet ol{margin:0;padding:8px 0;list-style:none}.log-sheet li{border-bottom:1px solid #17384720;grid-template-columns:72px 1fr;gap:16px;padding:22px 0;display:grid}.log-sheet li>span{color:var(--red);text-transform:uppercase;letter-spacing:.12em;padding-top:5px;font:700 10px Arial,sans-serif}.log-sheet h4{margin:0 0 6px;font:italic 23px Georgia,serif}.log-sheet li p{color:#405864;margin:0;font-size:15px;line-height:1.55}.log-sheet aside{background:#dfcea9;margin:16px 0 24px;padding:19px 23px;transform:rotate(-.35deg)}.log-sheet aside b{color:var(--red);text-transform:uppercase;letter-spacing:.16em;font:700 9px Arial,sans-serif}.log-sheet aside p{margin:8px 0 0;font:italic 16px/1.5 Georgia,serif}.log-sheet label{text-transform:uppercase;letter-spacing:.1em;align-items:flex-end;gap:12px;font:700 11px Arial,sans-serif;display:flex}.log-sheet input{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #173847;outline:none;flex:1;padding:8px;font:italic 20px Georgia,serif}.log-sheet footer{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#687b80;border-top:1px solid #b99554;margin-top:26px;padding-top:16px;font:9px Arial,sans-serif}.rope-bottom{pointer-events:none;opacity:.72;mix-blend-mode:multiply;justify-content:center;align-items:flex-end;height:105px;display:flex;position:absolute;bottom:-10px;left:-3%;right:-3%}.rope-bottom:before,.rope-bottom:after{content:"";background:repeating-linear-gradient(125deg,#6d4a25 0 8px,#b88b4f 9px 15px,#e1bd77 16px 20px,#7a5228 21px 28px);border-radius:50%;height:13px;position:absolute;bottom:34px;left:0;right:0;transform:rotate(-1deg);box-shadow:0 3px #4b301b}.rope-bottom:after{opacity:.7;bottom:23px;transform:rotate(1deg)}.rope-bottom img{z-index:1;object-fit:cover;object-position:center 79%;filter:sepia()saturate(.75)contrast(1.25);width:215px;height:105px;position:relative}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-actions button{color:#f7f0df;cursor:pointer;text-transform:uppercase;letter-spacing:.11em;background:#173b49;border:1px solid #ffffff35;padding:15px 18px;font:700 10px Arial,sans-serif}.result-actions .primary{background:var(--red);border-color:var(--red)}.result-actions .restart{background:0 0}.result-actions button:hover{border-color:var(--gold)}.privacy{color:#6f8e94;margin:18px 0 0;font:10px Arial,sans-serif}.how{text-align:center;background:#f7f0df;padding:110px 7vw}.how h2{font-size:44px;font-weight:400}.how>div{background:#18384725;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1000px;margin:50px auto 0;display:grid}.how>div p{color:#60717a;background:#f7f0df;margin:0;padding:26px 40px;line-height:1.5}.how>div b,.how>div span{display:block}.how>div b{color:var(--red);font-size:30px}.how>div span{color:var(--ink);margin:12px 0 8px;font-size:18px;font-weight:700}footer{color:#aebdc0;text-align:center;background:#091e27;padding:35px 24px;font:11px/1.6 Arial,sans-serif}footer p{margin:3px}footer b{color:#fff}@media (width<=950px){.ship-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.masthead nav{display:none}.hero{background:#f5ecd8;grid-template-columns:1fr}.hero-copy{padding:75px 24px 45px}.hero-art{background:#cfe5dd;border-left:0;min-height:390px}.ship-grid,.how>div,.choice-grid{grid-template-columns:1fr}.section-heading{grid-template-columns:48px 1fr}.section-heading>b{display:none}.choice-grid button{grid-template-columns:40px 1fr}.choice-grid button i{display:none}.log-sheet{padding:40px 25px 25px}.log-sheet h3{font-size:36px}}@media print{body{background:#fff}.masthead,.hero,.voyage>:not(.result-area),.how,.site-footer,.result-intro,.result-actions,.privacy{display:none!important}.voyage,.result-mode{background:#fff!important;padding:0!important;display:block!important}.result-area,.log-sheet{box-shadow:none!important;max-width:none!important;margin:0 auto!important;display:block!important}.log-sheet{min-height:95vh}}