:root{--ink:#17324f;--ink-soft:#527394;--outline:#16304d;--sky-top:#39adf7;--sky-bottom:#bdeeff;--panel:#fff3d5;--panel-soft:#fffae5e6;--white-glass:#ffffffdb;--power:#24d8ed;--power-dark:#087fb0;--boss:#ff665f;--boss-dark:#c43142;--yellow:#ffd45f;--yellow-dark:#e99a2f;--mint:#79e5b4;--blue:#3ca3ee;--coral:#ff806e;color:var(--ink);background:var(--sky-bottom);font-family:Nunito,Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0}body{overscroll-behavior:none;overflow:hidden}button{font:inherit;touch-action:manipulation}.game-shell{background:linear-gradient(#67c7ff 0%,#c9f5ff 70%,#effcff 100%);place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.orientation-gate{display:none}.game-frame{aspect-ratio:16/9;background:#84d9fb;border:clamp(2px,.35vw,5px) solid #16304de6;border-radius:clamp(12px,1.8vw,26px);width:min(100vw,177.778vh);position:relative;overflow:hidden;box-shadow:0 28px 70px #17324f3d,inset 0 0 0 4px #ffffff94}.game-canvas,.game-ui{position:absolute;inset:0}.game-canvas canvas{touch-action:none;display:block}.game-ui{pointer-events:none;z-index:5}.game-ui button{pointer-events:auto}.hud{pointer-events:none;justify-content:space-between;gap:18px;transition:opacity .16s,transform .16s;display:flex;position:absolute;inset:18px 20px auto}.hud--muted{opacity:.78}.hud-left,.hud-right{align-items:center;gap:12px;display:flex}.power-chip,.life-chip,.score-chip,.boss-chip,.icon-button{border:4px solid var(--outline);background:var(--white-glass);box-shadow:0 5px #16304d38,inset 0 2px #ffffffe6}.power-chip{border-radius:18px;grid-template-columns:minmax(98px,auto) minmax(150px,1fr);align-items:center;gap:12px;width:clamp(292px,34vw,390px);min-height:56px;padding:7px 13px;display:grid}.power-chip__copy{gap:4px;min-width:0;display:grid}.power-chip__label{color:var(--ink);letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:1000;line-height:1}.power-chip__stage{color:var(--power-dark);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:1000;line-height:1;overflow:hidden}.power-chip__segments{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;height:22px;display:grid}.power-chip__segment-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.power-chip__segment{background:#142c441a;border:1px solid #16304d6b;border-radius:2px;transition:background .15s,box-shadow .15s,transform .15s;transform:scaleY(.68)}.power-chip__segment.is-active{background:linear-gradient(180deg, #72f7ff, var(--power));box-shadow:inset 0 -4px 0 var(--power-dark), 0 0 7px #24d8ed7a;transform:scaleY(1)}.life-chip{--life:#35c982;--life-dark:#16805a;width:150px;height:56px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:18px;align-content:center;gap:5px;padding:6px 9px;display:grid}.life-chip--warning{--life:#f3bb3f;--life-dark:#b8751b}.life-chip--critical{--life:#f05b62;--life-dark:#b52e45}.life-chip__copy{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;line-height:1;display:flex}.life-chip__meta{align-items:baseline;gap:5px;min-width:0;display:flex}.life-chip__label{color:var(--ink-soft);font-size:9px;font-weight:1000}.life-chip__difficulty{color:var(--life-dark);white-space:nowrap;font-size:8px;font-weight:1000;line-height:1}.life-chip__value{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:1000;overflow:hidden}.life-chip__track{background:#142c4421;border:2px solid #16304d59;border-radius:4px;height:13px;position:relative;overflow:hidden}.life-chip__track>span{background:linear-gradient(180deg, color-mix(in srgb, var(--life), white 35%), var(--life));box-shadow:inset 0 -3px 0 var(--life-dark);transform-origin:0;will-change:transform;border-radius:2px;transition:transform .1s linear,background .14s,box-shadow .14s;position:absolute;inset:0}.score-chip{width:clamp(142px,17vw,190px);height:56px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;padding:5px 14px;line-height:1;display:grid}.score-chip__label{color:var(--ink-soft);font-size:9px;font-weight:1000}.score-chip__value{font-size:21px;font-weight:1000;line-height:.95}.score-chip__best{color:var(--ink-soft);text-align:center;grid-column:1/-1;font-size:9px;font-weight:1000;line-height:1}.boss-chip{border-radius:18px;align-content:center;gap:4px;width:clamp(260px,34vw,420px);min-height:56px;padding:7px 14px;display:grid;position:absolute;top:64px;left:50%;translate:-50%}.boss-chip__label{color:var(--ink);text-align:center;font-size:11px;font-weight:1000;line-height:1}.boss-chip__track{background:#142c4421;border:3px solid #16304d4d;border-radius:6px;height:18px;position:relative;overflow:hidden}.boss-chip__track>span{background:linear-gradient(180deg, #ff9d70, var(--boss));box-shadow:inset 0 -4px 0 var(--boss-dark);transform-origin:0;will-change:transform;border-radius:3px;transition:transform .1s linear;position:absolute;inset:0}.icon-button{width:56px;height:56px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:26px;font-weight:1000;display:grid}.pause-icon{width:16px;height:20px;display:block;position:relative}.pause-icon:before,.pause-icon:after{content:"";background:currentColor;border-radius:2px;width:5px;height:20px;position:absolute;top:0}.pause-icon:before{left:1px}.pause-icon:after{right:1px}.icon-button:hover,.action:hover{transform:translateY(-1px)}.icon-button:focus-visible,.action:focus-visible{outline-offset:3px;box-shadow:0 0 0 7px var(--outline), 0 5px 0 #16304d38;outline:4px solid #fff}.icon-button:active,.action:active{transform:translateY(3px);box-shadow:0 2px #16304d47,inset 0 2px #ffffffb3}.modal-layer{pointer-events:auto;background:#17324f47;place-items:center;padding:clamp(18px,4vw,52px);display:grid;position:absolute;inset:0}.modal-layer--start{background:#ffffff0a}.title-card{filter:drop-shadow(0 8px #16304d2e);justify-content:center;align-items:center;gap:clamp(8px,1.2vw,16px);display:flex;position:relative}.title-card h1{color:#ffc83d;text-align:center;text-shadow:0 6px 0 #6d3f20, 0 9px 0 var(--outline), 4px 0 0 var(--outline), -4px 0 0 var(--outline);margin:0;font-size:88px;font-weight:1000;line-height:.82}.title-card h1:first-line{color:#ffc83d}.wing{border:4px solid var(--outline);clip-path:polygon(0 48%,100% 0,76% 48%,100% 100%);background:#fff7e9;width:clamp(44px,7vw,88px);height:clamp(46px,7vw,88px)}.wing--right{transform:scaleX(-1)}.tagline{color:var(--ink);text-align:center;background:#ffffffbf;border:3px solid #16304d3d;border-radius:999px;margin:clamp(12px,2vw,26px) 0 0;padding:8px 18px;font-size:22px;font-weight:900}.game-card{border:5px solid var(--outline);background:linear-gradient(180deg, #fffaf0, var(--panel));border-radius:26px;justify-items:center;gap:16px;width:min(430px,78vw);padding:64px clamp(24px,5vw,48px) 34px;display:grid;box-shadow:0 10px #16304d3d,inset 0 3px #ffffffe0}.game-card--compact{width:min(360px,76vw)}.ribbon{border:5px solid var(--outline);min-width:210px;color:var(--ink);text-align:center;text-shadow:0 1px #ffffff7a;background:linear-gradient(#62b8ff,#247bd3);border-radius:18px;margin:0;padding:12px 26px;font-size:28px;font-weight:1000;position:absolute;translate:0 -102px;box-shadow:0 6px #16304d2e}.ribbon--red{background:linear-gradient(#ff8875,#e5504d)}.ribbon--gold{background:linear-gradient(#ffe77c,#f2a936)}.score-summary{font-variant-numeric:tabular-nums;justify-items:center;gap:4px;line-height:1;display:grid}.score-summary>span,.score-summary>small{color:var(--ink-soft);text-align:center;font-size:13px;font-weight:1000}.score-summary>strong{color:#068faa;font-size:64px;font-weight:1000}.modal-layer--complete{background:#216f8042}.game-card--complete{box-shadow:0 10px #16304d3d,inset 0 3px #ffffffe0,0 0 34px #ffd45f7a}.action{border:5px solid var(--outline);min-width:min(280px,58vw);min-height:58px;color:var(--ink);cursor:pointer;border-radius:17px;font-size:22px;font-weight:1000;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 7px #16304d38,inset 0 3px #ffffff8c}.action--yellow{background:linear-gradient(180deg, #ffe77c, var(--yellow))}.action--mint{background:linear-gradient(180deg, #a9f4d2, var(--mint))}.action--blue{background:linear-gradient(180deg, #70c7ff, var(--blue));color:var(--ink);text-shadow:0 1px #ffffff85}.action--hard{color:var(--ink);background:linear-gradient(#fff,#c9eaff)}.start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(400px,82vw);margin-top:clamp(18px,2vw,26px);display:grid}.action--start{width:100%;min-width:0}.sound-toggle{min-height:44px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:1000;display:flex;position:relative}.sound-toggle input{opacity:0;width:1px;height:1px;position:absolute}.sound-toggle__track{border:3px solid var(--outline);background:#17324f2e;border-radius:999px;width:48px;height:26px;padding:3px;transition:background .14s;position:relative;box-shadow:inset 0 2px #ffffff8c}.sound-toggle__track span{background:#fff;border-radius:50%;width:14px;height:14px;transition:translate .14s;display:block;box-shadow:0 2px #17324f47}.sound-toggle input:checked+.sound-toggle__track{background:var(--mint)}.sound-toggle input:checked+.sound-toggle__track span{translate:20px}.sound-toggle input:focus-visible+.sound-toggle__track{outline-offset:2px;box-shadow:0 0 0 6px var(--outline);outline:4px solid #fff}@media (width<=720px){.game-shell{place-items:center}.game-frame{border-left:0;border-right:0;border-radius:0;width:100vw}}@media (width<=720px),(height<=500px){.hud{inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) auto max(8px, env(safe-area-inset-left));gap:8px}.hud-left,.hud-right{gap:7px}.power-chip{border-width:3px;border-radius:14px;grid-template-columns:1fr;gap:3px;width:148px;min-height:48px;padding:5px 8px}.power-chip__label{text-align:center;min-width:0;font-size:10px}.power-chip__copy{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.power-chip__stage{font-size:7px}.power-chip__segments{gap:3px;height:12px}.power-chip__segment{border-width:1px;border-radius:1px}.life-chip,.score-chip,.icon-button{border-width:3px;height:48px}.life-chip{border-radius:14px;gap:3px;width:132px;padding:4px 7px}.life-chip__copy{gap:4px}.life-chip__meta{gap:3px}.life-chip__track{height:10px}.icon-button{width:48px;font-size:20px}.score-chip{border-radius:14px;column-gap:4px;width:94px;padding:4px 7px}.score-chip__label,.score-chip__best{font-size:7px}.score-chip__value{font-size:16px}.boss-chip{border-width:3px;border-radius:14px;gap:3px;width:min(230px,40vw);min-height:42px;padding:5px 10px;top:56px}.boss-chip__label{font-size:9px}.boss-chip__track{border-width:2px;height:13px}.title-card{gap:5px;margin-top:2px}.title-card h1{text-shadow:0 4px 0 #6d3f20, 0 6px 0 var(--outline), 2px 0 0 var(--outline), -2px 0 0 var(--outline);font-size:36px;line-height:.82}.wing{border-width:3px;width:30px;height:34px}.tagline{margin-top:8px;padding:5px 11px;font-size:13px}.action{border-width:4px;border-radius:14px;min-width:180px;min-height:46px;font-size:16px}.action--start{min-width:0}.start-actions{gap:8px;width:min(350px,88vw);margin-top:9px}.sound-toggle{gap:7px;min-height:38px;font-size:11px}.modal-layer{padding:12px}.game-card{border-width:4px;border-radius:20px;gap:8px;width:min(280px,82vw);padding:44px 18px 20px}.ribbon{border-width:4px;min-width:150px;padding:8px 16px;font-size:20px;translate:0 -75px}.score-summary>strong{font-size:42px}}@media (width<=390px) and (orientation:landscape){.hud,.hud-left,.hud-right{gap:4px}.power-chip{width:122px;min-height:44px;padding:4px 6px}.power-chip__label{font-size:9px}.power-chip__stage{display:none}.life-chip{width:100px;padding:3px 5px}.life-chip__label{font-size:7px}.life-chip__difficulty{font-size:6px}.life-chip__value{font-size:9px}.score-chip{width:74px;padding:0 4px}.score-chip__label,.score-chip__best{font-size:6px}.score-chip__value{font-size:13px}.boss-chip{width:150px}}@media (width<=700px) and (orientation:portrait){.game-frame{display:none}.orientation-gate{color:var(--ink);justify-items:center;gap:18px;font-size:20px;font-weight:1000;display:grid}.orientation-gate__phone{border:6px solid var(--outline);background:linear-gradient(#8df,#d8f8ff);border-radius:14px;width:96px;height:54px;display:block;position:relative;box-shadow:0 7px #16304d33,inset 0 0 0 4px #ffffffa3}.orientation-gate__phone:after{content:"";background:var(--outline);border-radius:50%;width:6px;height:6px;margin:18px 0 0 76px;position:absolute}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}