:root{--bg: #0A0A0A;--bg-1: #111111;--bg-2: #1a1a1a;--bg-3: #242424;--border: #2a2a2a;--border-strong: #3a3a3a;--gold: #d4af37;--gold-bright: #f5d061;--gold-deep: #8a6914;--felt: #0d3b2f;--felt-red: #7a1212;--red-cloth: #b22222;--blue-accent: #1e90ff;--text: #f0e8d8;--text-mute: #b9b0a2;--text-dim: #8a8275;--shadow-1: 0 2px 8px rgba(0,0,0,.4);--shadow-2: 0 8px 32px rgba(0,0,0,.6);--shadow-gold: 0 0 24px rgba(212,175,55,.25);--radius: 14px;--radius-lg: 22px;--tier-bronze: #c0884c;--tier-silver: #c0c0c0;--tier-gold: var(--gold);--tier-platinum: #b9f2ff;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg)}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse at top,#161616 0%,var(--bg) 65%);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:var(--gold);text-decoration:none}img,svg{display:block;max-width:100%}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.display{font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:80px;position:relative}.top-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:4px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.tier-pill{margin-left:auto;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--tier-bronze);color:var(--tier-bronze)}.tier-pill.silver{border-color:var(--tier-silver);color:var(--tier-silver)}.tier-pill.gold{border-color:var(--tier-gold);color:var(--tier-gold)}.tier-pill.platinum{border-color:var(--tier-platinum);color:var(--tier-platinum);box-shadow:var(--shadow-gold)}.page{padding:8px 18px 18px}.page h1{font-family:var(--font-display);font-size:28px;margin:14px 0 16px}.page h2{font-family:var(--font-display);font-size:22px;margin:18px 0 12px;color:var(--text-mute)}.card{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1)}.card.gold-border{border:1px solid var(--gold-deep);box-shadow:var(--shadow-gold)}.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.muted{color:var(--text-mute)}.dim{color:var(--text-dim)}.row{display:flex;gap:12px;align-items:center}.row-between{display:flex;gap:12px;align-items:center;justify-content:space-between}.gap-8{gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.chip-counter{font-family:var(--font-mono);font-size:40px;font-weight:600;letter-spacing:1px;color:var(--gold-bright);text-shadow:0 0 30px rgba(212,175,55,.35)}.chip-counter small{display:block;font-size:12px;letter-spacing:2px;color:var(--text-mute);text-transform:uppercase;margin-bottom:4px}.btn{padding:14px 20px;border-radius:12px;font-weight:600;font-size:15px;transition:transform .1s,opacity .1s,background .2s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1a1a;box-shadow:var(--shadow-gold)}.btn.primary:disabled{opacity:.5}.btn.ghost{border:1px solid var(--border-strong);color:var(--text)}.btn.danger{background:var(--felt-red);color:var(--text)}.btn.outline-gold{border:1px solid var(--gold);color:var(--gold)}.input,.pin{width:100%;background:var(--bg-1);border:1px solid var(--border-strong);border-radius:12px;padding:14px 16px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.pin:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3733}.pin{text-align:center;font-family:var(--font-mono);letter-spacing:8px;font-size:22px}.label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-mute);margin-bottom:6px}.hero-card{position:relative;overflow:hidden;padding:18px;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 80% 0%,rgba(212,175,55,.18),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(178,34,34,.1),transparent 50%),linear-gradient(180deg,#1f1a0e,#0d0a05);border:1px solid var(--gold-deep);box-shadow:0 0 36px #d4af372e,0 12px 36px #0009,inset 0 1px #d4af3726}.hero-card:before{content:"RIVER";position:absolute;top:50%;right:-10px;transform:translateY(-50%) rotate(-90deg);font-family:var(--font-display);font-size:110px;font-weight:700;letter-spacing:8px;color:#d4af370b;pointer-events:none;white-space:nowrap;line-height:1}.hero-strip{height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);margin-bottom:14px}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.hero-title{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.hero-cid{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--gold-bright);letter-spacing:3px;text-shadow:0 0 24px rgba(212,175,55,.4);line-height:1.1}.hero-name{font-size:20px;color:var(--text);letter-spacing:.5px;text-align:right;max-width:60%;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-balance{margin-top:18px;position:relative;z-index:1}.hero-balance-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-mute)}.hero-balance-value{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-family:var(--font-mono);color:var(--gold-bright);text-shadow:0 0 32px rgba(212,175,55,.4)}.hero-balance-value .amt{font-size:42px;font-weight:700;letter-spacing:1px}.hero-balance-value .cur{font-size:22px;font-weight:500;color:var(--gold-deep)}.hero-bonus{margin-top:6px;font-size:13px;color:var(--text-mute)}.hero-bonus b{color:var(--gold-bright);font-weight:600}.t-card{position:relative;padding:18px;background:linear-gradient(180deg,#1f1f1f,#131313);border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden}.t-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(212,175,55,.05),transparent 40%);pointer-events:none}.t-title{font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:4px}.t-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.tag{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-mute);letter-spacing:1px;text-transform:uppercase}.tag.gold{background:#d4af371f;border-color:var(--gold);color:var(--gold)}.tag.red{background:#b222222e;border-color:var(--red-cloth);color:#f3b4b4}.tag.green{background:#22b2621f;border-color:#4caf6f;color:#6df09a}.t-buyin{display:flex;align-items:baseline;gap:6px}.t-buyin .v{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--gold-bright)}.t-buyin small{color:var(--text-mute);font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px 14px;background:#0a0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:60}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;color:var(--text-mute);font-size:11px;letter-spacing:1px;text-transform:uppercase}.nav-btn .ico{width:24px;height:24px;display:grid;place-items:center}.nav-btn.active{color:var(--gold-bright)}.qr-frame{display:grid;place-items:center;width:240px;height:240px;margin:16px auto;border-radius:24px;padding:12px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:1px solid var(--gold);box-shadow:var(--shadow-gold)}.login-shell{display:flex;flex-direction:column;gap:18px;min-height:100dvh;padding:28px;justify-content:center}.logo{width:96px;height:96px;margin:0 auto 8px;border-radius:24px;background:radial-gradient(circle at 30% 30%,#f5d061,#d4af37 50%,#8a6914);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:52px;color:#1a1a1a;box-shadow:var(--shadow-gold)}.brand-big{text-align:center;font-family:var(--font-display);font-weight:700;font-size:40px;letter-spacing:8px;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes drop-in{0%{transform:translateY(-30px) rotate(180deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes flip-in{0%{transform:perspective(600px) rotateY(180deg);opacity:0}to{transform:perspective(600px) rotateY(0);opacity:1}}.flip-in{animation:flip-in .6s ease-out both}.drop-in{animation:drop-in .5s ease-out both}.toast-host{position:fixed;top:16px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100;pointer-events:none}.toast{background:var(--bg-2);border:1px solid var(--border-strong);padding:10px 16px;border-radius:999px;font-size:13px;box-shadow:var(--shadow-2)}.toast.error{border-color:var(--red-cloth);color:#f3b4b4}.toast.success{border-color:var(--gold);color:var(--gold-bright)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center}.section-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:11px;letter-spacing:3px;text-transform:uppercase;margin:18px 0}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.empty{text-align:center;padding:40px 16px;color:var(--text-mute)}.felt-bg{background:radial-gradient(circle at 25% 25%,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(178,34,34,.05) 0%,transparent 50%),var(--bg)}.chip-stack{display:flex;gap:4px;align-items:flex-end}.chip-stack .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;box-shadow:0 2px 6px #0006;border:4px dashed rgba(255,255,255,.18)}.c-red{background:var(--red-cloth);color:#fff}.c-blue{background:var(--blue-accent);color:#fff}.c-gold{background:var(--gold);color:#1a1a1a}.c-green{background:#2ea44f;color:#fff}