:root{--ink:#f8f6ff;--muted:#a8a2ba;--purple:#4d17a9;--purple2:#7c3cff;--orange:#ff8f02;--panel:#1b1533;--line:#352b55;--green:#48e5a5;--red:#ff687c;--bg:#0d0920}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#3c1d70 0,transparent 42%),var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.app-shell{width:min(1400px,94vw);margin:auto;padding:28px 0 50px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ffba3d);color:#281400;display:grid;place-items:center;font:700 18px "Space Grotesk";box-shadow:0 0 30px #ff8f0240}.brand h1,.brand p,.machine-header h2,.side-heading h2{margin:0}.brand h1{font:700 20px "Space Grotesk"}.brand p{font-size:13px;color:var(--muted);margin-top:2px}.round-pill,.market-badge{border:1px solid var(--line);background:#17112d;border-radius:999px;padding:10px 15px;font-size:13px;color:var(--muted)}.round-pill strong{color:var(--orange)}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px;background:#15102b}.stat{padding:18px 22px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat span,.deal-strip span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.stat strong{font:700 23px "Space Grotesk"}.stat.score{background:linear-gradient(135deg,#39156d,#221344)}.stat.score strong{color:#d8c0ff}.game-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px}.machine-panel,.side-panel{border:1px solid var(--line);background:linear-gradient(180deg,#1b1533,#151029);border-radius:20px;padding:24px;box-shadow:0 24px 80px #0005}.machine-header,.side-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--orange);font-weight:700}.machine-header h2,.side-heading h2{font:700 23px "Space Grotesk";margin-top:5px}.market-badge{color:var(--green);border-color:#48e5a544}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px}.reel{position:relative;min-height:240px;border:1px solid #493c70;border-radius:15px;background:linear-gradient(180deg,#251b45,#19122e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;box-shadow:inset 0 0 30px #0004}.reel:before,.reel:after{content:"";position:absolute;left:0;right:0;height:38px;z-index:2}.reel:before{top:0;background:linear-gradient(#120d29,transparent)}.reel:after{bottom:0;background:linear-gradient(transparent,#120d29)}.reel-number{position:absolute;top:14px;left:15px;color:#70668d;font:600 11px "Space Grotesk"}.reel-icon{font-size:44px;filter:drop-shadow(0 5px 14px #0008)}.reel p{margin:12px 0 5px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.reel h3{margin:0;font:700 19px "Space Grotesk"}.reel small{margin-top:8px;color:var(--muted)}.reel.spinning .reel-icon,.reel.spinning h3,.reel.spinning small{animation:blurSpin .16s linear infinite}@keyframes blurSpin{50%{transform:translateY(12px);filter:blur(4px);opacity:.5}}.reel.win{animation:flash .45s ease}@keyframes flash{50%{border-color:var(--orange);box-shadow:0 0 35px #ff8f0255,inset 0 0 30px #ff8f021a}}.deal-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#110d24}.deal-strip>div{padding:14px;border-right:1px solid var(--line)}.deal-strip>div:last-child{border:0}.deal-strip strong{font:700 16px "Space Grotesk"}.controls{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;margin-top:18px}button{font-family:inherit;cursor:pointer}.controls button,.modal-card button{height:58px;border-radius:12px;border:1px solid var(--line);font-weight:700;letter-spacing:.06em}.secondary{background:#21193b;color:var(--ink)}.acquire{background:var(--green);color:#052418;border-color:transparent!important}.spin{border:0!important;color:white;background:linear-gradient(135deg,var(--purple2),var(--purple));box-shadow:0 10px 28px #4d17a955}.spin span,.spin small{display:block}.spin small{font-size:10px;opacity:.68;margin-top:2px;letter-spacing:0}.controls button:disabled{opacity:.35;cursor:not-allowed}.message{text-align:center;color:var(--muted);font-size:13px;margin:15px 0 0;min-height:18px}.side-panel{display:flex;flex-direction:column}.side-heading>span{font-size:12px;color:var(--muted)}.holdings{margin:18px 0;display:flex;flex-direction:column;gap:9px;min-height:260px;max-height:365px;overflow:auto}.empty{border:1px dashed #443863;border-radius:13px;text-align:center;padding:48px 15px;color:var(--muted)}.empty div{font-size:30px;color:#6d5a98}.empty strong{display:block;color:var(--ink);margin:8px}.empty p{font-size:13px;margin:0}.holding{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;background:#21193b;border:1px solid #382d57;border-radius:12px;padding:11px}.holding-icon{width:42px;height:42px;border-radius:10px;background:#33265b;display:grid;place-items:center;font-size:20px}.holding strong{font-size:14px}.holding p{font-size:12px;color:var(--muted);margin:3px 0}.holding-value{text-align:right;color:var(--green);font:600 13px "Space Grotesk"}.leaderboard{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.leaderboard ol{list-style:none;padding:0;margin:12px 0 0}.leaderboard li{display:grid;grid-template-columns:25px 1fr auto;padding:9px 4px;border-bottom:1px solid #2a2144;font-size:13px}.leaderboard .you{color:var(--orange)}dialog{border:0;padding:0;background:transparent;color:white}dialog::backdrop{background:#090615dd;backdrop-filter:blur(7px)}.modal-card{width:min(440px,90vw);background:linear-gradient(160deg,#2b1755,#151028);border:1px solid #624497;border-radius:22px;text-align:center;padding:38px;box-shadow:0 30px 100px #000}.modal-card h2{font:700 34px "Space Grotesk";margin:8px}.final-score{font:700 70px "Space Grotesk";color:var(--orange)}.modal-card p{color:var(--muted);line-height:1.6}.modal-card button{width:100%;margin-top:12px}@media(max-width:900px){.game-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:600px){.app-shell{width:94vw;padding-top:18px}.brand p{display:none}.round-pill{padding:8px 11px}.dashboard{gap:0}.stat{padding:14px}.stat strong{font-size:18px}.machine-panel,.side-panel{padding:15px}.machine-header{align-items:flex-start}.market-badge{font-size:11px;padding:7px 9px}.reels{gap:6px;margin-top:20px}.reel{min-height:185px;padding:5px}.reel-icon{font-size:31px}.reel h3{font-size:14px}.reel small{font-size:10px}.deal-strip{grid-template-columns:repeat(2,1fr)}.deal-strip>div:nth-child(2){border-right:0}.deal-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.controls{grid-template-columns:1fr 1.45fr 1fr;gap:6px}.controls button{height:55px;font-size:11px}.spin small{display:none}}