:root{--gold:#ffd45b;--gold2:#ff9f22;--bg:#06050b;--panel:#121726;--panel2:#1a2030;--text:#fff7dc;--muted:#aeb8cb;--good:#48d795;--bad:#ec6873}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#26102e,#080810 55%,#040409);color:white}
button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.wrap{max-width:1080px;margin:auto;padding:12px 12px 92px}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(#1b2130,#0b0d14);border:2px solid #c78b2f;border-radius:20px;padding:10px}.brand{font-family:Georgia,serif;font-size:27px;font-weight:1000;color:#ffe36e;text-shadow:0 2px #6d2500}.pill{padding:9px 12px;border-radius:999px;background:#0d131d;border:1px solid #3a455d;font-weight:900}.gold{color:#ffe270}
.hero{margin-top:9px;min-height:205px;border-radius:24px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55)),url('assets/hero.jpg') center/cover;border:2px solid #d18f2d;position:relative;overflow:hidden}.hero h1{position:absolute;left:0;right:0;bottom:22px;text-align:center;margin:0;font-family:Georgia,serif;font-size:clamp(38px,9vw,72px);color:#ffe169;text-shadow:0 4px #6a2100,0 0 20px #ff851c}.hero p{position:absolute;left:0;right:0;bottom:6px;text-align:center;margin:0;color:#ffe59b;font-weight:900}
.card{background:linear-gradient(#191f2e,#0d1119);border:1px solid #354057;border-radius:18px;padding:14px;margin-top:12px}.small{font-size:12px;color:var(--muted)}label{display:block;color:#bcc5d7;font-size:12px;margin:9px 0 5px}input,select{width:100%;background:#0b0f16;color:white;border:1px solid #3a455c;border-radius:11px;padding:11px}.btn{padding:11px 14px;border-radius:12px;background:linear-gradient(#343e54,#1c2231);color:white;font-weight:900}.btn.goldbtn{background:linear-gradient(#ffd76a,#e69f20);color:#211507}.btn.good{background:var(--good);color:#072114}.btn.bad{background:var(--bad);color:white}.row{display:flex;gap:8px}.row>*{flex:1}
.games{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.game{position:relative;aspect-ratio:.76;border-radius:18px;overflow:hidden;border:3px solid #dda139;background:#111}.game img{width:100%;height:100%;object-fit:cover}.game button{position:absolute;left:8%;right:8%;bottom:8px;padding:9px;border-radius:999px;background:linear-gradient(#ff5c2f,#b30d08);color:white;border:2px solid #ffe072;font-weight:1000}
.machine{margin-top:12px;border:3px solid #dea43c;border-radius:24px;padding:12px;background:linear-gradient(#3b1906,#07080d);box-shadow:0 0 28px rgba(255,159,35,.2)}.banner{height:170px;border-radius:17px;background-size:cover;background-position:center;border:2px solid #c18a33;position:relative;overflow:hidden}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}.banner-title{position:absolute;left:0;right:0;bottom:9px;z-index:2;text-align:center;font-family:Georgia,serif;font-size:30px;color:#ffe46f;font-weight:1000;text-shadow:0 3px #721b04}.jack{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.jack div{text-align:center;padding:7px;border-radius:12px;background:#0d1119;border:1px solid #b77f2b;color:#ffe171;font-weight:900;font-size:12px}.reels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:#05070a;padding:8px;border-radius:16px;border:3px solid #bb8a39}.sym{aspect-ratio:1;border-radius:11px;background:radial-gradient(circle at 35% 20%,#fffdf1,#ead9aa 66%,#c9a55b);color:#1c1308;display:grid;place-items:center;font-size:31px;border:2px solid #a87932}.sym.win{outline:3px solid #fff230;box-shadow:0 0 18px #ffe53b;animation:pulse .45s 3}@keyframes pulse{50%{transform:scale(1.08)}}.spinrow{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:9px}.spin{border-radius:15px;background:linear-gradient(#3cf069,#078e2e);color:#fff26a;border:3px solid #d9ac44;font-size:22px;font-weight:1000}.status{margin-top:8px;padding:10px;border-radius:12px;background:#121827;border:1px solid #2f394f}.wintext{color:#66f3a0;font-weight:1000}
.nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,1080px);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#151b29,#070a10);border:2px solid #c58b30;border-bottom:0;border-radius:20px 20px 0 0;z-index:50}.nav a,.nav button{background:transparent;color:#ffd76b;padding:12px 5px;font-weight:900}.logout{background:#492127!important}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px 7px;border-bottom:1px solid #2a3346;text-align:left;font-size:13px}.table th{color:#ffe07a}.badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#243047;color:#dce5f7;font-size:11px}
@media(min-width:760px){.games{grid-template-columns:repeat(4,1fr)}.sym{font-size:42px}}@media(max-width:700px){.row{flex-direction:column}.table{display:block;overflow:auto}}