@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:300 700;src:url(./comfortaa-greek-wght-normal-C_9s1t5x.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:300 700;src:url(./comfortaa-latin-wght-normal-CLB3k12Y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#12394a;--card:#fff9edeb;--coral:#ff6a4c;--coral-d:#c9432a;--teal:#0f9aa6;--teal-d:#0a6f78;--gold:#ffc84a;--gold-d:#cf9316;--cream:#fff6e6;--cream-d:#d9c9ac;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--body:clamp(24px, 2.05vw, 28px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;background:#f7d3a4;margin:0;font-family:Comfortaa,Apple Color Emoji,sans-serif;font-weight:700;position:fixed;inset:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:var(--cream);min-width:72px;min-height:72px;box-shadow:0 7px 0 var(--cream-d);border:0;border-radius:24px;padding:12px 30px;font-size:27px;font-weight:700;transition:transform 80ms,box-shadow 80ms}button:active{box-shadow:0 1px 0 var(--cream-d);transform:translateY(6px)}button.primary{background:var(--coral);color:#fff;box-shadow:0 7px 0 var(--coral-d)}button.primary:active{box-shadow:0 1px 0 var(--coral-d)}button.teal{background:var(--teal);color:#fff;box-shadow:0 7px 0 var(--teal-d)}button.teal:active{box-shadow:0 1px 0 var(--teal-d)}button.gold{background:var(--gold);box-shadow:0 7px 0 var(--gold-d)}button.gold:active{box-shadow:0 1px 0 var(--gold-d)}[hidden]{display:none!important}#hud{top:calc(14px + var(--safe-t));left:calc(18px + var(--safe-l));right:calc(18px + var(--safe-r));pointer-events:none;opacity:0;z-index:5;justify-content:flex-end;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:fixed}#hud.show{opacity:1}#hud.show>*{pointer-events:auto}#progress{color:#fff;background:#12394ad1;border-radius:40px;align-items:center;gap:14px;min-height:56px;padding:12px 22px;font-size:22px;display:none}#progress.show{display:flex}#progress-dots{gap:7px;display:flex}#progress-dots i{background:#ffffff47;border-radius:50%;width:14px;height:14px}#progress-dots i.on{background:var(--gold)}#sound{min-width:64px;min-height:64px;box-shadow:none;background:#12394ad1;border-radius:50%;padding:0;font-size:28px}#title-screen{text-align:center;padding:calc(44px + var(--safe-t)) 40px calc(44px + var(--safe-b));opacity:0;pointer-events:none;z-index:4;color:#fff;background:linear-gradient(#082c3cb8 0%,#082c3c57 40%,#082c3c00 58%,#082c3c61 100%);flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}#title-screen.open{opacity:1;pointer-events:auto}#title-screen h1{text-shadow:0 4px 22px #001e2d8c;text-wrap:balance;margin:0;font-size:clamp(46px,5.2vw,72px);line-height:1.16}#title-screen h2{color:var(--gold);text-shadow:0 3px 16px #001e2d99;margin:22px 0 0;font-size:clamp(38px,4.2vw,56px)}#title-screen p.by{text-shadow:0 2px 10px #001e2db3;margin:16px 0 0;font-size:28px}#start{border-radius:32px;min-height:96px;padding:16px 62px;font-size:38px}#offline-ready{bottom:calc(44px + var(--safe-b));right:calc(30px + var(--safe-r));white-space:nowrap;opacity:0;background:#12394ad1;border-radius:30px;padding:10px 18px;font-size:20px;transition:opacity .5s;position:absolute}#offline-ready.show{opacity:1}#card,#map-panel{left:calc(22px + var(--safe-l));top:calc(22px + var(--safe-t));bottom:calc(26px + var(--safe-b));pointer-events:none;opacity:0;z-index:6;flex-direction:column;justify-content:center;width:min(57vw,800px);transition:opacity .35s,transform .35s;display:flex;position:fixed;transform:translate(-30px)}#card.open,#map-panel.open{opacity:1;transform:none}#card.open .panel,#map-panel.open .panel{pointer-events:auto}.panel{background:var(--card);border:3px solid #ffffffb3;border-radius:34px;flex-direction:column;max-height:100%;padding:26px 34px 28px;display:flex;box-shadow:0 14px 40px #321e0a47}.panel h2{color:#0b6d78;margin:0 0 14px;font-size:clamp(36px,3.1vw,44px);line-height:1.18}#card-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;font-size:var(--body);flex:auto;font-weight:600;line-height:1.42;overflow-y:auto}#card-body p{margin:0 0 13px}#card-body p:last-child{margin-bottom:0}#card-body b{color:#c23f24;font-weight:700}#card-body ul{margin:0;padding:0;list-style:none}#card-body li{margin-bottom:11px;padding-left:34px;position:relative}#card-body li:before{content:"";background:var(--gold);border-radius:50%;width:15px;height:15px;position:absolute;top:.42em;left:4px}#btn-action{align-self:flex-start;margin-top:18px}.nav{flex:none;align-items:center;gap:16px;margin-top:22px;display:flex}#pager{text-align:center;color:#6a7f86;flex:1;font-size:24px}#card.finale .nav{flex-wrap:wrap}#btn-bridge{border-radius:30px;flex:100%;order:-1;min-height:104px;padding:14px 34px;font-size:33px;animation:1.5s infinite pulse}@keyframes pulse{50%{transform:scale(1.025)}}#btn-bridge:active{animation:none}#caption{left:50%;bottom:calc(30px + var(--safe-b));white-space:nowrap;text-align:center;background:var(--card);opacity:0;z-index:6;pointer-events:none;border-radius:30px;padding:18px 36px;font-size:32px;transition:opacity .3s;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #321e0a47}#caption.show{opacity:1}#thanks{color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:7;background:radial-gradient(#082c3c6b 0%,#082c3c1a 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#thanks.open{opacity:1;pointer-events:auto}#thanks h1{color:var(--gold);text-shadow:0 6px 26px #001e2d99;margin:0;font-size:clamp(84px,10vw,128px)}#thanks p{text-shadow:0 4px 18px #001e2db3;margin:14px 0 0;font-size:clamp(48px,5.5vw,70px)}#confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}#confetti i{opacity:0;border-radius:3px;width:13px;height:20px;position:absolute;top:-24px}#thanks.open #confetti i{animation:linear infinite fall}@keyframes fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{opacity:1;transform:translate(36px,110vh)rotate(560deg)}}#btn-thanks-back{left:calc(26px + var(--safe-l));bottom:calc(30px + var(--safe-b));color:var(--ink);position:absolute}#map-panel{width:min(37vw,480px)}#map-panel .panel{padding:22px 26px 26px}#map-panel h2{font-size:36px}.legend{flex-direction:column;gap:12px;font-size:24px;font-weight:600;line-height:1.3;display:flex}.legend div{align-items:flex-start;gap:12px;display:flex}.legend i{border-radius:50%;flex:none;width:26px;height:26px;margin-top:2px}.legend .r{background:#ff5a3c}.legend .y{background:#ffe14d;border:2px solid #c9a200}.legend em{color:#0b6d78;font-style:normal;display:none}#map-panel.arrived .legend em{display:inline}#map-result{color:#c23f24;opacity:0;max-height:0;margin:16px 0 0;font-size:28px;font-weight:700;line-height:1.25;transition:opacity .5s;overflow:hidden}#map-result.show{opacity:1;max-height:200px}#map-panel .nav{flex-wrap:wrap;gap:14px}#map-panel .nav button{flex:auto;padding:10px 20px;font-size:25px}#map-labels{pointer-events:none;opacity:0;z-index:3;transition:opacity .4s;position:fixed;inset:0}#map-labels.show{opacity:1}.map-label{white-space:nowrap;color:#fff;text-shadow:0 2px 8px #002832d9;font-size:25px;position:absolute;top:0;left:0}.map-label.land{color:#fff8df;font-size:28px}.map-label.canal{color:#ffe14d;font-size:25px}#rotate{z-index:20;text-align:center;color:#fff;background:#0f6f7c;justify-content:center;align-items:center;padding:40px;font-size:44px;line-height:1.3;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate{display:flex}}#fade{opacity:0;pointer-events:none;z-index:9;background:#fff3dc;transition:opacity .3s;position:fixed;inset:0}#fade.on{opacity:1}#loading{z-index:15;pointer-events:none;background:#f7d3a4;justify-content:center;align-items:center;font-size:72px;transition:opacity .6s;display:flex;position:fixed;inset:0}body.loaded #loading{opacity:0}#lp-fill{background:var(--coral);z-index:12;width:0;height:6px;position:fixed;top:0;left:0}#lp-fill.on{width:100%;transition:width 1.5s linear}#fps{color:#fff;z-index:30;pointer-events:none;background:#0000008c;padding:2px 6px;font-family:monospace;font-size:14px;position:fixed;bottom:4px;left:8px}#fps:empty{display:none}