:root{--sky: #9fd8ef;--cyan: #19b6d9;--coral: #ff6f61;--yellow: #ffd23f;--navy: #1b2436;--white: #ffffff;--accent: #19b6d9}#ui[data-level="1"]{--accent: #19b6d9}#ui[data-level="2"]{--accent: #f78a3c}#ui[data-level="3"]{--accent: #8f7ff5}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--sky);font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0;touch-action:none}#app canvas{display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.screen.visible{display:flex}.screen .btn{pointer-events:auto}.btn{min-height:48px;min-width:48px;padding:12px 28px;border:none;border-radius:999px;font-family:inherit;font-size:18px;font-weight:700;color:var(--navy);background:var(--white);box-shadow:0 4px #1b243640,0 10px 22px #1b24362e;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.btn:active{transform:translateY(2px);box-shadow:0 2px #1b243640,0 4px 10px #1b243626}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,#ffe066,#ffc02e);font-size:22px;box-shadow:0 5px #d8960a,0 12px 26px #d8960a59}.btn-primary:active{box-shadow:0 2px #d8960a,0 5px 12px #d8960a4d}.btn-secondary{background:#ffffffeb;font-size:16px}.btn-mute{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right));padding:8px;font-size:20px;background:#ffffffbf}.btn-mute-hud{position:static}.screen-start{background:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#9fd8ef40,#1b24362e 62%,#1b24366b)}.title{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.title-line{font-weight:900;line-height:1.05;color:var(--white);text-shadow:0 4px 0 var(--navy),0 8px 18px rgba(27,36,54,.4);white-space:nowrap}.title-line-1{font-size:clamp(56px,14vw,110px);background:linear-gradient(180deg,#ffe985 15%,#ffc02e 70%,#f59d0c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 4px 0 var(--navy)) drop-shadow(0 10px 20px rgba(27,36,54,.35));text-shadow:none}.title-line-2{font-size:clamp(40px,10vw,76px);letter-spacing:.12em}.level-pills{display:flex;gap:10px;pointer-events:none}.level-pill{font-size:15px;font-weight:800;color:var(--navy);background:#ffffffb3;border:2px solid rgba(255,255,255,.9);border-radius:999px;padding:7px 18px;box-shadow:0 3px 10px #1b243626;backdrop-filter:blur(4px)}.level-pill.active{color:var(--white);background:var(--accent);border-color:var(--accent);text-shadow:0 1px 0 rgba(27,36,54,.35);transform:scale(1.08)}.level-pill.done{color:var(--white);background:#1b24368c;border-color:#1b24368c}.start-info{display:flex;gap:18px;font-size:20px;font-weight:700;color:var(--navy);background:#ffffffd1;border:2px solid rgba(255,255,255,.95);border-radius:999px;padding:10px 24px;box-shadow:0 4px 14px #1b243626;backdrop-filter:blur(4px)}.btn-start{font-size:26px;padding:16px 56px;animation:start-pulse 1.8s ease-in-out infinite}@keyframes start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-start:active{animation:none}.start-hint{font-size:15px;font-weight:700;color:#ffffffeb;background:#1b243659;border-radius:999px;padding:7px 18px;letter-spacing:.04em;text-shadow:0 1px 0 rgba(27,36,54,.4)}.screen-hud{justify-content:flex-start;gap:0}.hud-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud-top .btn{pointer-events:auto}.hud-count{font-size:clamp(44px,9vw,72px);font-weight:900;color:var(--white);text-shadow:0 3px 0 var(--navy),0 6px 12px rgba(27,36,54,.35);line-height:1;margin-top:6px}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px}.hud-level{font-size:15px;font-weight:800;color:var(--white);background:var(--accent);border-radius:999px;padding:5px 14px;text-shadow:0 1px 0 rgba(27,36,54,.35);box-shadow:0 3px 10px #1b243640;transition:background .3s ease}.hud-coins{font-size:20px;font-weight:700;color:var(--navy);background:#ffffffd1;border:2px solid rgba(255,255,255,.95);border-radius:999px;padding:8px 16px;box-shadow:0 3px 10px #1b243626;backdrop-filter:blur(4px)}.hud-right{display:flex;gap:8px;margin-top:10px}.btn-pause{padding:8px 14px;font-size:18px;background:#ffffffd9}.progress{width:min(60vw,420px);height:10px;background:#1b243640;border-radius:999px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--yellow));border-radius:999px;transition:width .15s linear}.boss-bar{display:none;width:min(70vw,460px);margin-top:12px;align-items:center;gap:8px}.boss-bar.visible{display:flex}.boss-bar-label{font-weight:900;color:var(--coral);text-shadow:0 2px 0 var(--navy)}.boss-bar-track{flex:1;height:14px;background:#1b243659;border-radius:999px;overflow:hidden}.boss-bar-fill{height:100%;width:100%;background:var(--coral);transition:width .1s linear}.flash-box{position:absolute;top:30%;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.flash{font-size:30px;font-weight:900;color:var(--white);text-shadow:0 2px 0 var(--navy);animation:flash-rise .95s ease-out forwards}.flash-good{color:#7bff9e}.flash-bad{color:var(--coral)}.flash-info{color:var(--yellow)}@keyframes flash-rise{0%{opacity:0;transform:translateY(16px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.1)}30%{transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-44px)}}.screen-overlay{background:#1b24368c;backdrop-filter:blur(3px)}.overlay-title{font-size:clamp(36px,8vw,56px);font-weight:900;color:var(--white);text-shadow:0 3px 0 var(--navy)}.lost-reason{font-size:20px;font-weight:700;color:var(--yellow);background:#1b243699;padding:8px 20px;border-radius:999px}.result-box{display:flex;flex-direction:column;gap:6px;background:#ffffffeb;border:2px solid rgba(255,255,255,.98);border-radius:18px;padding:16px 22px;min-width:min(78vw,340px);box-shadow:0 10px 30px #1b24364d}.result-row{display:flex;justify-content:space-between;gap:18px;font-size:17px;font-weight:700;color:var(--navy)}.result-row:last-child .result-value{color:#d48806;font-size:20px}.skin-progress{width:min(78vw,340px);display:flex;flex-direction:column;gap:4px;align-items:center}.skin-label{color:var(--white);font-weight:700;text-shadow:0 2px 0 var(--navy)}.skin-bar{width:100%;height:12px;background:#1b243666;border-radius:999px;overflow:hidden}.skin-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--yellow))}.skin-text{color:var(--white);font-weight:700}@media (orientation: portrait){.hud-count{font-size:clamp(40px,11vw,64px)}.btn{font-size:16px}.btn-start{font-size:22px;padding:14px 40px}}