:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;--viewport-padding-x: clamp(12px, 2.2vw, 20px);--viewport-padding-y: clamp(10px, 2.4vmin, 24px);--shell-gap: clamp(4px, .85vmin, 8px);--game-width: min(1200px, calc(100vw - var(--viewport-padding-x) - var(--viewport-padding-x)))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}body{height:100vh;height:100dvh;display:grid;place-items:center;padding:var(--viewport-padding-y) var(--viewport-padding-x);background:radial-gradient(circle at top,#273449,#111827 55%,#0b1120)}body.show-intro{display:block;padding:0;background:#000;overflow:hidden}#intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;padding:clamp(22px,3vw,38px);background:#000;z-index:9999}body.show-intro #intro-screen{display:block}#intro-terminal{margin:0;color:#e8e3d6;font-family:Courier New,Courier,monospace;font-size:clamp(24px,2.95vw,48px);font-weight:700;line-height:1.22;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;text-shadow:0 0 10px rgba(232,227,214,.08)}.terminal-cursor{display:inline-block;color:#e8e3d6}.terminal-cursor.is-hidden{opacity:0}#page-shell{width:var(--game-width);max-width:100%;min-width:min(100%,320px);display:grid;grid-template-rows:auto auto auto;gap:var(--shell-gap);align-items:start}body.show-intro #page-shell{display:none}#top-bar,#bottom-help,#app{width:100%}#top-bar{display:flex;align-items:flex-end;justify-content:space-between;min-height:0;gap:clamp(12px,2vw,24px)}#page-title,#game-objective,#bottom-help p{margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}#page-title{flex:0 0 auto;color:#fff;font-size:clamp(24px,3.85vmin,46px);line-height:1.05;text-align:left}#game-objective{flex:1 1 auto;min-width:0;color:#fde68a;font-size:clamp(16px,2.15vmin,25px);line-height:1.18;text-align:right}#app{display:block;width:100%;aspect-ratio:1200 / 621;min-height:0;overflow:hidden}#bottom-help{display:grid;grid-template-rows:repeat(5,minmax(0,auto));row-gap:clamp(2px,.55vmin,4px);min-height:calc(1.18em * 5 + 16px);align-content:start}#bottom-help p{min-height:1.18em;color:#dbeafe;font-size:clamp(12px,1.6vmin,16px);line-height:1.18;text-align:left}#help-restart{color:#fff}#help-jump,#help-close,#help-flute{color:#bfdbfe}.hidden{visibility:hidden}canvas{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:1200 / 621;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid rgba(191,219,254,.65);box-shadow:0 16px 40px #0000005c}body.desktop-only-fallback{display:grid;place-items:center;height:100vh;height:100dvh;min-height:100vh;padding:24px;overflow:hidden;background:radial-gradient(circle at top,#273449,#111827 55%,#0b1120)}.desktop-only-message{width:min(620px,100%);padding:32px 28px;color:#fff;text-align:center;box-shadow:0 18px 50px #0006}.desktop-only-message h1{margin:0 0 18px;font-size:clamp(34px,8vw,56px)}.desktop-only-message p{margin:10px 0;font-size:clamp(18px,4.5vw,24px);line-height:1.4}@media (max-width: 760px){body:not(.show-intro){place-items:center;padding:16px}#page-shell{width:min(1200px,calc(100vw - 32px))}#top-bar{flex-direction:column;align-items:flex-start;gap:6px}#game-objective{text-align:left}#intro-terminal{font-size:clamp(20px,4.5vw,32px)}}