*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--bg:#160908;--card:#2b140b;--card2:#441b0f;--gold:#ffd64d;--orange:#ff8a00;--red:#ff493d;--cream:#fff3c9;--muted:#ffc48a;--green:#49f28f;--line:rgba(255,214,77,.25)}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:Verdana,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -12%,rgba(255,214,77,.32),transparent 42%),radial-gradient(circle at 15% 80%,rgba(255,73,61,.18),transparent 38%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.035) 50%,transparent 52%)}
.bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px;background:rgba(22,9,8,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.logo{font-weight:900;color:var(--gold);text-decoration:none;font-size:14px;letter-spacing:1px;text-shadow:0 0 14px rgba(255,214,77,.45)}
nav{display:flex;gap:5px}nav a{font-size:12px;text-decoration:none;color:var(--muted);padding:7px 8px;border-radius:8px}nav a.active{background:linear-gradient(135deg,var(--gold),var(--orange));color:#220b05;font-weight:900}
select{background:var(--card);color:var(--cream);border:1px solid var(--line);border-radius:9px;padding:7px}.wrap{max-width:520px;margin:0 auto;padding:14px 10px 30px;position:relative;z-index:1}.hidden{display:none!important}.screen{min-height:calc(100vh - 70px)}
.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.hero-card{width:100%;max-width:390px;padding:26px 18px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(68,27,15,.92),rgba(43,20,11,.8));box-shadow:0 20px 55px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04)}
.mark{width:116px;height:116px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:62px;background:radial-gradient(circle,#783017,#190705);border:3px solid var(--gold);box-shadow:0 0 38px rgba(255,214,77,.32)}.jackpot{display:inline-block;margin:0 0 10px;padding:5px 18px;border-radius:999px;background:#140605;color:var(--gold);font-weight:900;letter-spacing:7px;border:1px solid var(--line);box-shadow:0 0 16px rgba(255,73,61,.26)}
h1{margin:0;font-size:clamp(38px,12vw,62px);line-height:.92;color:var(--gold);letter-spacing:-2px;text-shadow:0 5px 0 rgba(0,0,0,.18)}p{margin:12px auto 0;max-width:340px;line-height:1.5;color:var(--muted);font-size:16px}.primary,.secondary,.mini{border:0;border-radius:16px;font-weight:900;cursor:pointer}.primary{margin-top:18px;padding:16px 36px;background:linear-gradient(135deg,#fff09a,var(--gold),var(--orange));color:#260d04;box-shadow:0 10px 26px rgba(255,138,0,.28),0 5px 0 #9b3b00}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #9b3b00}.secondary{width:100%;padding:14px;background:transparent;color:var(--gold);border:1px solid var(--line);margin-top:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}.stats div{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center}.stats span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.stats b{font-size:22px;color:var(--gold)}
.slot-shell{padding:10px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,214,77,.18),rgba(255,73,61,.1));box-shadow:0 18px 44px rgba(0,0,0,.3)}.machine-top{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;margin-bottom:10px;border-radius:18px;background:#180706;color:var(--gold);border:1px solid var(--line)}.machine-top strong{font-size:15px;text-transform:uppercase;letter-spacing:.5px}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reel{aspect-ratio:.8/1;border-radius:22px;background:linear-gradient(180deg,#fff3bd,#ffc147 45%,#d45718);display:grid;place-items:center;border:4px solid #7d260d;box-shadow:inset 0 0 18px rgba(255,255,255,.5),0 8px 0 #5c1b0b;overflow:hidden}.symbol{font-size:clamp(46px,18vw,82px);filter:drop-shadow(0 6px 0 rgba(0,0,0,.18))}.spinning .symbol{animation:spin .18s linear infinite}@keyframes spin{0%{transform:translateY(-20px) scale(.9);opacity:.45}100%{transform:translateY(20px) scale(1.08);opacity:1}}
.runner{margin-top:18px;padding:12px;border-radius:18px;background:rgba(20,6,5,.72);border:1px solid var(--line)}.track{height:54px;border-radius:999px;background:linear-gradient(90deg,#3b1b0b,#844315,#ffc642);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}#chicken{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:34px;transition:left .45s cubic-bezier(.2,1.2,.35,1)}.finish{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:31px}.msg{text-align:center;min-height:48px;padding:14px 4px;color:var(--muted);font-size:15px}.actions{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;align-items:center}.actions .primary{margin:0}.mini{height:58px;background:linear-gradient(#ff8b7c,var(--red));color:#fff;font-size:32px;box-shadow:0 5px 0 #8c160f}.mini:active{transform:translateY(4px);box-shadow:0 1px 0 #8c160f}.spin{font-size:22px;letter-spacing:1px}
.page{max-width:760px;margin:0 auto;padding:30px 18px 70px;position:relative;z-index:1}.hero-doc{padding:38px 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}.hero-doc h1{margin-bottom:12px}.box{background:rgba(43,20,11,.78);border:1px solid var(--line);border-radius:22px;padding:20px;margin:16px 0}.box h2{margin:0 0 10px;color:var(--gold)}.box p,.box li{color:#ffd2a0;line-height:1.7}.footer{text-align:center;color:var(--muted);padding:24px;font-size:12px}
@media(max-width:390px){.bar{grid-template-columns:1fr auto}.logo{grid-column:1/-1;text-align:center}.actions{grid-template-columns:58px 1fr 58px}.mini{height:54px}nav a{font-size:11px;padding:6px}.reel{border-radius:18px}}


.back-lobby{
position:fixed;
left:12px;
bottom:12px;
z-index:9999;
display:inline-flex;
align-items:center;
gap:7px;
padding:11px 14px;
border-radius:999px;
background:linear-gradient(135deg,#fff,#ffd15c,#ff4ecb);
color:#17091e!important;
font-family:Arial,sans-serif;
font-size:13px;
font-weight:900;
text-decoration:none!important;
box-shadow:0 7px 0 rgba(0,0,0,.28),0 0 22px rgba(255,78,203,.35);
border:1px solid rgba(255,255,255,.45);
}
.back-lobby:active{
transform:translateY(4px);
box-shadow:0 3px 0 rgba(0,0,0,.28);
}