@import"https://fonts.googleapis.com/css2?family=Marcellus&family=Nunito+Sans:wght@500;700;900&display=swap";:root{color-scheme:dark;font-family:Nunito Sans,system-ui,sans-serif;--cream: #f5e9c9;--gold: #f0b653;--amber: #d77b35;--cyan: #8fe8ed;--storm: #071522;--glass: rgba(7, 20, 31, .82);--line: rgba(239, 187, 91, .42);background:var(--storm);color:var(--cream);font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 48%,#153743,#071522 66%,#030a10);user-select:none}button{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#app{position:relative;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#game-canvas:active{cursor:grabbing}#hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:4;display:grid;grid-template-columns:minmax(130px,.65fr) minmax(260px,1.2fr) minmax(120px,.65fr) auto;align-items:center;gap:22px;padding:10px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#10242de6,#050f18d1);box-shadow:0 12px 45px #00000040,inset 0 1px #ffffff14;backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}#app.playing #hud{opacity:1;transform:translateY(0)}.brand{display:flex;flex-direction:column}.brand strong{font-family:Marcellus,Georgia,serif;font-size:clamp(17px,2vw,25px);letter-spacing:.12em}.eyebrow{margin:0;color:var(--gold);font-size:clamp(9px,1vw,12px);font-weight:900;letter-spacing:.18em}.meter-group{display:grid;grid-template-columns:1fr 1fr;gap:15px}.meter{display:grid;grid-template-columns:auto minmax(70px,1fr) 28px;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.11em}.meter b{font-size:13px;font-variant-numeric:tabular-nums}.meter-track{height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:#00000073}.meter-track i{display:block;width:50%;height:100%;border-radius:inherit;transition:width .15s linear}.integrity .meter-track i{background:linear-gradient(90deg,#d87434,#f3c865);box-shadow:0 0 12px #f0b65380}.pressure .meter-track i{background:linear-gradient(90deg,#4eaab7,#a5f6ed);box-shadow:0 0 12px #8fe8ed8c}.wave-readout{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:2px}.wave-readout span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em}.wave-readout b{font-family:Marcellus,Georgia,serif;font-size:18px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.wave-readout small{color:#f5e9c99e;font-size:9px;font-weight:900;letter-spacing:.12em}.icon-button{position:static;z-index:5;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--glass);box-shadow:0 8px 28px #00000040;backdrop-filter:blur(10px);cursor:pointer;opacity:0;pointer-events:none}#app.playing .icon-button{opacity:1;pointer-events:auto}.gust-button{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:5;display:grid;place-content:center;width:clamp(84px,11vw,118px);aspect-ratio:1;border:1px solid rgba(162,240,236,.65);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(180,255,247,.35),transparent 32%),linear-gradient(145deg,#226b76f2,#082233f5);box-shadow:0 0 0 6px #56bfc41a,0 14px 36px #00000061,inset 0 1px #ffffff40;cursor:pointer;opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .25s ease,transform .25s ease,filter .15s ease}#app.playing .gust-button{opacity:1;transform:scale(1);pointer-events:auto}.gust-button:not(:disabled):active{transform:scale(.94)}.gust-button:disabled{filter:saturate(.2) brightness(.65)}.gust-button span{font-weight:900;letter-spacing:.1em}.gust-button small{margin-top:3px;color:#ffffff9e;font-size:9px;letter-spacing:.12em}#announcement{position:absolute;top:20%;left:50%;z-index:6;width:min(90vw,640px);transform:translate(-50%,-10px);color:var(--cream);font-family:Marcellus,Georgia,serif;font-size:clamp(18px,3vw,36px);text-align:center;text-shadow:0 4px 22px rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}#announcement.visible{opacity:1;transform:translate(-50%)}.screen{position:absolute;inset:0;z-index:10;display:none;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at center,#081a2547,#03090fe0);backdrop-filter:blur(5px)}#start-screen{place-items:center start;background:linear-gradient(90deg,#020910e6,#040e17bd 35%,#030a111f 72%,#02080e4d),linear-gradient(0deg,rgba(2,8,14,.48),transparent 42%),url(/art/kiteward-keyart-stylelock-v1.webp) center / cover no-repeat}.screen.active{display:grid}.panel{width:min(92vw,720px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#112a33f0,#040f18f5);box-shadow:0 32px 90px #00000080,inset 0 1px #ffffff14;text-align:center}.hero-panel{width:min(44vw,580px);padding:clamp(28px,6vw,64px);background:linear-gradient(145deg,#0a1f28d1,#030c15e0);backdrop-filter:blur(8px)}.hero-panel h1{margin:8px 0 12px;color:var(--cream);font-family:Marcellus,Georgia,serif;font-size:clamp(50px,7vw,90px);font-weight:400;line-height:.92;letter-spacing:.035em;text-shadow:0 5px 0 rgba(10,29,35,.8),0 0 40px rgba(239,182,83,.18)}.tagline{margin:18px 0 30px;color:#f5e9c9bd;font-family:Marcellus,Georgia,serif;font-size:clamp(17px,2.3vw,24px);line-height:1.5}.tagline strong{color:var(--cyan);font-weight:400}.wind-sigil{position:relative;width:74px;height:74px;margin:0 auto 18px;border:1px solid rgba(143,232,237,.5);border-radius:50%;box-shadow:0 0 32px #8fe8ed29}.wind-sigil:after{position:absolute;inset:13px;border:1px solid rgba(240,182,83,.5);border-radius:50%;content:""}.wind-sigil i{position:absolute;top:35px;left:8px;width:32px;height:1px;transform-origin:29px center;background:var(--cyan)}.wind-sigil i:nth-child(2){transform:rotate(120deg)}.wind-sigil i:nth-child(3){transform:rotate(240deg)}.primary-button,.secondary-button,.upgrade-card{min-height:52px;border-radius:14px;cursor:pointer}.primary-button{min-width:min(100%,280px);padding:14px 24px;border:1px solid #f0c46c;background:linear-gradient(180deg,#e4a844,#a95a27);box-shadow:0 10px 28px #b7642447,inset 0 1px #ffffff52;color:#171510;font-weight:900;letter-spacing:.08em}.secondary-button{min-width:min(100%,280px);padding:12px 22px;border:1px solid var(--line);background:#0000002e;color:var(--cream);font-weight:800}.control-copy{margin:18px 0 0;color:#f5e9c98a;font-size:13px}#continue-button+#start-button{margin-top:10px}.compact-panel{width:min(90vw,440px);padding:42px}.compact-panel h2,.upgrade-panel h2{margin:8px 0 26px;font-family:Marcellus,Georgia,serif;font-size:clamp(34px,8vw,54px);font-weight:400}.compact-panel .secondary-button{margin-top:12px}.upgrade-panel{padding:clamp(22px,5vw,48px)}.upgrade-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-card{position:relative;min-height:210px;padding:22px 18px;overflow:hidden;border:1px solid rgba(143,232,237,.25);background:linear-gradient(160deg,#285156a8,#07151feb);text-align:left}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:var(--cyan);transform:translateY(-3px)}.upgrade-card .family{display:block;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.15em}.upgrade-card strong{display:block;margin:12px 0 8px;font-family:Marcellus,Georgia,serif;font-size:24px;font-weight:400}.upgrade-card p{margin:0;color:#f5e9c9b3;font-size:14px;line-height:1.45}#end-summary{margin:-10px 0 28px;color:#f5e9c9ad;line-height:1.5}@media(max-width:720px){#start-screen{place-items:center;background:linear-gradient(0deg,#02080ed1,#030c1447 58%,#02080e85),url(/art/kiteward-keyart-stylelock-v1.webp) 55% center / cover no-repeat}.hero-panel{width:min(92vw,540px)}#hud{grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;padding:8px 10px;border-radius:13px}.brand{display:none}.meter-group{grid-template-columns:1fr;gap:9px}.meter{grid-template-columns:auto minmax(44px,1fr) 24px;gap:5px;font-size:8px}.meter b{font-size:11px}.wave-readout{align-items:flex-end;gap:2px;line-height:1}.wave-readout span{font-size:8px}.wave-readout b{font-size:12px}.wave-readout small{font-size:7px}.icon-button{width:38px;height:38px}.gust-button{width:82px}.upgrade-options{grid-template-columns:1fr;max-height:65vh;overflow-y:auto}.upgrade-card{min-height:110px}}@media(orientation:portrait)and (max-width:720px){#hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.gust-button{right:max(22px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:92px}#announcement{top:14%;font-size:clamp(20px,7vw,34px)}}@media(max-height:520px){#hud{top:max(8px,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:6px 10px;border-radius:12px}.brand{display:none}.meter-group{grid-template-columns:1fr 1fr;gap:10px}.meter{grid-template-columns:auto minmax(48px,1fr) 24px;gap:5px;font-size:8px}.meter b{font-size:11px}.wave-readout span{font-size:8px}.wave-readout b{font-size:13px}.wave-readout small{font-size:7px}.icon-button{width:36px;height:36px}.gust-button{width:66px;bottom:max(10px,env(safe-area-inset-bottom))}#announcement{top:max(68px,calc(env(safe-area-inset-top) + 58px));width:auto;max-width:min(72vw,420px);padding:5px 12px;border:1px solid rgba(143,232,237,.28);border-radius:999px;background:#030c14b8;font-family:Nunito Sans,system-ui,sans-serif;font-size:18px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.hero-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 28px;max-width:760px;padding:18px 34px;text-align:left}.wind-sigil{grid-row:1 / span 5;margin:0}.hero-panel h1,.hero-panel p,.hero-panel button{margin-block:3px}.hero-panel h1{font-size:50px}.tagline{font-size:16px}.control-copy{display:none}.upgrade-panel{padding:18px 24px}.upgrade-panel h2{margin:4px 0 12px;font-size:30px}.upgrade-options{grid-template-columns:repeat(3,1fr);max-height:none}.upgrade-card{min-height:150px;padding:14px}.upgrade-card strong{margin-block:6px;font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}