:root{--bg: #120A10;--bg2: #180D15;--card: #1C1019;--card2: #241521;--border: #31202B;--border2: #452C3B;--tx1: #F6ECEF;--tx2: #C6A8B6;--tx3: #8A6E7D;--ruby: #E23A68;--ruby-soft: rgba(226,58,104,.14);--ruby-brd: rgba(226,58,104,.35);--gold: #E9B44C;--gold-soft: rgba(233,180,76,.12);--gold-brd: rgba(233,180,76,.4);--live: #FF3B5C;--green: #3DC98A;--display: "Fraunces", serif;--body: "Karla", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--tx1);font-family:var(--body);font-size:15px}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}@media (min-width: 481px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border)}}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--body);background:var(--bg2);border:1.5px solid var(--border);border-radius:12px;color:var(--tx1);padding:12px 14px;font-size:15px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--ruby)}input::placeholder,textarea::placeholder{color:var(--tx3)}button{font-family:var(--body);cursor:pointer;border:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wordmark{font-family:var(--display);font-weight:900;letter-spacing:.04em}.wordmark .zz{color:var(--ruby)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;border-radius:99px;padding:12px 22px;font-size:14px;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ruby);color:#fff}.btn-gold{background:var(--gold);color:#241505}.btn-ghost{background:transparent;color:var(--tx2);border:1.5px solid var(--border2)}.btn-sm{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:16px}.money{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.with-nav{padding-bottom:84px}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#120a10eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;color:var(--tx3);font-size:10px;font-weight:700}.nav a.active{color:var(--ruby)}.nav a .ico{font-size:21px;line-height:1}.topbar{position:sticky;top:0;z-index:90;background:#120a10eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px}@keyframes tipPop{0%{transform:translateY(12px) scale(.85);opacity:0}60%{transform:translateY(0) scale(1.04);opacity:1}to{transform:none;opacity:1}}.tip-event{animation:tipPop .5s ease-out;background:var(--gold-soft);border:1px solid var(--gold-brd)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:livePulse 1.6s infinite}@media (prefers-reduced-motion: reduce){.tip-event,.live-dot{animation:none}}.spin{width:22px;height:22px;border:3px solid var(--border2);border-top-color:var(--ruby);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}