:root{
  --bg:#070614;--bg2:#0d091c;--panel:#0e0b1f;--panel2:#14102a;--panel3:#1d1135;
  --gold:#ffcb36;--gold2:#b87700;--purple:#7e2dd2;--purple2:#bb3cff;--text:#f6f2ff;--muted:#aaa3bc;
  --line:#6c3d16;--line2:#4d315f;--green:#23f26d;--cyan:#6ddfff;--red:#ff5a6d;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#090618,#05040d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#080718 0,#05050f 100%);border-right:1px solid #6a4615;z-index:50;padding:18px 14px 18px;display:flex;flex-direction:column}.brand-wrap{height:95px;display:flex;align-items:center;justify-content:center}.sidebar-logo{width:220px;max-height:82px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,180,0,.18))}.side-nav{display:flex;flex-direction:column;gap:8px}.side-nav button{height:58px;border-radius:14px;border:1px solid #6b4a17;background:linear-gradient(180deg,#0f0d1e,#090817);color:#c7c2d5;display:flex;align-items:center;gap:13px;padding:0 16px;font-weight:800;text-align:left;cursor:pointer;font-size:15px;line-height:1.1}.side-nav button:hover{border-color:#a76e0b;color:white}.side-nav button.active{background:linear-gradient(90deg,#7d4b00,#3a1e07 60%,#281508);border-color:#d4940e;color:#ffd850;box-shadow:inset 0 0 22px rgba(255,178,0,.11)}.nav-ico{font-size:23px;filter:drop-shadow(0 0 5px #6f26ff)}.daily-side-card{margin-top:18px;flex:1;min-height:270px;border:1px solid #a56b09;border-radius:20px;padding:4px;background:linear-gradient(180deg,#a6650b,#3a234f 4%,#080716 96%,#a66b0b);overflow:hidden}.daily-card-inner{height:100%;border-radius:16px;background:radial-gradient(circle at 50% 0,#211349,#0d0a21 60%,#070611 100%);padding:36px 16px 0;text-align:center;position:relative;overflow:hidden}.daily-card-inner h3{color:#ffd23d;letter-spacing:.12em;font-size:16px;margin:0 0 14px}.daily-card-inner strong{font-size:18px;line-height:1.25;display:block}.daily-card-inner p{font-size:12px;color:#d7cfe5;line-height:1.45}.mini-slot-art{position:absolute;left:50%;transform:translateX(-50%);bottom:-32px;width:210px;height:150px;border:5px solid #a36811;border-radius:28px 28px 0 0;background:linear-gradient(#2c1235,#0a0610);display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 50px rgba(255,156,0,.18)}.mini-slot-art span{background:#f0d5a4;color:#a30012;font-weight:1000;font-size:36px;padding:10px 8px;border-right:1px solid #b57b24}.main-area{margin-left:260px;min-height:100vh}.topbar{height:102px;padding:15px 24px;display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:14px;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(9,6,23,.96),rgba(8,6,17,.92));backdrop-filter:blur(16px)}.top-stat,.user-box{border:1px solid #6d4919;border-radius:14px;background:linear-gradient(135deg,#17102e,#0c0a1b);min-height:70px;padding:10px 16px;display:flex;align-items:center;gap:13px;color:white}.top-stat small{display:block;color:#a9a1bd;font-size:11px;letter-spacing:.09em;font-weight:800}.top-stat b{font-size:21px}.top-ico{width:42px;height:42px;border:1px solid #d28d19;border-radius:50%;display:grid;place-items:center;background:#271038;box-shadow:0 0 20px rgba(178,42,255,.15)}.top-ico.purple{color:#ffd539;font-weight:1000;background:linear-gradient(145deg,#641c89,#251339)}.user-box{justify-content:center;cursor:pointer;font-weight:700}.avatar-dot{width:39px;height:39px;border:1px solid #6c6577;border-radius:50%;display:grid;place-items:center;color:#e5e0eb;background:#302d3c}.mobile-menu{display:none}.page{display:none;padding:0 24px 28px}.page.active{display:block}.home-slot-stage{min-height:575px;border-radius:0 0 24px 24px;padding:30px 6% 20px;background:linear-gradient(rgba(11,8,22,.82),rgba(7,6,16,.97)),url('/assets/vegas-bg.svg') center/cover;overflow:hidden}.slot-machine-wrap{width:min(1000px,100%);margin:0 auto;position:relative}.slot-frame{padding:27px 30px;border-radius:54px;background:linear-gradient(180deg,#6f2ebc,#1d0f3a);border:5px solid #dca834;box-shadow:inset 0 0 0 6px #542480,0 0 40px rgba(95,40,180,.4)}.reels-grid{height:410px;border:2px solid #f5b61f;border-radius:17px;background:#05040b;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden}.symbol{display:flex;align-items:center;justify-content:center;border-right:2px solid #b87900;border-bottom:1px solid #171123;background:linear-gradient(180deg,#08060f,#04040b);overflow:hidden;position:relative}.symbol:nth-child(5n){border-right:none}.symbol:nth-child(n+11){border-bottom:none}.symbol img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}.symbol.prize{background:radial-gradient(circle at center,#2c163f,#06050b 70%)}.symbol.prize img{width:72%;height:72%}.symbol.spin img{animation:slotBlur .14s linear infinite}@keyframes slotBlur{0%{transform:translateY(-14%) scaleY(.85);filter:blur(1px)}50%{transform:translateY(14%) scaleY(.78);filter:blur(3px)}100%{transform:translateY(-14%) scaleY(.85);filter:blur(1px)}}.line-badge{position:absolute;top:47%;transform:translateY(-50%);z-index:4;width:58px;height:78px;border-radius:12px;background:#4b176f;border:2px solid #ffbd2b;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(107,28,185,.5)}.line-badge.left{left:-24px}.line-badge.right{right:-24px}.line-badge b{font-size:26px}.line-badge small{font-size:10px}.slot-controls{width:min(1070px,100%);margin:-3px auto 0;border:1px solid #8d5a13;border-radius:17px;background:#0e0b19;padding:11px;display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:10px;box-shadow:0 18px 30px rgba(0,0,0,.35)}.control-box,.auto-btn,.spin-btn{min-height:91px;border-radius:12px;border:1px solid #3c3150;background:linear-gradient(180deg,#11101f,#0b0916);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.control-box small{font-size:11px;color:#aaa2bc}.control-box b{font-size:31px;color:#ffcb35}.control-box em{font-style:normal;font-size:9px;color:#766d87}.auto-btn{background:linear-gradient(180deg,#32154b,#1c0c2b);font-weight:900;cursor:pointer}.auto-btn.active{box-shadow:0 0 18px rgba(177,61,255,.45);border-color:#a647db}.spin-btn{cursor:pointer;border:2px solid #5dff42;background:linear-gradient(180deg,#55db27,#078112);box-shadow:inset 0 0 18px rgba(255,255,255,.15),0 0 18px rgba(31,255,47,.16)}.spin-btn b{font-size:32px;text-shadow:0 2px 3px rgba(0,0,0,.45)}.spin-btn small{font-weight:800}.panel{background:linear-gradient(180deg,#0e0b1d,#080713);border:1px solid #654319;border-radius:18px}.progress-panel{width:min(1070px,100%);margin:14px auto 0;padding:14px}.progress-panel h2,.page-heading h1,.reward-section-head h2,.process-section h2,.rules-accordion h2{color:#ffcb35;font-size:16px;margin:0 0 12px;letter-spacing:.03em}.compact-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.compact-card{border:1px solid #40304e;border-radius:12px;background:#0d0b1a;padding:12px;display:grid;grid-template-columns:54px 1fr;gap:10px;min-height:80px}.compact-card img{width:52px;height:52px;object-fit:contain}.compact-card h3{font-size:13px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-lights{display:flex;gap:3px;flex-wrap:wrap}.tiny-light,.light{width:12px;height:12px;border-radius:50%;border:1px solid #4c4264;background:#28213c}.tiny-light.on,.light.on{background:#ffc937;border-color:#ffd968;box-shadow:0 0 7px #eaa517}.compact-card small{color:#a39ab2;font-size:9px}.page-panel{padding:18px 16px 28px;min-height:calc(100vh - 122px)}.page-heading h1,.title-with-icon h1{font-size:20px;margin:0;color:#ffc939}.page-heading p,.title-with-icon p{color:#aaa4b6;margin:6px 0 14px;font-size:14px}.podium-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.podium-card{border:1px solid #7d4c19;border-radius:14px;padding:17px;text-align:center;background:linear-gradient(180deg,#130e23,#0c0916)}.podium-card.first{border-color:#d49a16;box-shadow:0 0 20px rgba(216,157,19,.08)}.podium-card small{color:#ffc936;font-weight:900}.podium-card b{display:block;font-size:18px;margin:10px 0}.podium-card span{color:#eee}.your-rank{margin:18px 0 8px;border:1px solid #783a9b;border-radius:12px;background:#28103b;padding:11px 16px;display:flex;justify-content:space-between;color:#bdb2c7}.your-rank b{color:#ffce35}.leader-table{width:100%;border-collapse:collapse}.leader-table th,.leader-table td{padding:12px 11px;border-bottom:1px solid #211c30;text-align:left}.leader-table th{color:#9991a9;font-size:11px}.leader-table td:first-child{color:#ffca31;font-weight:900}.reward-status-box{border:1px solid #7a4e18;border-radius:16px;padding:20px;margin:18px 0 30px;background:linear-gradient(180deg,#181124,#0e0b19)}.reward-status-box h3{color:#ffcc35;font-size:15px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-grid>div{border:1px solid #3b2d4f;border-radius:12px;padding:12px}.status-grid small,.status-grid span{display:block;color:#9991a8;font-size:10px}.status-grid b{display:block;color:#ffcd38;margin:5px 0}.reward-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 0 9px}.reward-section-head p{margin:3px 0;color:#a79fb2;font-size:12px}.countdown-chip{border:1px solid #7e38a2;border-radius:11px;padding:8px 12px;background:#1e0b2a;text-align:center;min-width:150px}.countdown-chip small{display:block;color:#b4a8c0;font-size:9px}.countdown-chip b{color:#ffcb38}.grand-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center}.reward-card{border:1px solid #6c4618;border-radius:15px;background:linear-gradient(180deg,#141022,#0b0916);padding:15px;text-align:center;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center}.grand-podium .reward-card:nth-child(2){min-height:330px;border-color:#e0aa2c}.reward-card img{width:160px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.grand-podium .reward-card:nth-child(2) img{width:190px;height:190px}.reward-card h3{font-size:15px;margin:9px 0 2px}.reward-card .category-label{font-size:11px;color:#b7afbf}.lights{display:flex;justify-content:center;gap:3px;margin:10px 0}.light{width:13px;height:13px}.reward-card .remaining{font-size:9px;color:#a8a0b2}.medium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.medium-grid .reward-card{min-height:220px}.medium-grid .reward-card img{height:130px}.cash-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cash-grid .reward-card{min-height:210px}.cash-grid .reward-card img{width:95px;height:90px}.process-section{margin-top:28px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.process-grid>div{border:1px solid #423150;border-radius:12px;padding:12px;background:#0d0b18}.process-grid b{font-size:12px;color:#ffd03a}.process-grid p{font-size:12px;line-height:1.45;color:#d5cfdd}.rules-accordion{margin-top:25px}.rules-accordion details{border:1px solid #423150;border-radius:11px;background:#0d0b18;margin:8px 0;padding:0 14px}.rules-accordion summary{padding:13px 0;cursor:pointer;font-weight:800}.rules-accordion p{color:#b9b1c3;font-size:13px;line-height:1.6}.daily-rights-box{margin-top:22px;border:1px solid #9a5913;border-radius:15px;background:linear-gradient(135deg,#23123f,#130b26 60%,#0e091b);padding:18px}.box-kicker{font-size:9px;color:#aaa0b5;letter-spacing:.12em;font-weight:800}.daily-rights-box h2{color:#ffcc39;margin:4px 0 9px}.daily-rights-box hr{border:0;border-top:1px solid #5a455e}.daily-rights-box h3{font-size:12px}.daily-rights-box p{font-size:11px;color:#aaa2b5;line-height:1.55}.tier-title{display:flex;justify-content:space-between;color:#ffc83b;font-size:11px}.tier-title span{color:#8d849d;font-size:10px}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.tier-grid>div{border:1px solid #4a3c58;border-radius:8px;padding:9px 11px;display:flex;justify-content:space-between;font-size:10px}.important{padding:10px;background:#1b1824;border-left:2px solid #e6a612;font-size:10px;color:#aaa2b4}.important b{color:#ffc838}.example{margin-top:9px;border:1px solid #5d2581;border-radius:8px;padding:9px;display:flex;gap:15px;font-size:10px}.example b{color:#ffc638}.example strong{color:#37ee71}.foot-note{color:#a79fb2;font-size:11px}.title-with-icon{display:flex;gap:12px;align-items:flex-start}.title-with-icon>span{width:47px;height:47px;border:1px solid #90631a;border-radius:12px;display:grid;place-items:center;font-size:22px}.draw-summary-grid,.winner-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0}.draw-summary-grid>div,.winner-summary-grid>div{border:1px solid #55268b;border-radius:15px;background:linear-gradient(135deg,#28154a,#0f0b21);padding:20px;min-height:120px}.draw-summary-grid small,.winner-summary-grid small{display:block;color:#aea4ba;font-size:10px;letter-spacing:.1em;font-weight:800}.draw-summary-grid b,.winner-summary-grid b{display:block;color:#ffc934;margin:6px 0;font-size:18px}.draw-summary-grid span,.winner-summary-grid span{display:block;color:#9e94aa;font-size:11px}.filter-bar{border:1px solid #4a255e;border-radius:12px;background:#180b27;padding:9px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filters button,.tabs-row button{border:0;background:transparent;color:#c5bdcf;padding:10px 13px;border-radius:9px;cursor:pointer;font-size:11px;font-weight:800}.category-filters button.active,.tabs-row button.active{background:#7629ba;color:white;border:1px solid #a84cdb}.status-filters{display:flex;gap:12px;font-size:10px;color:#aaa2b3}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.dot.gold{background:#ffc638}.dot.green{background:#28e462}.dot.cyan{background:#4ccfe7}.dot.gray{background:#9491a0}.draw-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.draw-card{border:1px solid #6d4317;border-radius:14px;background:linear-gradient(180deg,#130f21,#0b0916);padding:13px;min-height:185px;position:relative}.draw-card img{width:110px;height:90px;object-fit:contain;float:left;margin-right:9px}.draw-card h3{font-size:14px;margin:8px 0 5px}.draw-card time{font-size:10px;color:#8f879b;border:1px solid #342941;border-radius:7px;padding:3px 6px}.draw-card p{font-size:10px;color:#aaa1b2}.active-badge{position:absolute;right:9px;top:9px;border:1px solid #18de61;color:#33ef78;border-radius:20px;padding:2px 6px;font-size:8px}.detail-link{display:block;clear:both;color:#ffca33;font-size:10px;font-weight:800;padding-top:8px}.draw-info-strip{margin-top:15px;border:1px solid #632e8c;border-radius:12px;background:#170b26;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.draw-info-strip b{font-size:12px}.draw-info-strip p{margin:3px 0;color:#9d95a8;font-size:10px}.draw-info-strip button{border:0;border-radius:9px;padding:10px 16px;background:linear-gradient(#ffd663,#cc8d12);color:#1a1308;font-weight:900;cursor:pointer}.today-rights{border:1px solid #4e2765;background:#190e2b;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.today-rights>div{background:#181326;border-radius:8px;padding:10px;display:flex;justify-content:space-between;color:#b7afc1}.today-rights b{color:white;font-size:18px}.tabs-row{display:flex;gap:8px;margin:14px 0}.tabs-row button{border:1px solid #42324c}.tabs-row button.active{border-color:#cc8e0a;background:transparent;color:#ffc834}.ledger-list{min-height:380px}.ledger-item{padding:14px 4px;border-bottom:1px solid #191524;display:grid;grid-template-columns:1fr auto auto;gap:12px}.ledger-item h4{margin:0;font-size:12px}.ledger-item p{margin:3px 0;color:#9b92a6;font-size:10px}.ledger-item .delta{color:#2df06a;font-weight:900}.ledger-item time{color:#9b92a6;font-size:10px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-field{border:1px solid #4d2766;border-radius:12px;background:#17102a;padding:13px}.profile-field small{display:block;color:#aaa0b3;font-size:10px}.profile-field b{display:block;margin-top:5px;font-size:17px}.logout-small{margin-top:16px;border:1px solid #8d3b9e;background:#281237;color:white;padding:9px 12px;border-radius:9px;font-weight:800;cursor:pointer}.winner-summary-grid strong{display:block;font-size:26px;margin-top:8px}.result-counts{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:end}.result-counts b{font-size:26px;color:white}.section-line{font-size:14px;color:#ffca35;border-bottom:1px solid #5b3c18;padding-bottom:8px}.empty-state{border:1px dashed #533177;border-radius:13px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#ffcf36}.empty-state b{color:white;font-size:13px}.empty-state span{color:#8f879c;font-size:10px}.active-pill{background:#6a2ab0;padding:8px;border-radius:8px;color:white}.archive-head{display:flex;justify-content:space-between;align-items:center}.archive-head button{background:transparent;border:1px solid #604b25;color:#d9bc7a;border-radius:8px;padding:7px 10px;font-size:9px}.modal{position:fixed;inset:0;background:rgba(2,2,8,.84);display:grid;place-items:center;z-index:100;padding:20px}.hidden{display:none!important}.modal-card{position:relative;width:min(650px,94vw);max-height:92vh;overflow:auto;background:#0d0a1a;border:1px solid #a36a0b;border-radius:30px;padding:34px}.login-card{width:min(430px,94vw);text-align:center}.login-card img{width:240px}.modal-card input{width:100%;padding:13px;border:1px solid #453454;border-radius:10px;background:#080711;color:white}.gold-action{margin-top:10px;border:0;border-radius:10px;padding:13px 18px;background:linear-gradient(#ffd966,#c98709);font-weight:900;cursor:pointer}.modal-x{position:absolute;right:22px;top:18px;border:1px solid #4e465a;background:#0e0c17;color:white;width:44px;height:44px;border-radius:50%;font-size:25px;cursor:pointer}.how-card{width:min(1370px,96vw);padding:48px 50px;border-radius:34px}.modal-kicker{color:#ffca35;letter-spacing:.13em;font-weight:900;font-size:16px}.how-card h2{font-size:44px;margin:14px 0 20px}.how-intro{font-size:22px;color:#a89fb3;line-height:1.5}.how-box{border:1px solid #44354f;border-radius:16px;padding:20px 22px;margin:14px 0}.how-box b{font-size:20px}.how-box p{font-size:18px;color:#a8a0b1;line-height:1.5}.toast{position:fixed;right:24px;bottom:24px;z-index:120;background:#20112f;border:1px solid #9f5a0e;border-radius:10px;padding:12px 16px;color:white;opacity:0;transform:translateY(14px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.message{color:#ffbf48;margin-top:8px;font-size:12px}
@media(max-width:1200px){.compact-progress-grid{grid-template-columns:repeat(3,1fr)}.draw-card-grid{grid-template-columns:repeat(3,1fr)}.cash-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:1fr 1fr}.reels-grid{height:350px}}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-area{margin-left:0}.mobile-menu{display:block;border:1px solid #634718;background:#0d0a18;color:#ffd13b;border-radius:10px}.topbar{grid-template-columns:auto 1fr 1fr}.user-box{display:none}.compact-progress-grid{grid-template-columns:repeat(2,1fr)}.grand-podium,.medium-grid{grid-template-columns:1fr}.grand-podium .reward-card:nth-child(2){order:-1}.draw-summary-grid,.winner-summary-grid,.status-grid{grid-template-columns:1fr}.draw-card-grid{grid-template-columns:1fr 1fr}.cash-grid{grid-template-columns:1fr 1fr}.filter-bar{align-items:flex-start;flex-direction:column}.slot-frame{padding:18px}.reels-grid{height:320px}.profile-fields{grid-template-columns:1fr}}
@media(max-width:620px){.page{padding:0 10px 18px}.topbar{height:80px;padding:10px;gap:7px}.top-stat{min-height:58px;padding:7px}.top-ico{display:none}.top-stat small{font-size:8px}.top-stat b{font-size:18px}.home-slot-stage{padding:18px 8px}.slot-frame{border-radius:24px;padding:12px}.reels-grid{height:275px;border-radius:10px}.line-badge{display:none}.slot-controls{grid-template-columns:1fr 1fr}.control-box{display:none}.spin-btn,.auto-btn{min-height:72px}.spin-btn b{font-size:27px}.compact-progress-grid{grid-template-columns:1fr}.cash-grid,.draw-card-grid,.process-grid{grid-template-columns:1fr}.grand-podium{grid-template-columns:1fr}.medium-grid{grid-template-columns:1fr}.reward-section-head{align-items:flex-start;gap:10px}.countdown-chip{min-width:130px}.tier-grid{grid-template-columns:1fr}.today-rights{grid-template-columns:1fr 1fr}.category-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.how-card{padding:30px 20px}.how-card h2{font-size:32px}.how-intro,.how-box p{font-size:15px}.how-box b{font-size:16px}}

/* ============================
   HALLOWEEN EDITION OVERRIDES
   ============================ */
:root{--h-orange:#ff8a00;--h-orange2:#ffbd22;--h-purple:#9a22ff;--h-deep:#07030e;--h-card:#130922;--h-green:#72ff19}
html,body{background:#05020a;color:#fff;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:
 radial-gradient(circle at 83% 19%,rgba(255,92,0,.12),transparent 22%),
 radial-gradient(circle at 48% 18%,rgba(128,28,255,.20),transparent 28%),
 linear-gradient(180deg,#10051d 0%,#07020d 48%,#030207 100%)}
body:after{content:"";position:fixed;right:-5vw;top:7vh;width:min(42vw,650px);height:min(80vh,850px);z-index:-2;background:url('/assets/slot/castle.png?opt=1') center/contain no-repeat;opacity:.13;filter:saturate(1.15) blur(.2px);pointer-events:none}
.sidebar{width:205px;padding:8px 10px 12px;background:linear-gradient(180deg,rgba(8,3,17,.98),rgba(5,2,11,.99));border-right:1px solid rgba(255,142,0,.5);box-shadow:10px 0 30px rgba(0,0,0,.38)}
.brand-wrap{height:78px}.sidebar-logo{width:185px;max-height:72px;filter:drop-shadow(0 0 8px rgba(183,39,255,.55)) drop-shadow(0 0 8px rgba(255,120,0,.35))}
.side-nav{gap:6px}.side-nav button{height:48px;border-radius:10px;padding:0 10px;gap:9px;font-size:12px;letter-spacing:.01em;background:linear-gradient(180deg,rgba(23,11,37,.96),rgba(9,5,17,.98));border:1px solid rgba(255,133,0,.38);box-shadow:inset 0 0 16px rgba(116,19,190,.09)}
.side-nav button.active{background:linear-gradient(180deg,rgba(118,50,0,.96),rgba(64,18,0,.96));color:#ffd63f;border-color:#ff9c00;box-shadow:inset 0 0 18px rgba(255,151,0,.30),0 0 12px rgba(255,106,0,.12)}
.nav-img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(172,35,255,.55))}.side-nav button.active .nav-img{filter:drop-shadow(0 0 8px rgba(255,132,0,.85))}
.sound-toggle{height:42px;margin-top:8px;border:1px solid rgba(255,137,0,.45);border-radius:10px;background:#10091b;color:#ffd95c;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:11px;cursor:pointer}.sound-toggle img{width:30px;height:30px;object-fit:contain}.sound-toggle.muted{filter:grayscale(.75);opacity:.65}
.daily-side-card{margin-top:10px;min-height:250px;border-radius:16px;border:1px solid #e98100;padding:2px;background:linear-gradient(180deg,#a54500,#47155c 8%,#090411 93%,#a84d00)}
.daily-card-inner{border-radius:14px;padding:18px 9px 8px;background:radial-gradient(circle at 50% 6%,#33134b,#10071f 54%,#07030d 100%)}
.daily-card-inner h3{font-size:14px;margin-bottom:10px;color:#ffd844}.daily-card-inner strong{font-size:15px}.daily-card-inner p{font-size:10px}.daily-slot-art{display:block;width:145px;height:110px;object-fit:contain;margin:4px auto 0;filter:drop-shadow(0 0 10px rgba(255,104,0,.35))}
.main-area{margin-left:205px;position:relative}.topbar{height:72px;padding:7px 14px;grid-template-columns:1fr 1fr 1.1fr;gap:10px;background:linear-gradient(180deg,rgba(11,4,22,.98),rgba(6,3,13,.94));border-bottom:1px solid rgba(255,124,0,.14)}
.top-stat,.user-box{min-height:56px;border-radius:10px;padding:7px 11px;border:1px solid rgba(255,130,0,.38);background:linear-gradient(180deg,rgba(22,10,38,.92),rgba(10,5,19,.94));box-shadow:inset 0 0 18px rgba(102,20,175,.08)}
.top-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(156,31,255,.55))}.top-stat small{font-size:9px;letter-spacing:.12em}.top-stat b{font-size:17px}.user-box{justify-content:center;font-size:12px}
.page{padding:0 15px 20px}.home-slot-stage{min-height:438px;padding:25px 4.5% 8px;background:
 radial-gradient(circle at 50% 32%,rgba(105,17,153,.13),transparent 37%),
 linear-gradient(180deg,rgba(6,3,12,.12),rgba(4,2,8,.84));border-radius:0;overflow:visible}
.slot-machine-wrap{width:min(850px,100%)}.slot-frame{position:relative;padding:22px 28px;border-radius:30px;background:linear-gradient(180deg,#351054,#160827);border:2px solid #ed8f08;box-shadow:inset 0 0 0 4px rgba(115,24,180,.38),0 0 22px rgba(124,17,211,.26)}
.slot-frame:before{content:"";position:absolute;inset:-30px -38px -30px;pointer-events:none;background:url('/assets/ui/slot-frame.png?opt=1') center/100% 100% no-repeat;z-index:4;filter:drop-shadow(0 0 10px rgba(255,91,0,.22))}.reels-grid{height:275px;position:relative;z-index:3;border:1px solid #f3980b;border-radius:8px;background:#06040a;box-shadow:inset 0 0 24px rgba(0,0,0,.75)}
.symbol{border-right:1px solid rgba(255,139,0,.64);border-bottom:1px solid rgba(92,39,94,.55);background:radial-gradient(circle at center,rgba(21,8,31,.85),#050208 72%)}.symbol img{width:80%;height:80%;filter:drop-shadow(0 5px 9px rgba(0,0,0,.65)) drop-shadow(0 0 4px rgba(177,38,255,.20));transition:filter .12s,transform .12s}.symbol.prize{background:radial-gradient(circle at center,#32134c,#07030c 72%)}
.symbol.spinning{overflow:hidden}.symbol.spinning img{animation:reelDown .145s linear infinite;filter:blur(2.2px) saturate(1.15) brightness(1.1)}
@keyframes reelDown{0%{transform:translateY(-42%) scaleY(.92)}100%{transform:translateY(42%) scaleY(.92)}}
.symbol.win-hit{z-index:2;box-shadow:inset 0 0 0 2px #ffbe2c,inset 0 0 28px rgba(255,145,0,.42)}.symbol.win-hit img{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(255,178,0,.85))}
.symbol.special-hit{z-index:3;box-shadow:inset 0 0 0 2px #ffd34a,inset 0 0 34px rgba(255,155,0,.62);animation:specialPulse .7s ease-in-out 3}.symbol.special-hit:after{content:"✦   ●  ✦  ●   ✦";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffd24c;font-size:20px;letter-spacing:5px;text-shadow:0 0 8px #ff6a00;animation:coinsRain .8s linear 2;pointer-events:none}@keyframes specialPulse{50%{filter:brightness(1.35)}}@keyframes coinsRain{0%{transform:translateY(-45%) scale(.8);opacity:0}35%{opacity:1}100%{transform:translateY(48%) scale(1.2);opacity:0}}
.line-badge{top:50%;width:46px;height:66px;border-radius:9px;background:linear-gradient(#52206f,#210a32);border:2px solid #f38d08;box-shadow:0 0 10px rgba(255,101,0,.28)}.line-badge.left{left:-19px}.line-badge.right{right:-19px}.line-badge b{font-size:22px}.line-badge small{font-size:8px}
.slot-controls{width:min(900px,100%);padding:7px;margin-top:4px;grid-template-columns:1fr 1.12fr 1.45fr;gap:7px;border-color:rgba(255,133,0,.42);border-radius:10px;background:rgba(10,5,17,.95)}.control-box,.auto-btn,.spin-btn{min-height:66px;border-radius:8px}.control-box{background:linear-gradient(180deg,#14091f,#0b0611);border-color:#49304e}.control-box small{font-size:8px}.control-box b{font-size:24px;color:#ffd847}.auto-btn{background:linear-gradient(180deg,#50146b,#24092f);border:1px solid #8b289d;box-shadow:inset 0 0 18px rgba(199,40,255,.14);font-size:12px}.spin-btn{position:relative;border:1px solid #7cff32;background:linear-gradient(180deg,#57cf1b,#0c7d09 72%,#065c08);box-shadow:inset 0 0 18px rgba(205,255,136,.24),0 0 12px rgba(82,255,23,.18)}.spin-btn:before{content:"";position:absolute;inset:-5px;background:url('/assets/ui/spin-frame.png?opt=1') center/100% 100% no-repeat;opacity:.24;pointer-events:none}.spin-btn b{font-size:25px}.spin-btn small{font-size:9px}
.progress-panel{width:min(900px,100%);margin-top:10px;padding:9px 11px;border:1px solid rgba(255,123,0,.42);border-radius:10px;background:linear-gradient(180deg,rgba(15,7,24,.97),rgba(8,4,14,.98));box-shadow:inset 0 0 25px rgba(123,22,188,.05)}.progress-panel h2{font-size:12px;margin-bottom:8px}.compact-progress-grid{grid-template-columns:repeat(4,1fr);gap:7px}.compact-card{min-height:64px;padding:7px;grid-template-columns:40px 1fr;gap:7px;border-radius:8px;border-color:#46234f;background:linear-gradient(180deg,#160b22,#0d0716)}.compact-card img{width:40px;height:40px}.compact-card h3{font-size:9px}.tiny-light{width:8px;height:8px}.tiny-light.on,.light.on{background:#ff7d00;border-color:#ffb02d;box-shadow:0 0 7px #ff7100}.compact-card small{font-size:7px}.page-panel,.reward-status-box,.draw-summary-grid>div,.winner-summary-grid>div,.reward-card,.draw-card,.profile-field,.daily-rights-box,.rules-accordion details{background:linear-gradient(180deg,rgba(18,7,28,.97),rgba(8,4,13,.98));border-color:rgba(255,127,0,.35)}
.reward-card img{filter:drop-shadow(0 0 7px rgba(122,27,179,.28))}.page-heading h1,.reward-section-head h2,.process-section h2,.rules-accordion h2,.progress-panel h2{color:#ffbe2c}.light.on{background:#ff7900}
.modal-card{background:linear-gradient(180deg,#160a24,#08040e);border-color:#ef8b08;box-shadow:0 0 40px rgba(140,28,219,.25)}
.login-card img{width:280px;max-width:80%}
.adminBody{background:#07030d}.adminSide,.adminCard,.tableCard{background:#10071a!important;border-color:#6c2f2f!important}.adminSide img{filter:drop-shadow(0 0 10px rgba(159,32,244,.45))}
/* Admin console */
.admin .modalCard{width:min(430px,94vw);text-align:center;position:relative;background:#10071a;border:1px solid #a36a0b;border-radius:18px;padding:28px;display:grid;gap:12px}.admin .modalCard img{width:240px;max-width:90%;margin:auto}.admin .modalCard input{padding:12px;border:1px solid #49304f;border-radius:8px;background:#0b0612;color:#fff}
.adminLayout{min-height:100vh;display:flex}.adminSide{width:235px;flex:0 0 235px;padding:18px 12px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #6c2f2f;position:sticky;top:0;height:100vh}.adminSide>img{width:190px;max-height:72px;object-fit:contain;margin:0 auto 12px}.adminSide button{border:1px solid #49304f;background:#160b22;color:#d8cde0;padding:11px;border-radius:8px;text-align:left;cursor:pointer}.adminSide button:hover,.adminSide button.active{color:#ffd34c;border-color:#c27811;background:#32162f}.adminIdentity{font-size:11px;color:#ffbf48;padding:7px 10px;border-bottom:1px solid #39203d}.adminMain{flex:1;padding:22px;min-width:0}.adminTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.adminTop h1{margin:5px 0;color:#ffcb36}.adminPanel{display:none}.adminPanel.active{display:block}.adminCard,.tableCard{padding:18px;border:1px solid #6c2f2f;border-radius:12px;margin-bottom:16px}.adminCard h2,.adminCard h3{color:#ffcb36;margin-top:0}.adminStats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.adminStat{padding:15px;border:1px solid #623b1c;border-radius:10px;background:#170b22}.adminStat small{display:block;color:#a99ab4;font-size:10px}.adminStat b{display:block;color:#ffd34c;font-size:20px;margin-top:5px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.admin input,.admin select,.admin textarea,.adminCard input,.adminCard select,.adminCard textarea{width:100%;padding:10px;border:1px solid #49304f;border-radius:7px;background:#0b0612;color:#fff}.admin textarea{min-height:80px;resize:vertical}.admin table{width:100%;border-collapse:collapse}.admin th,.admin td{padding:9px 8px;border-bottom:1px solid #302039;text-align:left;vertical-align:middle}.admin th{font-size:11px;color:#b8a9c2}.admin td input,.admin td textarea,.admin td select{min-width:90px}.admin .goldbtn,.admin .ghostbtn{cursor:pointer;padding:9px 12px;border-radius:7px;font-weight:800;border:1px solid #a76a0d}.admin .goldbtn{background:linear-gradient(#ffd85f,#b9770a);color:#1a0d04}.admin .ghostbtn{background:#21102c;color:#ffd34c}.maintenancePreview{padding:20px;border:1px dashed #ad6b12;border-radius:10px;background:#0b0612}.maintenancePreview h3{color:#ffcb36}.maintenancePreview p{white-space:pre-wrap;color:#ddd}.assetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.assetItem{display:grid;gap:8px;padding:12px;border:1px solid #49304f;border-radius:9px}.assetItem img{width:100%;height:100px;object-fit:contain}.admin pre{white-space:pre-wrap;color:#d9d0df;background:#0b0612;padding:12px;border-radius:7px}.adminLoginMsg{min-height:20px}
@media(max-width:850px){.adminSide{width:175px;flex-basis:175px}.adminStats{grid-template-columns:repeat(2,1fr)}.adminMain{padding:12px}.adminTop{align-items:flex-start}.tableCard{overflow:auto}.admin table{min-width:650px}}
@media(max-width:560px){.adminLayout{display:block}.adminSide{position:static;width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr}.adminSide>img,.adminIdentity{grid-column:1/-1}.adminMain{padding:9px}.formGrid{grid-template-columns:1fr}}
@media(max-width:1200px){.sidebar{width:190px}.main-area{margin-left:190px}.compact-progress-grid{grid-template-columns:repeat(3,1fr)}.reels-grid{height:255px}}
@media(max-width:950px){.sidebar{width:205px}.main-area{margin-left:0}.topbar{grid-template-columns:auto 1fr 1fr}.home-slot-stage{padding-left:10px;padding-right:10px}.compact-progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:70px}.top-img{display:none}.reels-grid{height:250px}.slot-frame{padding:12px}.slot-frame:before{inset:-20px}.compact-progress-grid{grid-template-columns:1fr}.daily-slot-art{width:120px}.page{padding:0 8px 16px}}

/* Historical winner archive: a quiet, clearly separate record of the September draw. */
.history-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 10px;padding:15px 18px;border:1px solid rgba(222,150,71,.4);border-left:3px solid #d59a55;border-radius:11px;background:linear-gradient(100deg,rgba(31,20,25,.94),rgba(13,8,17,.92))}
.history-entry>div{display:grid;gap:4px}.history-entry small,.history-stamp,.historical-kicker{color:#d8ad7c;font-size:10px;font-weight:800;letter-spacing:.13em}.history-entry b{font-size:18px;color:#f1dfc8}.history-entry span{font-size:12px;color:#b8a9a0}
.history-entry button,.historical-viewer select{border:1px solid rgba(213,154,85,.58);border-radius:7px;background:#201720;color:#f1dfc8;padding:10px 13px;font-weight:800;cursor:pointer}
.historical-viewer{padding:18px;margin:12px 0 22px;border:1px solid rgba(213,154,85,.34);border-radius:12px;background:linear-gradient(145deg,rgba(24,16,21,.96),rgba(10,7,13,.96));}
.historical-viewer-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:13px;border-bottom:1px solid rgba(213,154,85,.2)}
.historical-viewer-head h2{margin:6px 0 2px;color:#eddbc5;font-size:22px}.historical-viewer-head p{margin:0;color:#b8a9a0;font-size:12px}.historical-viewer-head label{display:grid;gap:5px;color:#cdb9a3;font-size:12px;min-width:min(100%,280px)}
.historical-message{color:#cbbbac;font-size:13px;margin:14px 0}
.historical-prize-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.historical-prize-group{padding:12px;border:1px solid rgba(193,148,104,.22);border-radius:9px;background:rgba(7,6,10,.48)}
.historical-prize-heading{display:flex;align-items:center;gap:10px;min-height:49px}.historical-prize-heading img{width:42px;height:42px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,.045)}
.historical-prize-heading small{color:#c9a77f;font-size:9px;letter-spacing:.1em}.historical-prize-heading h3{margin:3px 0 0;color:#f0dfcc;font-size:14px}
.historical-winner-list{list-style:none;padding:8px 0 0;margin:7px 0 0;border-top:1px solid rgba(213,154,85,.16);display:grid;gap:7px}
.historical-winner-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#e7d9cc;font-size:13px}.historical-winner-list time{color:#9c8d85;font-size:10px;white-space:nowrap}
.winner-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.winner-workspace-head h2{margin:0}
.historical-admin-tools{margin:12px 0 18px;padding:16px;border:1px solid rgba(213,154,85,.38);border-left:3px solid #d59a55;border-radius:10px;background:linear-gradient(110deg,rgba(42,26,28,.88),rgba(14,9,17,.94))}
.historical-admin-tools h3{margin:6px 0;color:#edc98d}.historical-admin-tools p{margin:4px 0 12px;color:#c3b5aa;font-size:13px}
.historical-admin-tools .formGrid{align-items:end}.historical-admin-tools label{display:grid;gap:6px;color:#d8c8b5;font-size:12px}
.historical-state{align-self:center;color:#e3c28d;font-size:12px;font-weight:900;letter-spacing:.12em}
.historical-missing-note{padding:10px 12px;border-left:3px solid #d59a55;color:#ead3b3;background:rgba(115,75,42,.18);font-size:13px}
.historical-winner-card{border-color:rgba(190,151,112,.3)!important;background:linear-gradient(155deg,rgba(31,23,26,.94),rgba(10,8,13,.96))!important;box-shadow:none!important}
.draw-card img.historical-prize-thumb{display:block;float:none;width:54px;height:54px;object-fit:contain;margin:0 0 7px;border-radius:6px;background:rgba(255,255,255,.035);filter:none}
.historical-card-label{display:block;margin:2px 0 5px;color:#c9a77f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.historical-winner-card h3{margin:4px 0 8px;color:#ead8c2}
.historical-winner-card p{color:#aa9b91}
@media(max-width:620px){.history-entry{align-items:flex-start;flex-direction:column}.history-entry button{width:100%}.historical-viewer-head{align-items:stretch;flex-direction:column}.historical-viewer-head label{min-width:0}.historical-prize-groups{grid-template-columns:1fr}.winner-workspace-head{align-items:flex-start;flex-direction:column}.winner-workspace-head button{width:100%}}

.prize-winner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;align-items:start}
.prize-winner-card{min-height:0;padding:13px;display:grid;grid-template-columns:66px minmax(0,1fr);align-content:start;gap:0 10px;border-color:rgba(213,154,85,.32);background:linear-gradient(155deg,rgba(25,14,31,.96),rgba(9,7,14,.98))}
.prize-winner-card img.prize-winner-image{float:none;grid-column:1;grid-row:1/3;width:66px;height:66px;object-fit:contain;margin:0;border-radius:8px;background:rgba(255,255,255,.035);filter:none}
.prize-winner-heading{grid-column:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.prize-winner-heading h3{margin:2px 0;color:#f0dfcc;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.prize-winner-count{flex:none;padding:4px 7px;border:1px solid rgba(213,154,85,.26);border-radius:20px;color:#e8c98e;background:rgba(110,66,29,.16);font-size:10px;white-space:nowrap}
.prize-winner-draw{grid-column:2;margin-top:5px;color:#9b8f9d;font-size:10px}
.prize-winner-list{grid-column:1/-1;list-style:none;padding:8px 0 0;margin:10px 0 0;border-top:1px solid rgba(213,154,85,.16);display:grid;gap:0;max-height:340px;overflow:auto}
.prize-winner-list li{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.045);color:#e7d9cc;font-size:12px}
.prize-winner-list li:last-child{border-bottom:0}
.prize-winner-list li b{min-width:0;overflow-wrap:anywhere;font-weight:700}
.prize-winner-list time{flex:none;color:#9c8d85;font-size:10px;white-space:nowrap}
.prize-winner-card.own-winner{border-color:rgba(255,203,54,.68);box-shadow:0 0 18px rgba(255,175,39,.09)}
.prize-winner-list li.own-winner b{color:#ffd66a}
.prize-winner-card .own-winner-badge{grid-column:1/-1;margin-top:8px}

/* Fixed Halloween cemetery backdrop: image, readability overlay, then app UI. */
html,body{background:#09040f;color:#fff;overflow-x:hidden}
body:before{
 content:"";
 position:fixed;
 inset:0;
 z-index:0;
 background:url("/assets/themes/halloween/backgrounds/sisli_cadilar_bayrami.png?opt=1") center center/cover no-repeat;
 opacity:.76;
 filter:blur(1px) saturate(.9);
 transform:scale(1.015);
 pointer-events:none
}
body:after{
 content:"";
 position:fixed;
 inset:0;
 z-index:0;
 background:linear-gradient(180deg,rgba(8,3,17,.48),rgba(7,3,14,.62));
 pointer-events:none
}
.app-shell{position:relative;z-index:1;min-height:100vh}
.sidebar{background:linear-gradient(180deg,rgba(8,3,17,.88),rgba(5,2,11,.86))}
.topbar{background:linear-gradient(180deg,rgba(11,4,22,.88),rgba(6,3,13,.82))}
.home-slot-stage{
 background:
  radial-gradient(circle at 50% 32%,rgba(105,17,153,.12),transparent 40%),
  linear-gradient(180deg,rgba(6,3,12,.18),rgba(4,2,8,.42))
}
.page-panel,.reward-status-box,.draw-summary-grid>div,.winner-summary-grid>div,.reward-card,.draw-card,.profile-field,.daily-rights-box,.rules-accordion details{
 background:linear-gradient(180deg,rgba(18,7,28,.9),rgba(8,4,13,.9))
}

/* Preserve the supplied 3:1 frame ratio so it fits the spin control cleanly. */
.slot-controls{grid-template-columns:1fr 1fr 1fr}
.spin-btn{
 width:100%;
 min-height:0;
 aspect-ratio:3 / 1;
 align-self:center;
 position:relative;
 overflow:visible;
 border:0;
 border-radius:14px;
 background:linear-gradient(180deg,#0c5014,#052b0a);
 box-shadow:0 8px 22px rgba(79,255,23,.18);
 transition:transform .16s ease,box-shadow .16s ease
}
.spin-btn:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 background:url("/assets/ui/spin-button-frame.png?opt=1") center/100% 100% no-repeat;
 opacity:1;
 filter:drop-shadow(0 3px 7px rgba(60,255,0,.28));
 pointer-events:none
}
.spin-btn b,.spin-btn small{position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.82)}
.spin-btn b{font-size:clamp(20px,2vw,28px);letter-spacing:.06em}
.spin-btn small{font-size:10px;font-weight:900;letter-spacing:.1em}
.spin-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(79,255,23,.3)}
.spin-btn:hover:before{filter:brightness(1.08) drop-shadow(0 3px 9px rgba(60,255,0,.38))}
.spin-btn:active{transform:scale(.985)}
.spin-btn:focus-visible{outline:3px solid #eaffab;outline-offset:3px}

/* Give the supplied frame the full space formerly used by Auto Play. */
.slot-controls{grid-template-columns:1fr 1.8fr}
.slot-controls>.auto-btn{display:none!important}
.spin-btn b{font-size:clamp(32px,3.5vw,48px)}
.spin-btn small{font-size:clamp(12px,1.15vw,16px)}
@media(max-width:620px){
 .slot-controls{grid-template-columns:minmax(0,1fr)}
 .slot-controls>.control-box{display:none}
}

/* Match the reference: win, auto-play, and a full-cell spin frame. */
.slot-controls{grid-template-columns:1.1fr .9fr 1.1fr}
.slot-controls>.auto-btn{display:flex!important}
.spin-btn{
 width:100%;
 min-height:0;
 aspect-ratio:3 / 1;
 align-self:center;
 border-radius:10px
}
.spin-btn:before{inset:0;background-size:100% 100%}
@media(max-width:620px){
 .slot-controls{grid-template-columns:1fr 1.1fr}
 .slot-controls>.auto-btn{display:flex!important}
 .spin-btn{aspect-ratio:3 / 1}
 .spin-btn b{font-size:clamp(24px,7vw,34px)}
 .spin-btn small{font-size:10px}
}

/* Keep the PNG's own frame; don't paint a second green rectangle behind it. */
.spin-btn{
 background:transparent;
 box-shadow:none;
 gap:0
}
.spin-btn:before{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}
.spin-btn b{
 font-size:clamp(26px,2.8vw,36px);
 line-height:.95;
 letter-spacing:.04em;
 text-shadow:0 2px 5px rgba(0,0,0,.9)
}
.spin-btn small{
 margin-top:2px;
 font-size:clamp(10px,1vw,13px);
 line-height:1;
 letter-spacing:.08em;
 text-shadow:0 2px 4px rgba(0,0,0,.95)
}
.spin-btn:hover{transform:translateY(-1px);box-shadow:none}
.spin-btn:hover:before{filter:brightness(1.06) drop-shadow(0 2px 4px rgba(0,0,0,.55))}
@media(max-width:620px){
 .spin-btn b{font-size:clamp(24px,6vw,31px)}
 .spin-btn small{font-size:10px}
}
.reward-subtitle{margin:2px 0;color:#b7afbf;font-size:10px;line-height:1.25}
.compact-card .reward-subtitle{font-size:9px;color:#aaa2b5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-ready-cue{min-height:22px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#d6c9df;font-size:12px;text-align:center}
.media-ready-cue button{padding:4px 9px;border:1px solid #9a6c22;border-radius:6px;background:#21102c;color:#ffda65;font-weight:800;cursor:pointer}
.media-ready-cue button[hidden]{display:none}
.admin .admin-prize-preview{display:block;width:72px;height:72px;object-fit:contain;background:#0b0612;border:1px solid #49304f;border-radius:6px;padding:3px}

.admin .winner-prize-preview{display:flex;align-items:center;gap:10px;margin-top:8px;color:#c9bdcf;font-size:11px;line-height:1.4}
.admin .winner-prize-preview img{width:64px;height:56px;object-fit:contain;background:#0b0612;border:1px solid #49304f;border-radius:6px;padding:3px}
.admin .winner-prize-preview img[hidden]{display:none}
.admin .winner-period-notice{margin-top:7px;color:#ffe09a;font-size:11px;line-height:1.4}
.admin .winner-period-notice[hidden]{display:none}
.admin .winner-period-notice button{margin:6px 0 0;padding:5px 9px;font-size:10px}

.admin .winner-bulk-delete-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:8px 10px;border:1px solid #553461;border-radius:8px;background:#11091b}
.admin .winner-bulk-delete-toolbar[hidden]{display:none}
.admin .winner-bulk-delete-toolbar label{display:flex;align-items:center;gap:8px;margin:0}
.admin .winner-row-select,.admin #winnerSelectAll{accent-color:#f6ad20}
.admin .winner-edit-dialog{width:min(440px,92vw);border:1px solid #9e6713;border-radius:14px;background:#10071a;color:#f5f0fa;padding:20px}
.admin .winner-edit-dialog::backdrop{background:rgba(0,0,0,.78)}
.admin .winner-edit-dialog form{display:grid;gap:12px}
.admin .winner-edit-dialog h3{margin:0;color:#ffd35a}
.admin .winner-edit-dialog label{display:grid;gap:6px}
.admin .winner-edit-dialog input,.admin .winner-edit-dialog select{min-width:0;padding:9px;border:1px solid #49304f;border-radius:7px;background:#080711;color:white}
.admin .winner-edit-actions{display:flex;justify-content:flex-end;gap:8px}

/* Keep the admin interface above the global Halloween backdrop. */
.adminLayout{position:relative;z-index:1}
.adminMain{background:rgba(7,4,14,.95);color:#f5f0fa}
.admin .adminCard p,.admin .tableCard p,.admin label{color:#e8e0f1}
.admin .adminStat small{color:#ded5e8;font-size:12px}
.admin th{color:#f0e8f6;font-size:12px;font-weight:800}
.admin td{color:#f7f2fb;font-size:14px}
.admin input::placeholder,.admin textarea::placeholder{color:#bdb0ce;opacity:1}
/* Structured operations panels: warm ember, plum glass, legible data. */
.adminMain{background:linear-gradient(150deg,rgba(16,7,25,.98),rgba(8,4,14,.98));}
.adminPanel{animation:adminReveal .24s ease-out both}
@keyframes adminReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.adminCard{border-color:rgba(255,139,24,.38)!important;box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,220,161,.03);background:linear-gradient(150deg,rgba(25,11,34,.98),rgba(12,6,18,.98))!important}
.tableCard{border-color:rgba(255,139,24,.22)!important;background:rgba(12,6,18,.88)!important}
.admin .goldbtn:disabled,.admin .ghostbtn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}
.admin .goldbtn:hover:not(:disabled),.admin .ghostbtn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.admin .goldbtn,.admin .ghostbtn{transition:transform .16s ease,opacity .16s ease,filter .16s ease}
.admin label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#eadbed}
.admin .check-label{display:flex;align-items:center;grid-auto-flow:column;justify-content:start}
.admin .check-label input{width:auto}
.admin .formGrid label{min-width:0}
.admin .formGrid input[type="checkbox"]{width:auto}
.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin:12px 0}
.summary-card{min-width:0;display:flex;flex-direction:column;gap:7px;padding:13px 14px;border:1px solid rgba(255,151,41,.3);border-radius:10px;background:linear-gradient(145deg,rgba(53,22,46,.76),rgba(19,9,27,.98))}
.summary-card small{color:#d5bbd7;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.summary-card b{color:#ffcf67;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.summary-card span{color:#ad9eb9;font-size:11px}
.admin-alert{margin:10px 0;padding:12px 14px;border:1px solid;border-radius:9px;line-height:1.5}
.admin-alert strong{display:block;margin-bottom:3px}
.admin-alert ul{margin:7px 0 0;padding-left:20px;color:#eee4f3}
.admin-alert.success{background:rgba(24,91,53,.24);border-color:#44b875;color:#b9f2ce}
.admin-alert.warning{background:rgba(125,76,12,.24);border-color:#d79b35;color:#ffe0a0}
.admin-alert.error{background:rgba(128,31,45,.25);border-color:#e66b73;color:#ffd0d1}
.admin-alert.info{background:rgba(83,47,104,.22);border-color:#9967bb;color:#e8d7f3}
.validation-list{display:grid;gap:6px;margin:10px 0}
.validation-item{padding:9px 12px;border:1px solid #7d592a;border-radius:8px;background:rgba(117,78,15,.18);color:#ffdfa2;font-size:12px}
.result-region:empty{display:none}
.result-region>.admin-alert{margin-top:10px}
.result-region>.summary-cards{margin-top:10px}
.cutover-facts{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:10px 0;padding:0}
.cutover-facts li{padding:8px 11px;border:1px solid rgba(255,139,24,.25);border-radius:7px;background:#170d20;color:#f2e7f5;font-size:12px}
.table-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:12px 0;color:#c9bcd0;font-size:12px}
.table-toolbar>label{width:min(300px,100%)}
.table-toolbar>div,.table-actions,.workflow-actions{display:flex;flex-wrap:wrap;gap:7px}
.admin .table-actions .ghostbtn,.admin .table-actions .goldbtn{padding:7px 9px;font-size:10px}
.admin table{min-width:720px}
.workflow-list{display:grid;gap:9px}
.workflow-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,144,25,.25);border-radius:9px;background:rgba(21,9,28,.9)}
.workflow-list-item>div{display:flex;gap:7px;flex-wrap:wrap}
.workflow-actions{justify-content:flex-end;margin-top:14px}
.winner-bulk{margin:18px 0;padding:14px;border:1px dashed rgba(255,147,32,.42);border-radius:10px;background:rgba(33,12,36,.4)}
.danger-btn{border-color:#b34950!important;color:#ffc3c5!important}
.admin .tableCard table{min-width:760px}
.admin .adminPanel#admin-import .tableCard table{min-width:760px}
.admin .adminPanel#admin-winners .tableCard table{min-width:760px}
.ledger-item.grant-event{border-left:2px solid #ff9b24;padding-left:12px;background:linear-gradient(90deg,rgba(255,128,18,.07),transparent 75%)}
.grant-history-note{display:inline-block;color:#e3b567;font-size:10px;margin-top:3px}
.own-winner{border-color:#ffc34f;box-shadow:inset 0 0 0 1px rgba(255,195,79,.18)}
.own-winner-badge{display:inline-flex;clear:both;margin-top:10px;padding:5px 8px;border:1px solid #ffc34f;border-radius:20px;background:rgba(154,83,8,.24);color:#ffda86;font-size:9px;font-weight:900;letter-spacing:.06em}
@media(max-width:850px){.workflow-list-item{align-items:flex-start;flex-direction:column}.table-toolbar{align-items:stretch;flex-wrap:wrap}.admin .adminCard{padding:14px}.summary-card b{font-size:17px}}
@media(max-width:560px){.adminSide{grid-template-columns:repeat(2,minmax(0,1fr));max-height:40vh;overflow:auto}.adminSide button{font-size:11px;padding:8px}.adminMain{padding:9px}.admin .formGrid{grid-template-columns:minmax(0,1fr)}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:10px}.summary-card b{font-size:15px}.table-toolbar{font-size:11px}.workflow-actions{justify-content:stretch}.workflow-actions>*{flex:1 1 100%}.admin .tableCard{padding:10px}.admin table{font-size:12px}.admin th,.admin td{padding:8px 6px}.winner-bulk{padding:10px}}
