:root{--ink: #1c1e4a;--indigo: #2b2e6b;--sky: #8fd0ff;--marigold: #ffb944;--gold: #ffcf3f;--coral: #ff7a59;--cream: #fff6ea;--kraft: #f3dcae;--kraft-line: #c9a368}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--indigo);background:#5fb0ef;overflow-x:hidden}body.locked{overflow:hidden;height:100vh}body.locked main,body.locked footer.credits{visibility:hidden}h1,h2,h3,.stop,.gbtn,.chip,.hud{font-family:"Baloo 2",system-ui,sans-serif}canvas#world{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.cabin-frame{position:fixed;inset:0;pointer-events:none;z-index:2}.cabin-frame .glass{position:absolute;inset:clamp(5px,1vmin,12px);border-radius:clamp(22px,6vmin,70px);box-shadow:0 0 0 100vmax var(--ink),inset 0 0 50px #14163a4d,inset 0 2px #ffffff38}.cabin-frame .glass:after{content:"";position:absolute;inset:0;border-radius:inherit;border:clamp(3px,.7vmin,8px) solid rgba(255,246,234,.13)}.cabin-frame .glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 28% 8%,#ffffff24,#fff0 55%);pointer-events:none}body.no-frame .cabin-frame{display:none}.ticket{position:relative;background:var(--cream);border:3px solid var(--ink);border-radius:22px;box-shadow:0 7px 0 var(--ink),0 18px 40px #0c0e2859;padding:clamp(22px,3.6vw,40px)}.ticket:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(43,46,107,.22);border-radius:14px;pointer-events:none}.ticket>*{position:relative}.stamp{display:inline-flex;align-items:center;gap:8px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);background:var(--marigold);border:2.5px solid var(--ink);padding:5px 14px;border-radius:999px;box-shadow:0 3px 0 var(--ink);margin-bottom:16px}h1{font-size:clamp(40px,6.4vw,72px);line-height:1.02;margin:0 0 10px;font-weight:800}h2{font-size:clamp(25px,3.4vw,34px);line-height:1.12;margin:0 0 10px;font-weight:800;color:var(--ink)}p{font-size:clamp(15px,1.5vw,16.5px);line-height:1.62;margin:0 0 12px;text-wrap:pretty}.muted{color:#2b2e6bb3}.ticket>:last-child{margin-bottom:0}.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font-weight:800;font-size:17px;padding:13px 28px;border-radius:999px;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.gbtn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink);filter:saturate(1.08)}.gbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.gbtn-coral{background:var(--coral);color:#fff}.gbtn-gold{background:var(--marigold);color:var(--ink)}.gbtn-cream{background:var(--cream);color:var(--ink)}#boarding{position:fixed;inset:0;z-index:10;display:flex;background:transparent;overflow-x:hidden;overflow-y:auto;transition:transform 1s cubic-bezier(.65,0,.35,1),opacity 1s ease}.board-wrap{margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,26px);padding:clamp(16px,3.5vh,40px) 24px;width:100%;position:relative}#boarding.lift{transform:translateY(-104%);opacity:.85}@media(prefers-reduced-motion:reduce){#boarding{transition:opacity .4s ease,visibility 0s linear .4s}#boarding.lift{transform:none;opacity:0;visibility:hidden;pointer-events:none}}.board-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4vh,26px)}.title-cover{width:clamp(110px,17vh,180px);transform:rotate(-6deg);filter:drop-shadow(0 8px 0 rgba(28,30,74,.5));animation:bobble 4.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.title-cover{animation:none}}.logo-block{text-align:center;position:relative}.logo-block .stamp{margin-bottom:12px}.logo{font-size:clamp(34px,min(6.2vw,8.5vh),68px);line-height:1.06;margin:0;color:var(--cream);text-shadow:0 5px 0 var(--ink),0 14px 30px rgba(12,14,40,.35);letter-spacing:.01em}.logo .line2{color:var(--gold)}@keyframes bobble{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.boarding-pass{width:min(420px,92vw);padding:22px 26px}.bp-route{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bp-route .port{text-align:center}.bp-route .code{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:26px;line-height:1;color:var(--ink)}.bp-route .port-name{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2b2e6b99}.bp-route .path{flex:1;display:flex;align-items:center;gap:6px;color:var(--kraft-line)}.bp-route .path .dash{flex:1;border-top:3px dashed var(--kraft-line)}.bp-route .path svg{width:26px;flex:0 0 auto}.bp-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.bp-meta span{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;background:#8fd0ff4d;border:2px solid rgba(43,46,107,.2);border-radius:999px;padding:4px 12px}.bp-barcode{height:24px;margin-top:14px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 8px,transparent 8px 10px,var(--ink) 10px 11px,transparent 11px 15px);opacity:.85}#begin{width:100%;font-size:19px;padding:14px 28px}.hint-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--ink);background:#fff6ead9;border:2.5px solid var(--ink);border-radius:999px;padding:6px 14px;box-shadow:0 3px 0 var(--ink)}.chip svg{width:15px;height:15px;flex:0 0 auto}.hud{position:fixed;z-index:3;top:clamp(16px,3vh,28px);display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:.04em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);padding:7px 16px;opacity:0;transform:translateY(-8px);transition:opacity .5s ease .6s,transform .5s ease .6s;pointer-events:none}body.boarded .hud{opacity:1;transform:translateY(0)}.hud-left{left:clamp(16px,3vw,32px)}.hud-right{right:clamp(16px,3vw,32px)}.hud .sep{width:2px;height:16px;background:#2b2e6b40;border-radius:2px}.hud .label{font-size:11px;letter-spacing:.14em;color:#2b2e6b99}.hud svg{width:17px;height:17px}@keyframes hud-bump{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-3deg)}to{transform:scale(1)}}.hud.bump{animation:hud-bump .5s ease;background:var(--gold)}@media(max-width:560px){.hud{font-size:12.5px;padding:5px 12px}.hud-left .tod-wrap,.hud-left .sep{display:none}}main{position:relative;z-index:1}section{min-height:120vh;display:flex;align-items:center;padding:8vh clamp(20px,6vw,90px);pointer-events:none}section .ticket{pointer-events:auto;max-width:540px}section:nth-of-type(2n){justify-content:flex-end}#takeoff{min-height:100vh;justify-content:center;text-align:center}#lounge{min-height:160vh;align-items:flex-end;padding-bottom:18vh}#landing{min-height:130vh}section .ticket{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}section .ticket.shown{opacity:1;transform:translateY(0)}section .ticket.no-anim{transition:none!important;opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){section .ticket{transition:none;opacity:1;transform:none}}#takeoff .hero{background:transparent;border:none;box-shadow:none;padding:0;max-width:660px}#takeoff .hero:before{display:none}#takeoff h1{color:var(--cream);text-shadow:0 5px 0 var(--ink),0 16px 34px rgba(12,14,40,.4)}#takeoff .lede{color:var(--cream);font-weight:700;font-size:clamp(16px,2vw,19px);max-width:54ch;margin:0 auto 16px;text-shadow:0 2px 0 rgba(28,30,74,.85),0 8px 22px rgba(12,14,40,.5)}#takeoff .coast{color:var(--cream);font-weight:700;font-size:clamp(13.5px,1.5vw,15px);max-width:46ch;margin:0 auto 6px;opacity:.94;text-shadow:0 2px 0 rgba(28,30,74,.8),0 8px 20px rgba(12,14,40,.45)}#takeoff .btn-row{justify-content:center}.scroll-hint{margin-top:34px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--cream);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 rgba(28,30,74,.85)}.scroll-hint .arrow{width:20px;animation:hop 1.8s ease-in-out infinite;filter:drop-shadow(0 2px 0 rgba(28,30,74,.85))}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media(prefers-reduced-motion:reduce){.scroll-hint .arrow{animation:none}}.story-media{display:flex;gap:20px;align-items:flex-start}.story-media img{flex:0 0 auto;width:170px;filter:drop-shadow(0 6px 0 rgba(28,30,74,.8))}.author-row{display:flex;gap:18px;align-items:center;margin-bottom:14px}.author-row img{width:96px;height:96px;object-fit:cover;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;flex:0 0 auto}.stack-img{width:min(200px,62%);display:block;margin:2px 0 12px;filter:drop-shadow(0 6px 0 rgba(255,246,234,.45))}@media(max-width:560px){.story-media{flex-direction:column;align-items:center}}.texture-list{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px;padding:0;list-style:none}.texture-list li{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:13.5px;background:#8fd0ff59;border:2px solid rgba(43,46,107,.25);padding:5px 13px;border-radius:999px}#lounge .ticket{background:var(--kraft);max-width:480px}#lounge .ticket:before{border-color:#b06a3b59}#landing .ticket{background:var(--ink);color:var(--cream);border-color:var(--cream);box-shadow:0 7px #fff6eae6,0 18px 40px #0c0e2880}#landing .ticket:before{border-color:#fff6ea40}#landing h2,#landing p{color:var(--cream)}#landing .muted{color:#fff6eab8}#landing .stamp{background:var(--gold)}.next-book{display:flex;gap:14px;align-items:flex-start;margin:6px 0 16px;padding:14px 16px;border:2px dashed rgba(255,246,234,.42);border-radius:16px;background:#fff6ea12}.next-book .nb-icon{flex:0 0 auto;width:30px;height:30px;color:var(--gold);margin-top:2px}.next-book .nb-kicker{display:inline-block;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.next-book p{margin:0;font-size:14.5px;color:#fff6eae0}.next-book em{font-style:italic;color:var(--cream)}nav.stops{position:fixed;left:50%;bottom:clamp(12px,2.6vh,24px);transform:translate(-50%);z-index:3;background:var(--cream);border:3px solid var(--ink);border-radius:999px;padding:7px 14px;box-shadow:0 5px 0 var(--ink),0 16px 36px #0c0e2873;max-width:calc(100vw - 20px);opacity:0;transform:translate(-50%) translateY(12px);transition:opacity .5s ease .7s,transform .5s ease .7s;pointer-events:none}body.boarded nav.stops{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}#nav-track{position:relative;display:flex;gap:2px;align-items:center}#nav-track:before{content:"";position:absolute;left:10px;right:10px;top:50%;border-top:2.5px dashed rgba(43,46,107,.18);pointer-events:none}#nav-plane{position:absolute;top:-20px;left:10px;width:26px;height:26px;transition:left .1s linear;pointer-events:none;filter:drop-shadow(0 3px 0 rgba(28,30,74,.85))}.stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;background:transparent;border:none;cursor:pointer;color:#2b2e6b8c;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.stop .dot{width:10px;height:10px;border-radius:50%;background:var(--cream);border:2.5px solid currentColor}.stop.active{color:var(--ink);background:var(--marigold);box-shadow:inset 0 0 0 2.5px var(--ink)}.stop.active .dot{background:var(--ink);border-color:var(--ink)}.stop:hover{color:var(--ink)}@media(max-width:640px){.stop{padding:8px 9px}.stop .label{display:none}.stop .dot{width:12px;height:12px}}#toast{position:fixed;z-index:4;left:50%;bottom:clamp(74px,12vh,110px);transform:translate(-50%) translateY(14px);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:15px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink);padding:10px 22px;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;max-width:calc(100vw - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal{position:fixed;inset:0;z-index:6;display:none;align-items:center;justify-content:center;background:#1214328c;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal.open{display:flex;animation:modal-fade .25s ease}.modal.open .ticket{animation:modal-pop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal.open,.modal.open .ticket{animation:none}}.modal .ticket{max-width:440px;width:100%}.modal .ticket.kraft{background:var(--kraft)}.modal .ticket.kraft:before{border-color:#b06a3b59}.modal h3{margin:0 0 12px;font-size:24px;color:var(--ink)}.modal .close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:2.5px solid var(--ink);cursor:pointer;background:var(--cream);color:var(--ink);box-shadow:0 3px 0 var(--ink);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}.modal .close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.modal label{display:block;font-weight:800;font-size:14px;margin:12px 0 5px;font-family:"Baloo 2",sans-serif}.modal input,.modal textarea{width:100%;font-family:Nunito,sans-serif;font-size:16px;border:2.5px solid var(--ink);border-radius:12px;padding:10px 14px;background:#fff;color:var(--ink);resize:vertical}.modal input:focus,.modal textarea:focus{outline:3px solid var(--marigold)}#note-modal-text{font-size:19px;line-height:1.6;font-family:"Baloo 2",sans-serif;font-weight:600}#note-modal-name{color:#b06a3b;font-weight:800}.celebrate-star{width:86px;margin:4px auto 10px;display:block;filter:drop-shadow(0 4px 0 rgba(28,30,74,.9));animation:celebrate-spin 2.4s ease-in-out infinite}@keyframes celebrate-spin{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.celebrate-star{animation:none}}footer.credits{position:relative;z-index:1;text-align:center;padding:0 20px 110px;color:#fff6ea99;font-size:13px;pointer-events:none}