:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;display:grid;place-items:center;padding:24px 20px;background:radial-gradient(circle at top,#273449,#111827 55%,#0b1120)}#page-shell{width:min(960px,calc(100vw - 40px));display:grid;grid-template-rows:auto auto auto;gap:10px}#top-bar,#bottom-help,#app{width:100%}#top-bar{display:flex;align-items:baseline;justify-content:space-between;gap:20px}#page-title,#game-objective,#bottom-help p{margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}#page-title{color:#fff;font-size:clamp(28px,4vw,42px);line-height:1.1;text-align:left}#game-objective{color:#fde68a;font-size:clamp(16px,2vw,21px);line-height:1.25;text-align:right}#app{display:flex;justify-content:center;align-items:center}#bottom-help{display:grid;grid-template-rows:repeat(4,minmax(0,auto));row-gap:4px;min-height:calc(5em + 12px);align-content:start}#bottom-help p{min-height:1.25em;color:#dbeafe;font-size:clamp(13px,1.65vw,16px);line-height:1.25;text-align:left}#help-restart{color:#fff}#help-close,#help-flute{color:#bfdbfe}.hidden{visibility:hidden}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid rgba(191,219,254,.65);box-shadow:0 16px 40px #0000005c}@media (max-width: 760px){body{place-items:start center}#top-bar{flex-direction:column;align-items:flex-start;gap:6px}#game-objective{text-align:left}}