:root{--bg-page: #fff5f9;--bg-card: #ffffff;--bg-soft: #fff0f6;--text-primary: #2d2540;--text-muted: #8a7a96;--border: #f3d8e3;--accent-gold: #f59e0b;--accent-pink: #ff5d8f;--accent-danger: #c1185f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}#app{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh}#hud{display:flex;justify-content:space-around;padding:10px 12px;background:#fff;border-bottom:1px solid var(--border);font-size:14px;flex:0 0 auto;box-shadow:0 2px 6px #2d25400f;z-index:1}.hud-row{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hud-value{font-weight:800;font-size:17px;color:var(--text-primary);font-variant-numeric:tabular-nums}.hud-sub{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;transition:color .3s ease;display:inline-block;transform-origin:center}.hud-sub.pop{animation:hud-pop .6s ease;color:var(--accent-pink)}@keyframes hud-pop{0%{transform:scale(.6);opacity:0}35%{transform:scale(1.25);opacity:1}70%{transform:scale(1)}to{transform:scale(1);color:var(--text-muted)}}#game{flex:1 1 auto;width:100%;min-height:200px;display:block;background:var(--bg-page);touch-action:none;margin-bottom:calc(48px + env(safe-area-inset-bottom))}#panel{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:var(--bg-page);border-top:1px solid var(--border);box-shadow:0 -8px 24px #2d1e412e;max-height:75vh;z-index:100;transform:translateY(0);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom)}#panel.collapsed{transform:translateY(calc(100% - 48px - env(safe-area-inset-bottom)))}#panel-toggle{flex:0 0 auto;display:block;width:100%;padding:14px 12px;background:#fff;color:var(--text-primary);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;box-shadow:0 -2px 6px #2d25400a;height:48px}#panel-toggle:active{background:var(--bg-soft)}#panel-content{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.row{display:flex;gap:6px}.ball-section{background:var(--bg-card);border-left:4px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #2d25400f}.ball-header{display:flex;flex-direction:column;gap:1px}.ball-name{font-weight:800;font-size:14px;letter-spacing:.02em}.ball-desc{font-size:11px;color:var(--text-muted)}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.upgrade-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 11px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .1s,transform .05s,box-shadow .1s;width:100%;box-shadow:0 1px 2px #2d25400d}.upgrade-btn.full{width:100%}.upgrade-btn:hover:not(:disabled){background:var(--bg-soft)}.upgrade-btn:active{transform:scale(.97);background:var(--bg-soft);box-shadow:0 0 #0000}.upgrade-btn:disabled{opacity:.42;cursor:not-allowed}.upgrade-btn.danger{background:#fff0f3;border-color:#ffc0d0;color:var(--accent-danger)}.upgrade-title{font-weight:700}.upgrade-detail{color:var(--text-muted);font-size:11px;font-weight:500}.upgrade-cost{color:var(--accent-gold);font-weight:800;font-variant-numeric:tabular-nums}.muted{color:var(--text-muted);font-weight:500}.hud-gold .hud-value{color:#f59e0b}.gold-section{border-left-color:#f59e0b!important;background:linear-gradient(180deg,#fff8e1,#fff)}.gold-name{color:#c47b00!important}.ascend-btn{background:linear-gradient(180deg,#ffe7a3,#f5c451);border-color:#e0a93b;color:#5b3a00;font-weight:800}.ascend-btn:active:not(:disabled){background:linear-gradient(180deg,#f5c451,#ffe7a3)}.ascend-btn:disabled{background:#fff8e1;color:#b89757}.gold-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gold-upgrade .gold-cost{color:#c47b00}#welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1e418c;display:flex;align-items:center;justify-content:center;z-index:9000;padding:24px}#welcome-modal[hidden]{display:none}.modal-card{background:#fff;border-radius:16px;padding:24px 22px;max-width:360px;width:100%;box-shadow:0 20px 50px #2d1e414d;text-align:center;border:1px solid var(--border)}.modal-card h2{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:10px}.modal-card p{font-size:14px;color:var(--text-muted);margin-bottom:18px;line-height:1.4}#welcome-amount{color:var(--accent-gold);font-weight:800}#welcome-ok{width:100%;padding:12px;background:linear-gradient(180deg,#ffadc6,#ff5d8f);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}#welcome-ok:active{transform:scale(.97)}#error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0e10;color:#ffb4b4;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;overflow:auto;z-index:9999;border-top:4px solid #ff4757}