@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf')}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf');font-weight:800}
:root{--gold:#f6ce84;--cream:#fff1d5;--ink:#123b3d;--muted:#acd0c4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#31594f,#071e27);color:var(--cream);font-family:Manrope,system-ui,sans-serif;display:grid;place-items:center;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}#app{position:relative;width:min(100vw,calc(100dvh * 9 / 16),500px);height:min(100dvh,calc(100vw * 16 / 9),889px);background:#0e4548;overflow:hidden;box-shadow:0 0 90px #0005}canvas{position:absolute;inset:0;width:100%;height:100%}header{position:absolute;top:2%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:6px}header span{font-size:8px;letter-spacing:1.5px;font-weight:800;text-shadow:0 2px 8px #000}header button{width:34px;height:34px;border-radius:50%;background:#0c3438b8;font-size:17px;border:1px solid #fff3}#sound.active{color:var(--gold)}#home{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 26%,#04334311 40%,#052e3e66 74%,#052537ee)}#home button{pointer-events:auto}.title{position:absolute;top:34%;left:3%;right:3%;text-align:center}.eyebrow{font-size:8px!important;letter-spacing:2px;color:#c5e1d6}h1{font-size:clamp(44px,13vw,65px);line-height:1;margin:12px 0 14px;font-weight:800;letter-spacing:-3px;color:var(--gold)}h1 span{display:block;font-size:.43em;line-height:1.24;letter-spacing:2px;margin-top:10px;color:var(--cream)}h1 em{font-size:1.55em;font-style:normal;color:var(--gold)}.title p{font-size:11px;line-height:1.8;margin:8px;color:#d6e6d8}.home-bottom{position:absolute;bottom:3%;left:6%;right:6%;text-align:center}#progress{font-size:10px;color:#d6c8a3;margin:0 0 14px}.gold{background:linear-gradient(120deg,#ffe7ac,#efb864);color:#173c39;width:100%;min-height:52px;border-radius:13px;font-weight:800;font-size:13px;letter-spacing:.7px;box-shadow:0 4px 0 #997442,0 8px 25px #001a2944}.gold b{font-size:22px;margin-left:20px}.text{background:transparent;font-size:11px;color:#c8dbcc;padding:14px 9px}.fan{font-size:7px;opacity:.6;margin:7px 0 0}#hud{position:absolute;inset:0;pointer-events:none}.level-head{position:absolute;top:9%;left:6%;right:6%;display:flex;justify-content:space-between;color:#274a44;font-size:10px;font-weight:800;letter-spacing:1.1px}h2{position:absolute;top:12%;left:6%;font-size:23px;margin:0;color:#1b413e;letter-spacing:-.6px}#wind{position:absolute;top:18%;left:6%;font-size:10px;color:#2d534b}#quip{position:absolute;top:25%;left:6%;right:6%;font-size:11px;line-height:1.6;text-align:center;color:#274b42;background:#fff3d59e;border-radius:10px;padding:8px 12px;min-height:32px}#controls{position:absolute;left:5%;right:5%;bottom:2%;pointer-events:auto}.readout{display:flex;justify-content:space-between;font-size:9px;color:#cbe7d5;margin:0 4px 8px}#aimpad{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(130deg,#397f72,#175059);border:1px solid #b8dbc654;box-shadow:0 4px 0 #052a35;height:70px;border-radius:15px;text-align:center;padding:13px 4px;color:#f0e9cd}#aimpad>span{position:absolute;left:13px;top:14px;font-size:30px;color:var(--gold)}#aimpad strong{display:block;font-size:12px;letter-spacing:1px}#aimpad small{display:block;font-size:8px;margin-top:6px;color:#b8d6c4}#aimpad.aiming{border-color:var(--gold);background:#347e6d}.fine{display:flex;gap:8px;align-items:center;margin-top:12px}.fine label{font-size:8px;color:#b6cebe;width:32%}.fine input{width:100%;height:12px;accent-color:var(--gold);margin:4px 0;display:block}.fine button{flex:1;padding:10px 4px;border:1px solid #e0cf9c70;background:#164b50;border-radius:9px;font-size:9px;font-weight:800}#controls.busy{opacity:.55;pointer-events:none}#modal{position:absolute;inset:0;z-index:10;background:#03232bc9;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}#card{background:linear-gradient(145deg,#20534f,#0a333d);border:1px solid #a5d4b844;border-radius:24px;max-height:95%;overflow:auto;padding:27px 20px;width:100%;text-align:center;box-shadow:0 20px 60px #021c2e88}#card h2{position:static;color:var(--cream);font-size:26px;margin:7px 0 15px}#card p{font-size:12px;line-height:1.8;color:#c6ddd0}#card .kicker{font-size:9px;letter-spacing:2px;color:var(--gold)}#card .bigstars{font-size:40px;letter-spacing:6px;color:var(--gold);margin:10px 0}#card .gold{margin-top:12px}#card img{width:180px;max-width:100%;height:85px;object-fit:contain}#card .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.tile{background:#143e42;border:1px solid #fff2;border-radius:12px;padding:13px 4px;font-size:19px}.tile small{display:block;font-size:10px;letter-spacing:1px;margin-top:6px;color:var(--gold)}.tile:disabled{opacity:.35;cursor:default}.help{text-align:left!important}.help b{color:var(--gold)}@media(max-height:650px){.title{top:32%}h1{font-size:45px;margin-top:8px}.title p{font-size:9px}.gold{min-height:44px}.text{padding:11px 6px;font-size:10px}.home-bottom{bottom:2%}#progress{margin-bottom:10px}.fan{font-size:6px}#card{padding:20px 15px}#card p{font-size:11px}.fine{margin-top:7px}#aimpad{height:56px;padding:9px 3px}#aimpad strong{font-size:10px}#aimpad small{font-size:7px}#aimpad>span{font-size:22px;top:12px}h2{font-size:20px}}

header.at-home span{visibility:hidden}
#hud h2{background:#f0d5a5ed;padding:5px 9px;margin-left:-9px;border-radius:8px;text-shadow:0 1px #fff5}.level-head,#wind{text-shadow:0 1px 3px #ffe6b5}