:root{--ink: #20313a;--ink-soft: #4a5a62;--paper: #faf6ec;--paper-dim: #efe8d6;--paper-edge: #d9cfb6;--river: #5fa9c4;--dusk: #0e2530;--ember: #ff8a5c;--ember-deep: #e96f40;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui: "Space Grotesk", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-data: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--shadow-panel: 0 18px 50px -12px rgba(14, 37, 48, .45), 0 4px 14px -4px rgba(14, 37, 48, .3)}*{margin:0;padding:0;box-sizing:border-box}.btn-sound{position:fixed;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:40;width:42px;height:42px;border:none;border-radius:50%;background:#faf6ece0;box-shadow:0 4px 14px -4px #0e253059;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:transform .15s ease,background .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.btn-sound:hover{background:var(--paper);transform:scale(1.1)}.btn-sound:active{transform:scale(.93)}.btn-sound:focus-visible{outline:3px solid var(--river);outline-offset:3px}.sound-icon{width:20px;height:20px;display:block}html,body{height:100%;overflow:hidden;background:var(--dusk);font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.panel{position:relative;background:var(--paper);border-radius:18px;box-shadow:var(--shadow-panel);padding:clamp(28px,5vw,44px) clamp(30px,6vw,56px);text-align:center;max-width:min(92vw,420px)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.50 0 0 0 0 0.40 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.panel:after{content:"";position:absolute;top:0;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,var(--paper-edge),transparent);border-radius:2px}.screen{position:fixed;inset:0;display:grid;place-items:center;z-index:30;background:radial-gradient(120% 100% at 50% 20%,#0e25302e,#0e25309e);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:screen-in .45s cubic-bezier(.2,.9,.3,1) both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.screen .panel{animation:panel-in .55s cubic-bezier(.2,.9,.25,1.15) both}@keyframes panel-in{0%{opacity:0;transform:translateY(26px) rotate(-.6deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.title-plane{width:110px;margin:-6px auto 6px;animation:hover-bob 3.4s ease-in-out infinite}@keyframes hover-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}.title-plane svg{width:100%;display:block}.tp-wing{fill:#fff;stroke:var(--paper-edge);stroke-width:1}.tp-wing2{fill:var(--paper-dim)}.tp-keel{fill:var(--paper-edge)}.game-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,9vw,3.4rem);letter-spacing:-.015em;color:var(--ink)}.game-sub{margin-top:10px;color:var(--ink-soft);font-size:.95rem;line-height:1.55}.btn{display:inline-block;margin-top:26px;padding:14px 38px;border:none;border-radius:999px;font-family:var(--font-ui);font-size:1.02rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--ember);color:#fff;box-shadow:0 8px 22px -6px #e96f40a6}.btn-primary:hover{background:var(--ember-deep);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-ghost{background:transparent;color:var(--ink-soft);margin-top:10px;padding:10px 24px}.btn-ghost:hover{color:var(--ink)}.btn:focus-visible{outline:3px solid var(--river);outline-offset:3px}.controls-hint{margin-top:24px;font-size:.8rem;color:var(--ink-soft)}.controls-hint .hint+.hint{margin-top:5px}kbd{display:inline-block;min-width:1.5em;padding:2px 6px;margin:0 1px;background:var(--paper-dim);border:1px solid var(--paper-edge);border-bottom-width:2px;border-radius:6px;font-family:var(--font-data);font-size:.78rem}.best-banner{margin-top:18px;font-family:var(--font-data);font-size:.8rem;color:var(--ink-soft);letter-spacing:.06em}.best-banner:empty{display:none}.btn-continue{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:20px;padding:13px 24px;background:linear-gradient(135deg,#5fa9c4,#3e7e99);color:#fff;border-radius:999px;font-size:.92rem;box-shadow:0 8px 22px -6px #3f7e998c}.btn-continue:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-continue:active{transform:translateY(0) scale(.97)}.btn-continue--loading{opacity:.65;pointer-events:none}.btn-continue--loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite;margin-left:6px}@keyframes btn-spin{to{transform:rotate(360deg)}}.over-eyebrow{font-family:var(--font-data);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft)}.over-score{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,13vw,4.6rem);line-height:1.05;margin-top:8px;color:var(--ink)}.over-best{margin-top:6px;font-family:var(--font-data);font-size:.85rem;color:var(--ink-soft)}.over-new{margin-top:12px;display:inline-block;padding:5px 16px;border-radius:999px;background:var(--ember);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em;animation:best-pop .5s cubic-bezier(.2,.9,.3,1.4) both .25s}@keyframes best-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.hud{position:fixed;inset:0;pointer-events:none;z-index:20;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.score-block{display:flex;flex-direction:column;background:#faf6ece6;border-radius:14px;padding:10px 18px 12px;box-shadow:0 6px 18px -6px #0e253059}.score-label{font-family:var(--font-data);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft)}.score-value{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.score-value i{font-style:normal;font-size:.9rem;margin-left:2px;color:var(--ink-soft)}.score-best{font-family:var(--font-data);font-size:.68rem;color:var(--ink-soft);margin-top:2px}.speed-block{background:#faf6ece6;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px -6px #0e253059}.speed-ticks{display:flex;gap:4px}.speed-ticks span{width:6px;height:22px;border-radius:3px;background:var(--paper-edge);transition:background .3s ease,transform .3s ease}.speed-ticks span.on{background:var(--river);transform:scaleY(1.18)}.speed-ticks span.on.hot{background:var(--ember)}.wind-compass{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:92px;height:92px;display:grid;place-items:center}.compass-ring{position:absolute;inset:0;width:100%;height:100%}.compass-ring circle{fill:#faf6ece0;stroke:var(--paper-edge);stroke-width:1.5}.compass-ring line{stroke:var(--paper-edge);stroke-width:2;stroke-linecap:round}.compass-arrow{position:relative;width:44px;height:44px;transition:transform .6s cubic-bezier(.3,.8,.3,1);will-change:transform}.compass-arrow svg{width:100%;height:100%;display:block}.compass-arrow path{fill:var(--ink);transition:fill .4s ease}.wind-compass.gusty .compass-arrow path{fill:var(--ember-deep)}.compass-strength{position:absolute;inset:6px;border-radius:50%;border:3px solid transparent;border-top-color:var(--river);opacity:0;transition:opacity .4s ease;animation:ring-spin 2.6s linear infinite}.wind-compass.windy .compass-strength{opacity:.65}.wind-compass.gusty .compass-strength{opacity:1;border-top-color:var(--ember);animation-duration:1.1s}@keyframes ring-spin{to{transform:rotate(360deg)}}.compass-label{position:absolute;bottom:-18px;width:100%;text-align:center;font-family:var(--font-data);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#faf6ecd9;text-shadow:0 1px 4px rgba(14,37,48,.6)}.pause-veil{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#0e253073;backdrop-filter:blur(2px)}.pause-card{background:var(--paper);padding:14px 28px;border-radius:12px;font-size:.92rem;box-shadow:var(--shadow-panel)}.score-value.pulse{animation:score-pulse .4s ease}@keyframes score-pulse{0%{transform:scale(1)}40%{transform:scale(1.12);color:var(--ember-deep)}to{transform:scale(1)}}@media (max-width: 480px){.score-value{font-size:1.6rem}.wind-compass{width:76px;height:76px}.hint:not(.hint-touch){display:none}}@media (min-width: 481px){.hint-touch{opacity:.7}}@media (prefers-reduced-motion: reduce){.title-plane,.compass-strength{animation:none}.screen,.screen .panel{animation-duration:.01s}.btn{transition:none}}.lift-block{position:absolute;left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;background:#faf6ece6;border-radius:14px;padding:10px 16px;box-shadow:0 6px 18px -6px #0e253059}.lift-label{font-family:var(--font-data);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft)}.lift-bar{width:120px;height:10px;border-radius:6px;background:var(--paper-dim);border:1px solid var(--paper-edge);overflow:hidden}.lift-fill{height:100%;width:60%;border-radius:5px;background:linear-gradient(90deg,var(--river),#8fd0e2);transition:width .15s linear,background .3s ease}.lift-block.low .lift-fill{background:var(--ember)}.lift-block.low .lift-label{color:var(--ember-deep)}.lift-block.low{animation:lift-warn 1s ease-in-out infinite}@keyframes lift-warn{0%,to{box-shadow:0 6px 18px -6px #0e253059}50%{box-shadow:0 6px 18px -6px #0e253059,0 0 0 3px #ff8a5c59}}.lift-block.floating .lift-fill{background:linear-gradient(90deg,#8fd0e2,var(--ringcyan, #7fe6e0))}.toast{position:absolute;top:22%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--paper);text-shadow:0 2px 10px rgba(14,37,48,.55);opacity:0;pointer-events:none}.toast.show{animation:toast-float 1.1s cubic-bezier(.2,.8,.3,1) both}@keyframes toast-float{0%{opacity:0;transform:translate(-50%,10px) scale(.85)}20%{opacity:1;transform:translate(-50%) scale(1.04)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-22px) scale(1)}}.toast.gold{color:#ffd97a}.toast.cyan{color:#a7efe9}.hint-lift{margin-top:7px;opacity:.8}.hint-lift b{color:var(--ember-deep)}@media (prefers-reduced-motion: reduce){.lift-block.low{animation:none}}