:root{--navy:#032b52;--deep:#011c36;--blue:#075da8;--sky:#e9f5ff;--gold:#f2c56d;--gold2:#dca43c;--white:#fff;--ink:#0b2137;--muted:#6f8397;--green:#1d8b5b;--red:#c84b44;--orange:#d98124;--line:#d9e6f1;--shadow:0 14px 40px rgba(0,27,54,.12);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#edf5fb}body{margin:0;background:linear-gradient(#e8f3fb 0,#f8fbfd 520px,#edf5fb 100%);color:var(--ink);padding-bottom:86px}button,input{font:inherit}button{cursor:pointer}.hero{height:min(72vh,650px);min-height:520px;position:relative;overflow:hidden;background:var(--deep);color:white}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,54,.94) 0%,rgba(0,27,54,.72) 38%,rgba(0,27,54,.14) 76%,rgba(0,27,54,.05)),linear-gradient(0deg,rgba(0,27,54,.68) 0,transparent 45%)}.hero-copy{position:relative;z-index:2;padding:max(80px,env(safe-area-inset-top)) 24px 40px;max-width:700px;margin:auto auto auto max(0px,calc((100vw - 1180px)/2))}.eyebrow{font-size:.76rem;letter-spacing:.13em;font-weight:800;color:var(--gold2)}.hero .eyebrow{color:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(2.6rem,8vw,5rem);line-height:.94;margin:15px 0 20px;letter-spacing:-.035em}.hero h1 em{font-weight:400;color:#fff}.hero p{font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.5;max-width:500px}.gold-btn{border:0;background:linear-gradient(180deg,#f7d892,#e9b852);color:#082f55;border-radius:14px;padding:14px 22px;font-weight:850;box-shadow:0 6px 0 rgba(157,104,16,.35),0 12px 24px rgba(0,0,0,.18)}main{width:min(1180px,calc(100% - 24px));margin:-42px auto 40px;position:relative;z-index:3}.scorebar{background:rgba(3,43,82,.98);color:white;border:1px solid rgba(255,255,255,.18);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);overflow:hidden;margin-bottom:14px}.scorebar div{padding:16px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.scorebar div:last-child{border-right:0}.scorebar span{display:block;font-size:.68rem;letter-spacing:.1em;color:#a9c4dc;font-weight:700;margin-bottom:3px}.scorebar strong{font-size:1.12rem}.panel{background:rgba(255,255,255,.96);border:1px solid #d3e4f1;border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:14px}.section-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.section-head.compact{align-items:center}.section-head h2{margin:4px 0 4px;font-size:1.42rem}.section-head p{margin:4px 0 0;color:var(--muted);line-height:1.45}.round-pips{display:flex;gap:6px;padding-top:6px}.round-pips i{display:block;width:14px;height:14px;border-radius:50%;border:2px solid #a9bdcf}.round-pips i.done{background:var(--gold2);border-color:var(--gold2)}.input-row{display:flex;margin:22px 0 8px;background:#f5f9fc;border:2px solid #b9d2e4;border-radius:15px;overflow:hidden;transition:.2s}.input-row:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(7,93,168,.1)}#guessInput{flex:1;min-width:0;border:0;background:transparent;padding:17px;font-size:1.1rem;outline:none}#guessForm button[type=submit]{border:0;background:var(--blue);color:white;font-weight:800;padding:0 21px}.assist-wrap{padding:4px}.text-btn{border:0;background:none;color:var(--blue);font-weight:750;padding:8px}.hidden{display:none!important}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 4px}.suggestions button{background:#edf6fd;border:1px solid #c7deef;border-radius:999px;padding:7px 10px;color:var(--navy)}.feedback{margin-top:16px;border-radius:15px;padding:14px 16px;display:flex;gap:12px;align-items:center;border:1px solid #c9dbe9;background:#f5faff}.feedback-icon{font-size:1.7rem}.feedback strong{font-size:1.05rem}.feedback p{margin:2px 0 0;line-height:1.35;color:#436078}.feedback.correct{border-color:#adddc5;background:#f0fbf5}.feedback.close{border-color:#f1ce8e;background:#fff9ec}.feedback.wrong{border-color:#efbbb6;background:#fff3f2}.hint-box{background:linear-gradient(145deg,#062f57,#0a426f);color:white;border-radius:17px;padding:16px;margin-top:16px}.hint-title{display:flex;justify-content:space-between;gap:10px}.hint-title span{color:#bad0e2;font-size:.78rem}.clue-text{margin:12px 0;color:#d7e7f3;line-height:1.4}.hint-actions{display:flex;flex-wrap:wrap;gap:7px}.hint-actions button{border:1px solid #4676a0;background:#0c4f86;color:white;border-radius:10px;padding:9px 10px;font-size:.82rem}.hint-actions button:disabled{opacity:.35;cursor:not-allowed}.hint-flag{margin-top:14px}.hint-flag img{width:130px;aspect-ratio:4/3;object-fit:cover;border-radius:9px;border:3px solid white}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.two-col .panel{margin-bottom:0}.ship-visual{height:94px;position:relative;margin:10px 0 6px}.ship-top{position:absolute;right:18%;top:3px;color:#89b5d8;font-size:25px;letter-spacing:-5px}.ship-body{position:absolute;left:14%;right:8%;top:33px;background:#edf5fb;border-radius:28px 45px 8px 10px;height:33px;padding:8px 25px;font-size:.72rem;letter-spacing:.12em;color:#4c7898;font-weight:900}.ship-hull{position:absolute;left:10%;right:3%;top:60px;height:23px;background:var(--navy);clip-path:polygon(0 0,100% 0,85% 100%,16% 100%)}.passenger-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-top:7px}.passenger-dot{aspect-ratio:1;border-radius:50%;border:1px solid #b7cad8;background:#e6eef4;transition:.25s}.passenger-dot.on{background:var(--gold2);border-color:#b47817;box-shadow:0 0 0 2px rgba(220,164,60,.13)}.tiny{font-size:.78rem;color:var(--muted);line-height:1.4}.recent-list{display:grid;gap:7px}.recent-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #e5edf3}.recent-item img{width:42px;aspect-ratio:4/3;object-fit:cover;border-radius:5px;box-shadow:0 1px 4px #abb}.recent-item small{color:var(--muted)}.empty-state{color:var(--muted);padding:28px 4px;text-align:center}.map-stage{position:relative;width:100%;aspect-ratio:940/477;background:linear-gradient(#b7ddf4,#dceef9);border-radius:15px;overflow:hidden;margin-top:16px;border:1px solid #b5d3e7}.map-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.37;filter:sepia(.1) saturate(.7) hue-rotate(160deg)}#pins{position:absolute;inset:0}.map-pin{position:absolute;transform:translate(-50%,-85%);width:12px;height:12px;border-radius:50% 50% 50% 0;background:#e7ad3e;border:2px solid white;rotate:-45deg;box-shadow:0 2px 4px rgba(0,0,0,.35)}.map-pin::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#17466d;left:2.5px;top:2.5px}.flag-wall{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin-top:14px}.flag-slot{aspect-ratio:4/3;border:1px solid #d5e3ed;border-radius:8px;background:linear-gradient(145deg,#edf3f7,#dfe9f0);position:relative;overflow:hidden}.flag-slot img{width:100%;height:100%;object-fit:cover;display:block}.flag-slot.locked::after{content:"?";position:absolute;inset:0;display:grid;place-items:center;color:#9bb0bf;font-weight:900;font-size:1.3rem}.flag-slot span{position:absolute;left:2px;right:2px;bottom:2px;background:rgba(1,28,54,.83);color:white;font-size:.55rem;padding:3px 4px;border-radius:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stats-grid div{background:#f2f7fb;border-radius:14px;padding:15px;text-align:center}.stats-grid strong{display:block;font-size:1.8rem;color:var(--navy)}.stats-grid span{font-size:.76rem;color:var(--muted)}.danger-btn{border:1px solid #e1b4b1;background:#fff5f4;color:#a8332d;border-radius:10px;padding:10px 13px}.about-panel p{line-height:1.55;color:#466178}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:rgba(2,35,65,.96);backdrop-filter:blur(18px);display:flex;justify-content:center;padding:8px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(0,0,0,.18)}.bottom-nav a{color:#d6e5f1;text-decoration:none;text-align:center;width:min(19%,120px);font-size:1.2rem}.bottom-nav span{display:block;font-size:.63rem;margin-top:2px}.modal{position:fixed;z-index:100;inset:0;background:rgba(0,20,38,.72);display:grid;place-items:center;padding:20px}.modal-card{background:white;border-radius:22px;padding:26px;text-align:center;max-width:390px;width:100%;box-shadow:0 28px 80px rgba(0,0,0,.3)}.modal-icon{font-size:3.2rem}.modal-card h2{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.modal-card p{color:#516b7e;line-height:1.5}.modal-card .gold-btn{margin-top:6px}.shake{animation:shake .25s linear 1}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:760px){.hero{height:570px}.hero-img{object-position:63% center}.hero-shade{background:linear-gradient(0deg,rgba(0,27,54,.96) 4%,rgba(0,27,54,.70) 56%,rgba(0,27,54,.15) 100%)}.hero-copy{padding-top:230px}.hero-copy p{font-size:1rem}.scorebar{grid-template-columns:repeat(4,1fr)}.scorebar div{padding:11px 5px}.scorebar span{font-size:.56rem}.scorebar strong{font-size:.9rem}.panel{padding:16px}.section-head{flex-direction:column;gap:5px}.section-head.compact{flex-direction:row}.two-col{grid-template-columns:1fr}.flag-wall{grid-template-columns:repeat(5,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.hint-title{display:block}.hint-title span{display:block;margin-top:3px}.input-row button{padding:0 14px!important}.passenger-grid{gap:4px}.map-pin{width:9px;height:9px}.map-pin::after{width:2px;height:2px;left:1.5px;top:1.5px}}