:root{--bg-deep: #040d16;--bg-mid: #0b2132;--bg-soft: #1a3e54;--hud-bg: rgba(10, 22, 40, .76);--hud-border: rgba(88, 202, 255, .48);--text-main: #e6f8ff;--text-soft: #8ecde7;--accent: #52ddff;--accent-strong: #77f7ff;--gold: #efdb89;--danger: #ff7f9f;--overlay-bg: rgba(1, 7, 13, .72);--panel-bg: rgba(4, 17, 28, .92);--panel-border: rgba(112, 212, 255, .34);font-family:Trebuchet MS,Segoe UI,PingFang SC,sans-serif;color:var(--text-main);background:#08121c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 16% 10%,rgba(66,194,255,.24),transparent 42%),radial-gradient(circle at 86% 16%,rgba(104,128,255,.24),transparent 36%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-mid) 54%,var(--bg-deep) 100%)}body{display:flex;justify-content:center;align-items:stretch}#app{width:100%;height:100%;display:flex;justify-content:center}#game-shell{position:relative;width:min(100vw,480px);height:100dvh;overflow:hidden;border-left:1px solid rgba(98,227,255,.28);border-right:1px solid rgba(98,227,255,.28);background:#061725}.shell-glow{position:absolute;width:140%;height:45%;left:-20%;pointer-events:none;z-index:1}.shell-glow-top{top:-22%;background:radial-gradient(ellipse at center,rgba(77,204,255,.18),transparent 62%)}.shell-glow-bottom{bottom:-30%;background:radial-gradient(ellipse at center,rgba(92,120,255,.2),transparent 68%)}#game-stage{width:100%;height:100%;touch-action:none;position:relative;z-index:2}#game-stage canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));right:8px;display:flex;gap:8px;z-index:6}.hud-card{min-width:70px;padding:7px 9px;border-radius:10px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:0 4px 18px #020a1285,inset 0 0 0 1px #78e2ff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-label{display:block;font-size:10px;letter-spacing:1px;color:var(--text-soft)}.hud-card strong{font-size:17px;font-variant-numeric:tabular-nums;color:var(--text-main)}#quality-chip{position:absolute;top:max(12px,env(safe-area-inset-top));left:10px;z-index:6;font-size:11px;letter-spacing:.8px;color:#caecff;border:1px solid rgba(96,229,255,.35);background:#091e30b8;border-radius:999px;padding:5px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#quality-value{color:#7ef8ff;font-weight:700}#turn-indicator{position:absolute;left:50%;top:max(44px,calc(env(safe-area-inset-top) + 36px));transform:translate(-50%);border-radius:999px;border:1px solid rgba(92,229,255,.6);background:#0a1c2bcc;color:#dff7ff;font-size:12px;letter-spacing:1.1px;font-weight:700;padding:6px 14px;opacity:0;transition:opacity .15s ease,transform .15s ease,box-shadow .22s ease;z-index:7;pointer-events:none}#turn-indicator.show{opacity:1}#turn-indicator.active{box-shadow:0 0 0 2px #70f6ff66,0 0 24px #38d2ff85;animation:pulseTurn .52s ease-in-out infinite alternate}#event-toast{position:absolute;left:50%;top:max(86px,calc(env(safe-area-inset-top) + 72px));transform:translate(-50%) translateY(-8px);min-width:min(80vw,320px);max-width:min(88vw,360px);border-radius:12px;border:1px solid rgba(95,221,255,.52);background:#041725d1;box-shadow:0 8px 28px #020e16a6;padding:10px 14px;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:8}#event-title{margin:0;color:#84f1ff;font-size:13px;font-weight:700;letter-spacing:.6px}#event-detail{margin:4px 0 0;color:#d2efff;font-size:11px;line-height:1.35}#event-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#tune-toggle{position:absolute;left:10px;top:max(46px,calc(env(safe-area-inset-top) + 36px));z-index:12;border:1px solid rgba(126,228,255,.7);border-radius:9px;background:#0b2434c7;color:#d8f5ff;font-size:12px;font-weight:700;letter-spacing:.6px;padding:7px 10px}#tune-panel{position:absolute;left:8px;right:8px;top:max(84px,calc(env(safe-area-inset-top) + 70px));max-height:min(68dvh,560px);overflow:auto;z-index:12;border-radius:13px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 16px 36px #01070db3;padding:12px}#tune-panel.hidden{display:none}.tune-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tune-head h2{margin:0;font-size:16px;color:#dff7ff}#tune-close{border:1px solid rgba(130,219,255,.4);border-radius:8px;background:#12344bd1;color:#d4f5ff;padding:6px 10px;font-size:12px}.tune-tip{margin:8px 0 10px;font-size:11px;color:#9fcee1;line-height:1.4}#tune-controls{display:grid;gap:8px}.tune-row{display:grid;gap:3px;border:1px solid rgba(89,166,202,.24);border-radius:9px;padding:7px;background:#091f3094}.tune-row-top{display:flex;justify-content:space-between;align-items:center}.tune-label{font-size:12px;color:#d2ebf6;font-weight:700}.tune-value{font-size:12px;color:#79efff;font-variant-numeric:tabular-nums}.tune-note{font-size:10px;color:#8db7ca}.tune-row input[type=range]{width:100%;accent-color:#57ddff;margin:0}.tune-actions{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tune-actions button{border:1px solid rgba(111,199,233,.45);border-radius:9px;padding:8px;font-size:11px;font-weight:700;color:#d7f5ff;background:#103046db}#pause-btn{position:absolute;right:12px;bottom:max(14px,env(safe-area-inset-bottom));z-index:7;min-width:64px;height:48px;border-radius:12px;border:1px solid rgba(90,236,255,.65);background:linear-gradient(180deg,#226084f2,#0c2f47f2);color:#def8ff;font-size:14px;font-weight:700;letter-spacing:.6px;box-shadow:0 6px 20px #02121ca6}#overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:20px;background:radial-gradient(circle at 50% 30%,rgba(82,223,255,.15),transparent 45%),var(--overlay-bg);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:10}#overlay.show{opacity:1;pointer-events:auto}#overlay h1{margin:0;color:#e8faff;font-size:clamp(26px,5vw,34px);letter-spacing:.8px}#overlay p{margin:0;color:#c5e9fb;max-width:340px;line-height:1.45}#overlay-btn{border:1px solid rgba(128,244,255,.68);border-radius:11px;padding:12px 28px;background:linear-gradient(180deg,#349fc6f2,#175f82f2);color:#f0fcff;font-size:16px;font-weight:700;letter-spacing:.6px;box-shadow:0 8px 24px #020f1894}.hidden{display:none!important}@keyframes pulseTurn{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.04)}}@media(max-width:520px){#game-shell{width:100vw;border-left:0;border-right:0}#hud{right:6px;gap:6px}.hud-card{min-width:64px;padding:6px 8px}.hud-card strong{font-size:15px}#quality-chip{font-size:10px;left:6px;padding:4px 8px}#event-toast{top:max(80px,calc(env(safe-area-inset-top) + 66px));min-width:min(88vw,340px);padding:8px 11px}#pause-btn{right:8px;min-width:58px;height:44px}#tune-panel{left:6px;right:6px}}