:root{--game-bg: #061718;--surface-glass: rgba(8, 29, 29, .82);--surface-modal: #0b2424;--surface-card: #102e2b;--surface-card-hover: #143831;--surface-input: rgba(3, 17, 18, .64);--scrim-compact: linear-gradient( to bottom, rgba(2, 14, 15, .02) 0%, rgba(2, 14, 15, .1) 55%, rgba(2, 14, 15, .28) 100% );--scrim-expanded: rgba(2, 12, 14, .24);--primary: #188557;--primary-hover: #1d9966;--primary-active: #116b47;--primary-soft: rgba(31, 164, 105, .16);--primary-border: rgba(57, 199, 134, .38);--primary-glow: rgba(31, 181, 112, .2);--primary-bright: #3ac989;--text-primary: #f1f6f2;--text-secondary: rgba(226, 239, 231, .7);--text-muted: rgba(226, 239, 231, .46);--border-soft: rgba(180, 226, 202, .1);--border-strong: rgba(180, 226, 202, .2);--c-bg: var(--game-bg);--c-surface: var(--surface-glass);--c-surface-strong: rgba(6, 22, 23, .94);--c-surface-raised: var(--surface-card);--c-surface-sheet: var(--surface-modal);--c-overlay: var(--scrim-expanded);--c-primary: var(--primary);--c-primary-hover: var(--primary-hover);--c-primary-active: var(--primary-active);--c-primary-soft: var(--primary-soft);--c-primary-border: var(--primary-border);--c-primary-glow: var(--primary-glow);--c-primary-bright: var(--primary-bright);--c-success: #3fce93;--c-success-soft: rgba(63, 206, 147, .16);--c-danger: #cf6156;--c-danger-soft: rgba(207, 97, 86, .16);--c-muted: #6c8480;--c-muted-soft: rgba(108, 132, 128, .16);--c-disabled: #16302f;--c-disabled-text: rgba(226, 238, 231, .32);--c-text: var(--text-primary);--c-text-muted: var(--text-secondary);--c-text-faint: var(--text-muted);--c-text-inverse: #04120d;--c-border: var(--border-soft);--c-border-strong: var(--border-strong);--font-ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 19px;--fs-xl: 24px;--fw-medium: 500;--fw-bold: 650;--fw-heavy: 700;--r-sm: 5px;--r-md: 9px;--r-lg: 14px;--r-card: 22px;--r-screen: 26px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--shadow-panel: 0 6px 24px rgba(0, 0, 0, .4);--shadow-card: 0 18px 44px rgba(0, 0, 0, .46), 0 2px 10px rgba(0, 0, 0, .3);--shadow-screen: 0 -20px 56px rgba(0, 0, 0, .5);--shadow-primary: 0 6px 18px var(--c-primary-glow);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--hud-height: 44px;--nav-height: 58px;--app-max-width: 1024px;--modal-compact-width: 420px;--modal-expanded-width: 560px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .14s;--dur-med: .26s;--dur-slow: .42s}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--c-primary-bright);outline-offset:2px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 8px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.03em}.pill--accent{background:var(--c-primary-soft);color:var(--c-primary-bright)}.pill--green{background:var(--c-success-soft);color:var(--c-success)}.pill--muted{background:var(--c-muted-soft);color:var(--c-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:50px;padding:0 var(--sp-5);border-radius:13px;font-size:var(--fs-md);font-weight:var(--fw-heavy);letter-spacing:.01em;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast),box-shadow var(--dur-fast)}.btn:active:not(:disabled){transform:scale(.975)}.btn--primary{background:var(--c-primary);color:var(--c-text);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px var(--c-primary-border),var(--shadow-primary)}.btn--primary:active:not(:disabled){background:var(--c-primary-active)}.btn--ghost{background:#acdcc112;color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-border)}.btn--ghost:active:not(:disabled){background:#acdcc11f}.btn:disabled{cursor:default;background:var(--c-disabled);color:var(--c-disabled-text);box-shadow:inset 0 0 0 1px var(--c-border)}@media(hover:hover)and (pointer:fine){.btn--primary:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px var(--c-primary-border),0 8px 22px var(--c-primary-glow)}.btn--ghost:hover:not(:disabled){background:#acdcc11f}}.label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-faint)}.value{font-size:var(--fs-md);font-weight:var(--fw-bold)}.value--key{color:var(--c-primary-bright)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.rows{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:#acdcc10a;box-shadow:inset 0 0 0 1px var(--c-border)}.rows>.row{padding:11px var(--sp-3)}.rows>.row+.row{box-shadow:inset 0 1px 0 var(--c-border)}.divider{height:1px;background:var(--c-border);border:0;margin:var(--sp-4) 0}.meter{height:6px;border-radius:var(--r-full);background:#acdcc11a;overflow:hidden}.meter__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-primary),var(--c-success));transition:width var(--dur-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}