*{box-sizing:border-box}body{margin:0;background:#150e24;color:#fff7f9;font:16px system-ui,sans-serif;--accent:#fa9cbc;--glow:#542449;--tile:#352451;--ink:#331429;min-height:100vh;background-image:radial-gradient(ellipse at 50% 0,#352449,transparent 46rem)}body.gold{--accent:#ffd17d;--glow:#584028;--tile:#4a322d;--ink:#332014;background-image:radial-gradient(ellipse at 50% 0,#463525,transparent 46rem)}main{max-width:490px;margin:auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:10px;margin-bottom:20px}header img{width:44px;height:44px;border-radius:14px}header b{letter-spacing:.12em;font-size:13px}small{display:block;color:#cebcd9;margin-top:2px}header a{margin-left:auto;color:var(--accent);text-decoration:none;font-size:14px;padding:10px;border:1px solid #ffffff32;border-radius:12px}.machine,.card{border:1px solid #ffffff22;border-radius:23px;background:#211730;box-shadow:0 12px 36px #09050f55}.machine{background:radial-gradient(ellipse at 50% 25%,var(--glow),#211730 74%);text-align:center;padding:26px 18px 16px}.tag{color:var(--accent);font-weight:800;letter-spacing:.18em;font-size:11px}h1{font-size:clamp(37px,10vw,56px);letter-spacing:-.06em;margin:7px 0 5px;line-height:1.02}p{margin:0;color:#ead9ee}.intro{font-size:14px;margin:12px auto 20px;max-width:270px}.reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px;background:#110b1e;border-radius:18px;border:1px solid #ffffff33}.reels span{display:grid;place-items:center;height:clamp(60px,20vw,100px);background:linear-gradient(150deg,var(--tile),#20162d);border-radius:13px;border:1px solid #ffffff27;font-size:clamp(26px,9vw,49px)}.spinning span{animation:spin .16s ease-in-out infinite alternate}@keyframes spin{to{filter:blur(3px);transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.spinning span{animation:none}}#spin{width:100%;padding:14px;background:var(--accent);color:var(--ink);border:0;border-radius:13px;font:800 17px system-ui;margin:14px 0 10px;cursor:pointer}#spin:disabled{opacity:.58;cursor:default}#status{font-size:13px;min-height:20px}.card{margin-top:13px;padding:15px 17px}.card h2{font-size:16px;margin:0 0 7px}.wallet p{font-size:13px;margin-bottom:12px}ol{margin:0;padding-left:25px}li{padding:5px 0 5px 3px;color:#decbe6}li b{float:right;color:var(--accent)}li span{display:inline-block;max-width:75%;overflow-wrap:anywhere}footer{margin-top:15px;color:#c5b0d1;text-align:center;font-size:12px;line-height:1.6}
