*{box-sizing:border-box}body{margin:0;background:#102d46;color:#f5e9d4;font-family:Arial,sans-serif}main{max-width:780px;margin:auto;padding:18px 18px 70px}header{display:flex;align-items:center;gap:13px;border-bottom:1px solid #8daab9;padding:10px 0;font:700 11px Arial;letter-spacing:.14em}header span:last-child{margin-left:auto}.compass{font-size:29px;color:#f27561}.map{height:190px;background:repeating-linear-gradient(0deg,transparent 0 31px,#46657b 32px 33px),repeating-linear-gradient(90deg,transparent 0 31px,#46657b 32px 33px);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.route{font:20px Georgia;letter-spacing:.15em;color:#f27561;transform:rotate(-13deg);white-space:nowrap}.ship{position:absolute;right:12%;bottom:25px;color:#f4d09c;text-align:center;font:38px/13px Georgia}.map p{position:absolute;top:10px;left:14px;font:700 10px Arial;letter-spacing:.2em;color:#9bb9c5}.intro{padding:29px 0}.intro small{font:700 11px Arial;letter-spacing:.2em;color:#f27561}.intro h1{font:400 clamp(45px,10vw,78px)/.91 Georgia;letter-spacing:-.06em;margin:17px 0}.intro h1 em{color:#f27561}.intro p{max-width:480px;line-height:1.5;color:#c4d2d7}.manifest{background:#f3ead7;color:#16364a;padding:22px 24px 28px;border-top:7px solid #f27561;box-shadow:8px 9px 0 #5d7c8d}.manifest-top{display:flex;justify-content:space-between;font:700 10px Arial;letter-spacing:.13em}.cargo{display:grid;grid-template-columns:65px 1fr;gap:4px 12px;border:1px solid #9fa9a1;padding:11px;margin:21px 0;color:#435564}.cargo span{font:700 10px Arial;letter-spacing:.1em}.cargo strong{font:700 13px Arial;color:#16364a}.manifest h2{font:400 clamp(25px,5vw,38px)/1.1 Georgia;margin:28px 0 20px}#documents{display:grid;gap:8px}#documents button{background:white;border:1px solid #a5b2ab;text-align:left;color:#16364a;padding:14px 15px;font:700 14px Arial;cursor:pointer}#documents button:hover{border-color:#f27561}#documents button.good{background:#d8e8d9;border-color:#538d64}#documents button.bad{background:#f7d3c9;border-color:#b96050}#explain{min-height:48px;padding-top:14px;line-height:1.4;font-size:14px}#next{background:#16364a;color:white;border:0;padding:13px 18px;font:700 11px Arial;letter-spacing:.1em;cursor:pointer}footer{display:flex;justify-content:space-between;padding:30px 0;align-items:center;font-size:12px;font-weight:bold}footer button{background:#f27561;color:#102d46;border:0;padding:11px 14px;font-size:11px;font-weight:bold;cursor:pointer}@media(max-width:520px){.map{height:135px}.manifest{padding:17px}.intro h1{font-size:43px}}