:root{--bg0: #050403;--bg1: #0c0a07;--bg2: #16120c;--card: rgba(22, 16, 8, .78);--card-border: rgba(212, 175, 55, .22);--text: #fff6e0;--muted: #a89878;--neon: #f5c542;--neon2: #e8a017;--neon3: #ffe08a;--ok: #3dd68c;--warn: #fbbf24;--bad: #f07178;--gold: #f6c945;--gold-deep: #b8860b;--amber: #ffb020;--radius: 18px;--shadow: 0 20px 60px rgba(0, 0, 0, .55), 0 0 40px rgba(212, 175, 55, .06);--font: "Space Grotesk", system-ui, sans-serif;--display: "Orbitron", "Space Grotesk", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1100px 560px at 12% -8%,rgba(246,201,69,.16),transparent 55%),radial-gradient(900px 480px at 92% 4%,rgba(232,160,23,.12),transparent 50%),radial-gradient(700px 420px at 50% 105%,rgba(184,134,11,.14),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1) 42%,#080605);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.mono{font-family:var(--mono)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080604d1;border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 1px #ffe08a0f}.topbar-inner{max-width:1280px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand-mark{width:38px;height:38px;border-radius:12px;background:conic-gradient(from 180deg,#f6c945,#b8860b,#ffe08a,#e8a017,#f6c945);box-shadow:0 0 24px #f6c9458c;border:1px solid rgba(255,224,138,.35)}.brand h1{margin:0;font-family:var(--display);font-size:14px;letter-spacing:.08em;background:linear-gradient(90deg,#ffe08a,#f6c945 40%,#e8a017);-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:2px 0 0;color:var(--muted);font-size:11px}.nav{display:flex;gap:6px;flex:1;flex-wrap:wrap;justify-content:center}.nav a{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid transparent;letter-spacing:.04em}.nav a:hover{color:var(--neon3);background:#f6c94514;border-color:#d4af3733}.nav a.active{color:#1a1205;border-color:#f6c9458c;background:linear-gradient(135deg,#ffe08a,#f6c945 55%,#e8a017);box-shadow:0 0 22px #f6c94559}.wallet-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--card-border);background:#f6c9450d}.pill.ok{color:var(--ok);border-color:#3dd68c59}.pill.warn{color:var(--warn);border-color:#fbbf2466}.pill.bad{color:var(--bad);border-color:#f0717859}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;color:#1a1205;background:linear-gradient(135deg,#ffe08a,#f6c945 45%,#e8a017 85%,#c48912);box-shadow:0 8px 24px #e8a01759,inset 0 1px #ffffff59;transition:transform .15s ease,filter .15s ease,opacity .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{color:var(--neon3);background:#f6c94514;border:1px solid rgba(212,175,55,.35);box-shadow:none}.btn.danger{color:#fff;background:linear-gradient(135deg,#c23b45,#f07178)}.btn.ok{color:#052e1b;background:linear-gradient(135deg,#34d399,#6ee7b7)}.btn.sm{padding:7px 10px;font-size:12px;border-radius:10px}.main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:18px}.disclaimer{margin-bottom:14px;padding:10px 14px;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:linear-gradient(90deg,#fbbf241f,#b8860b14);color:#fde68a;font-size:12px;line-height:1.45}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:1.4fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:980px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav{justify-content:flex-start}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,224,138,.07),transparent 40%,transparent 60%,rgba(232,160,23,.05))}.card h2,.card h3{margin:0 0 12px;font-family:var(--display);letter-spacing:.06em;font-size:14px;color:var(--neon3)}.card .sub{color:var(--muted);font-size:12px;margin:-6px 0 14px}.stat-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(212,175,55,.1);font-size:13px}.stat-row:last-child{border-bottom:0}.stat-row .k{color:var(--muted)}.stat-row .v{font-family:var(--mono);text-align:right;color:var(--neon3)}.metric{padding:14px;border-radius:14px;background:linear-gradient(180deg,#f6c94514,#ffffff05);border:1px solid rgba(212,175,55,.22)}.metric .label{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.metric .value{margin-top:6px;font-family:var(--display);font-size:20px;color:var(--gold)}.metric .hint{margin-top:4px;color:var(--muted);font-size:11px}.roulette-wrap{position:relative;display:grid;place-items:center;min-height:360px}.roulette{width:min(340px,86vw);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#8b1e2d 0,#8b1e2d 40%,#c48912 40%,#c48912 70%,#f6c945 70%,#f6c945 88%,#ffe08a 88%,#ffe08a 97%,#fff3c4 97%,#fff3c4 99.5%,#e8a017 99.5%,#e8a017);box-shadow:0 0 0 8px #0c0a07e6,0 0 0 12px #f6c94573,0 0 0 16px #b8860b40,0 0 70px #f6c94559;transition:transform 4s cubic-bezier(.12,.75,.08,1)}.roulette.spinning{filter:brightness(1.12) saturate(1.1)}.roulette-hub{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2214,#0a0805 72%);border:2px solid rgba(246,201,69,.45);display:grid;place-items:center;text-align:center;padding:12px;box-shadow:inset 0 0 30px #000000a6,0 0 24px #f6c94533}.roulette-hub strong{font-family:var(--display);font-size:18px;letter-spacing:.08em;color:var(--gold)}.roulette-hub span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.pointer{position:absolute;top:8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid var(--gold);filter:drop-shadow(0 0 10px rgba(246,201,69,.95));z-index:2}.ticket-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--card-border);background:#f6c9450d;color:var(--text);border-radius:999px;padding:8px 12px;font-family:var(--mono);font-size:12px}.chip.active{border-color:#f6c945a6;background:#f6c9452e;color:var(--neon3);box-shadow:0 0 16px #f6c94540}.chip:disabled{opacity:.4}.log{max-height:220px;overflow:auto;border-radius:12px;background:#00000059;border:1px solid rgba(212,175,55,.18);padding:10px;font-family:var(--mono);font-size:11px}.log .line{padding:4px 0;border-bottom:1px dashed rgba(212,175,55,.1);color:var(--muted)}.log .line.ok{color:var(--ok)}.log .line.err{color:var(--bad)}.log .line.win{color:var(--gold)}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input,.field select{width:100%;border-radius:12px;border:1px solid rgba(212,175,55,.22);background:#00000059;color:var(--text);padding:10px 12px;outline:none}.field input:focus,.field select:focus{border-color:#f6c9458c;box-shadow:0 0 0 2px #f6c9451f}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab{border:1px solid rgba(212,175,55,.22);background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.tab.active{color:#1a1205;border-color:#f6c9458c;background:linear-gradient(135deg,#ffe08a,#f6c945);box-shadow:0 0 16px #f6c94540}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(212,175,55,.12)}.table th{color:var(--muted);font-weight:600;letter-spacing:.04em}.table td{font-family:var(--mono)}.placeholder{padding:18px;border-radius:14px;border:1px dashed rgba(212,175,55,.3);color:var(--muted);font-size:13px;line-height:1.5;background:#f6c9450a}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#fbbf242e;color:var(--warn);border:1px solid rgba(251,191,36,.35)}.tier-bar{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;margin:8px 0 4px;border:1px solid rgba(212,175,55,.15)}.tier-bar>span{display:block;height:100%;background:linear-gradient(90deg,#b8860b,#f6c945,#ffe08a)}.outcome-flash{text-align:center;padding:16px;border-radius:14px;margin-top:12px;border:1px solid rgba(246,201,69,.35);background:linear-gradient(180deg,#f6c9451f,#0000004d);font-family:var(--display);letter-spacing:.08em;font-size:22px;color:var(--gold);text-shadow:0 0 20px rgba(246,201,69,.45)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.footer{max-width:1280px;margin:0 auto;padding:8px 18px 24px;color:var(--muted);font-size:11px;text-align:center;border-top:1px solid rgba(212,175,55,.12)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(520px,100%);background:linear-gradient(180deg,#1a140c,#0e0b07);border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:16px;box-shadow:var(--shadow),0 0 40px #f6c9451f}#golden-tree-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% 40%,rgba(246,201,69,.18),transparent 60%),radial-gradient(600px 400px at 50% 80%,rgba(184,134,11,.2),transparent 55%),#050403;opacity:1;transition:opacity .18s ease}#golden-tree-intro.gti-in{opacity:1}#golden-tree-intro.gti-out{opacity:0;transition:opacity .18s ease}.gti-stage{position:relative;width:min(440px,92vw);text-align:center}.gti-glow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,138,.35),rgba(246,201,69,.08) 45%,transparent 70%);animation:gtiPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes gtiPulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}.gti-tree{width:min(360px,84vw);height:auto;filter:drop-shadow(0 0 18px rgba(246,201,69,.45))}.gti-trunk{stroke-dasharray:420;stroke-dashoffset:420;animation:gtiDraw .7s ease forwards}.gti-branches path{stroke-dasharray:220;stroke-dashoffset:220;animation:gtiDraw .65s ease forwards .12s}@keyframes gtiDraw{to{stroke-dashoffset:0}}.gti-bnb{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.12);animation:gtiBloom .95s cubic-bezier(.2,.85,.2,1.15) forwards,gtiShimmer 1.6s ease-in-out 1.2s infinite;animation-delay:calc(.18s + var(--d, 0s)),calc(.7s + var(--d, 0s));filter:drop-shadow(0 0 8px rgba(243,186,47,.75)) drop-shadow(0 0 18px rgba(255,224,138,.35))}@keyframes gtiBloom{0%{opacity:0;transform:scale(.12)}55%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes gtiShimmer{0%,to{filter:drop-shadow(0 0 8px rgba(243,186,47,.7)) drop-shadow(0 0 16px rgba(255,224,138,.3))}50%{filter:drop-shadow(0 0 14px rgba(255,240,180,.95)) drop-shadow(0 0 28px rgba(243,186,47,.55))}}.gti-ground{opacity:0;animation:gtiFade .5s ease forwards .25s}@keyframes gtiFade{to{opacity:.45}}.gti-title{margin-top:-8px;opacity:0;animation:gtiTitleIn .45s ease forwards .25s}@keyframes gtiTitleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gti-mark{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid rgba(246,201,69,.45);color:#ffe08a;font-size:11px;letter-spacing:.14em;background:#f6c9451a;margin-bottom:8px}.gti-title h2,.gti-tagline{margin:0 auto;font-family:var(--display);font-size:clamp(15px,3.6vw,22px);letter-spacing:.04em;line-height:1.35;max-width:18em;background:linear-gradient(90deg,#ffe08a,#f6c945,#e8a017);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(246,201,69,.25)}.gti-title p{margin:6px 0 0;color:var(--muted);font-size:13px;letter-spacing:.2em}.gti-skip{position:fixed;right:16px;bottom:16px;border:1px solid rgba(212,175,55,.4);background:#0c0a07b3;color:#ffe08a;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gti-skip:hover{background:#f6c94526}