:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#081926;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 10%,#184465,#081926 60%,#06131d)}body{min-height:100dvh;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid rgba(255,221,93,.9);outline-offset:2px}#app{min-height:100dvh;display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.game-shell{width:min(100%,440px);user-select:none;-webkit-user-select:none}.hud{height:58px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;margin-bottom:8px}.icon-btn{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:#113346d1;color:#fff;box-shadow:inset 0 1px #ffffff26,0 8px 22px #0000002e;cursor:pointer;font-size:22px}.level-pill{justify-self:center;min-width:108px;padding:7px 18px 8px;display:flex;align-items:baseline;justify-content:center;gap:7px;border-radius:999px;background:#081f2cb8;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px #ffffff1f}.level-label{font-size:10px;letter-spacing:.16em;opacity:.72;font-weight:800}#levelText{font-size:21px;line-height:1;color:#ffe06b}.stage-wrap{position:relative;width:100%;aspect-ratio:420 / 760;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px #00000057,inset 0 1px #ffffff1f;background:#173b5b}#gameCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.message{position:absolute;left:50%;top:22px;transform:translate(-50%);width:max-content;max-width:calc(100% - 34px);padding:10px 14px;border-radius:14px;background:#04161ed1;border:1px solid rgba(255,255,255,.14);color:#fff6c2;text-align:center;font-size:13px;line-height:1.35;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.message.hidden{opacity:0;transform:translate(-50%,-7px)}.result{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0411199e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease}.result.hidden{opacity:0;pointer-events:none}.result-card{width:min(100%,320px);padding:28px 24px 22px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#225263fa,#123646fa);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px #00000061,inset 0 1px #ffffff26}.result-stars{font-size:38px;letter-spacing:5px;color:#ffd84d;text-shadow:0 3px 0 #9f6d2d}.result-card h1{margin:10px 0 4px;font-size:34px;line-height:1}.result-card p{margin:0 0 18px;color:#eff9ffbd}.result-score{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;padding:12px 14px;border-radius:14px;background:#00000029;color:#ffffffc7}.result-score strong{color:#ffe26a;font-size:20px}.primary-btn,.secondary-btn{width:100%;min-height:48px;border:0;border-radius:15px;cursor:pointer;font-weight:800}.primary-btn{background:linear-gradient(180deg,#7edf65,#50b94d);color:#11371c;box-shadow:inset 0 2px #ffffff40,0 7px #2d8133;margin-bottom:12px}.secondary-btn{background:#ffffff17;color:#eef9ff;border:1px solid rgba(255,255,255,.14)}.tip-row{display:flex;justify-content:space-between;gap:12px;padding:10px 6px 0;font-size:12px;color:#e7f5ffa8}.tip-row span:last-child{color:#ffe171;white-space:nowrap}@media(max-width:390px){#app{padding-left:4px;padding-right:4px}.stage-wrap{border-radius:21px}.tip-row{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}