:root{color-scheme:dark;--ink: #e8f4ff;--ink-dim: #7d90a8;--neon-cyan: #22d3ee;--neon-magenta: #f472b6;--neon-violet: #a855f7;--danger: #fb7185;--surface: #05060f;--panel: rgba(12, 18, 36, .86);--stroke: rgba(34, 211, 238, .28);--font-ui: "Rajdhani", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--surface);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{position:fixed;inset:0;overflow:hidden}#game-root{width:100%;height:100%;overflow:hidden}#game-root canvas{display:block}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.ui-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4vmin;overflow:auto;background:radial-gradient(circle at 50% 45%,#05060f8c,#05060fdb 70%);animation:ui-fade .16s ease-out}.ui-card{position:relative;display:flex;flex-direction:column;gap:clamp(8px,1.6vmin,14px);width:min(360px,84vw);max-height:100%;overflow-y:auto;padding:clamp(18px,4.4vmin,34px);background-image:var(--ui-panel);background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 12px 32px rgba(0,0,0,.55))}.ui-card--narrow{width:min(300px,78vw)}.ui-title{margin:0;font-size:clamp(24px,5.4vmin,38px);font-weight:700;letter-spacing:.06em;color:var(--ink);text-align:center;text-shadow:0 0 18px rgba(34,211,238,.55)}.ui-title--danger{text-shadow:0 0 18px rgba(251,113,133,.55)}.ui-subtitle{margin:-6px 0 4px;font-size:clamp(11px,1.9vmin,14px);letter-spacing:.34em;color:var(--neon-cyan);text-align:center}.ui-note{margin:0;font-size:clamp(12px,2vmin,14px);color:var(--ink-dim);text-align:center}.ui-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:0;border-radius:12px;background-color:transparent;background-image:var(--ui-button);background-size:100% 100%;background-repeat:no-repeat;color:var(--ink);font-family:inherit;font-size:clamp(15px,2.4vmin,18px);font-weight:600;letter-spacing:.06em;cursor:pointer;transition:transform 90ms ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.ui-btn:hover:not(:disabled){filter:brightness(1.25)}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn--primary{background-image:linear-gradient(#22d3ee42,#22d3ee14),var(--ui-button);background-size:100% 100%,100% 100%;box-shadow:0 0 20px #22d3ee47}.ui-btn--ghost{background-image:none;border:1px solid var(--stroke);color:var(--ink-dim)}.ui-icon-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;opacity:.7;transition:opacity .12s ease,transform 90ms ease}.ui-icon-btn:hover{opacity:1}.ui-icon-btn:active{transform:scale(.92)}.ui-icon-btn img{display:block;width:22px;height:22px}.ui-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.2vmin,10px);margin:4px 0}.ui-level{justify-content:flex-start;min-height:42px;padding:8px 12px;font-size:clamp(13px,1.9vmin,15px);letter-spacing:.02em}.ui-level:disabled{cursor:not-allowed;filter:grayscale(.9);opacity:.38}.ui-level-order{color:var(--neon-cyan);font-variant-numeric:tabular-nums;font-weight:700}.ui-level:disabled .ui-level-order{color:var(--ink-dim)}.ui-level-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-stats{display:flex;flex-direction:column;gap:6px;margin:2px 0 6px;padding:10px 14px;border-radius:10px;background:#22d3ee12;border:1px solid var(--stroke)}.ui-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:clamp(12px,2vmin,14px)}.ui-stat-label{color:var(--ink-dim)}.ui-stat-value{color:var(--ink);font-size:clamp(16px,2.8vmin,20px);font-weight:700;font-variant-numeric:tabular-nums}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}