body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a110e;width:100%;height:100%;margin:0;padding:0;font-family:Special Elite,serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.saloon-wrapper{background:radial-gradient(circle,#3d2314 0%,#150c07 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Special Elite,serif;display:flex;position:relative;overflow:hidden}.saloon-wrapper:before{content:"";opacity:.3;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);position:absolute;inset:0}.wanted-poster{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;forced-color-adjust:none;text-align:center;z-index:10;background:#dabc94;border:4px solid #2e1e12;flex-direction:column;justify-content:center;width:90vw;max-width:650px;max-height:95vh;padding:clamp(10px,3vh,40px) clamp(10px,3vw,30px);display:flex;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 15px 35px #000000e6,inset 0 0 40px #64321466}.wanted-title{color:#2e1e12;-webkit-text-fill-color:#2e1e12;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px #ffffff4d;margin:0;font-family:Rye,cursive;font-size:clamp(1.5rem,6vh,4.5rem);font-weight:700;line-height:1}.doa{color:#3b2618;letter-spacing:clamp(1px,1vmin,4px);margin-top:clamp(2px,1vh,8px);margin-bottom:clamp(4px,1.5vh,15px);font-family:Special Elite,serif;font-size:clamp(.9rem,3vh,1.8rem);font-weight:700}.subtitle{color:#2e1e12;text-transform:uppercase;margin-bottom:clamp(6px,2vh,20px);font-family:Special Elite,serif;font-size:clamp(.7rem,2vh,1.1rem);font-weight:700}.field{text-align:left;margin:clamp(4px,1.5vh,15px) 0}label{color:#2e1e12;letter-spacing:1px;margin-bottom:clamp(2px,.5vh,5px);font-size:clamp(.6rem,1.5vh,.9rem);font-weight:700;display:block}input{color:#2e1e12;text-align:center;background:0 0;border:none;border-bottom:2px dashed #2e1e12;border-radius:0;outline:none;width:100%;padding:clamp(4px,1vh,10px);font-family:Special Elite,serif;font-size:clamp(.8rem,2.5vh,1.25rem);transition:all .3s}input::placeholder{color:#2e1e1266}input:focus{background:#00000008;border-bottom:2px solid #2e1e12}.reward-section{border-top:3px solid #2e1e12;border-bottom:3px solid #2e1e12;margin-top:clamp(8px,2vh,25px);margin-bottom:clamp(6px,2vh,20px);padding:clamp(4px,1.5vh,15px) 0}.reward-section h3{letter-spacing:clamp(1px,1vmin,4px);color:#3b2618;margin:0;font-family:Special Elite,serif;font-size:clamp(.8rem,2vh,1.3rem)}.reward-amount{color:#2e1e12;margin:clamp(2px,.5vh,5px) 0 0;font-family:Rye,cursive;font-size:clamp(1.5rem,4vh,3rem)}.sign-btn{color:#dabc94;cursor:pointer;letter-spacing:clamp(1px,1vmin,3px);text-transform:uppercase;background:#2e1e12;border:2px solid #2e1e12;width:100%;padding:clamp(6px,1.5vh,12px);font-family:Rye,cursive;font-size:clamp(1rem,2.5vh,1.5rem);transition:all .2s;box-shadow:2px 2px #00000080}.sign-btn:hover{transform:translateY(-2px);box-shadow:4px 4px #00000080}.sign-btn:active{transform:translateY(0);box-shadow:1px 1px #00000080}.toggle-btn{color:#3b2618;cursor:pointer;background:0 0;border:none;font-family:Special Elite,serif;font-size:clamp(.7rem,2vh,1.1rem);font-weight:700;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;transition:color .3s}.toggle-btn:hover{color:#000;text-decoration-style:solid}.game-viewport{color:#fdf5e6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 120%,#8c3b24 0%,#4a211b 40%,#150d0f 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Special Elite,serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.game-viewport:active{cursor:grabbing}.game-viewport:before{content:"";opacity:.15;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);position:absolute;inset:0}.instruction{z-index:5;text-align:center}.instruction h1{color:#d4af37;text-shadow:2px 2px 10px #000c,-1px -1px #5c3c24,1px -1px #5c3c24,-1px 1px #5c3c24,1px 1px #5c3c24;letter-spacing:clamp(1px,2vw,3px);margin:0;font-family:Rye,cursive;font-size:clamp(2.5rem,8vw,3.5rem);animation:3s infinite alternate pulse-glow}@keyframes pulse-glow{0%{text-shadow:0 0 15px #d4af3766,2px 2px 5px #000c}to{text-shadow:0 0 25px #d4af37cc,2px 2px 5px #000c}}.instruction p{color:#e8dcc4;letter-spacing:1px;opacity:.8;margin-top:10px;font-size:clamp(.9rem,3vw,1.2rem)}.instruction .attempts{color:#d0b796;font-size:clamp(.8rem,2.5vw,1rem)}.game-hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:clamp(10px,3vw,30px);display:flex;position:absolute;top:0;left:0;right:0}.game-hud>*,.game-hud-left>*{pointer-events:auto}.game-hud-left{flex-wrap:wrap;gap:clamp(10px,2vw,15px);display:flex}.stats-trigger{color:#d4af37;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#3d2314,#1f1109);border:1px solid #d4af37;border-radius:30px;padding:clamp(8px,2vw,12px) clamp(15px,3vw,25px);font-family:Rye,cursive;font-size:clamp(.8rem,2vw,1rem);transition:all .3s;box-shadow:0 4px 15px #0009,inset 0 2px 4px #ffffff1a}.money-display{cursor:default;pointer-events:none}.collectible-item{cursor:default;z-index:50;filter:drop-shadow(0 4px 8px #000c);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:3rem;transition:filter .2s,transform .2s;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in-reward,2.5s ease-in-out infinite float-reward;display:flex;position:absolute;transform:translate(-50%,-50%)}.money-chip{color:#f1dd86;letter-spacing:1px;background:#190c08bf;border:1px solid #d4af37a6;border-radius:999px;padding:3px 10px;font-family:Rye,cursive;font-size:1.1rem}.collectible-item:hover{filter:drop-shadow(0 6px 15px #d4af37e6)}.collectible-item:active{transform:translate(-50%,-50%)scale(.8)}@keyframes pop-in-reward{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes float-reward{0%,to{margin-top:0}50%{margin-top:-15px}}.stats-trigger:hover{color:#f1dd86;background:linear-gradient(135deg,#4a2b19,#2b180d);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #000c,inset 0 2px 4px #ffffff1a}.roulette-trigger{color:#c5f0d7;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#0f3d2a,#0a2218);border:1px solid #6ac694;border-radius:30px;padding:clamp(8px,2vw,12px) clamp(15px,3vw,22px);font-family:Rye,cursive;font-size:clamp(.8rem,2vw,1rem);transition:all .25s;box-shadow:0 4px 14px #00000080,inset 0 2px 4px #ffffff14}.roulette-trigger:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0009,inset 0 2px 4px #ffffff1a}.slots-trigger{color:#f2d6ff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#4d1d5f,#2b1036);border:1px solid #d59bff;border-radius:30px;padding:clamp(8px,2vw,12px) clamp(15px,3vw,22px);font-family:Rye,cursive;font-size:clamp(.8rem,2vw,1rem);transition:all .25s;box-shadow:0 4px 14px #00000080,inset 0 2px 4px #ffffff14}.slots-trigger:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0009,inset 0 2px 4px #ffffff1a}.roulette-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:120;background:#0a0a0ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.roulette-panel{background:linear-gradient(145deg,#2a1d14 0%,#160f0b 100%);border:2px solid #b48a48;border-radius:14px;flex-direction:column;width:min(96vw,560px);max-height:98vh;padding:clamp(10px,2vh,24px);display:flex;overflow-y:auto;box-shadow:0 18px 48px #000000b3}.slots-panel{background:linear-gradient(145deg,#291030 0%,#18091d 100%);border:2px solid #b768e7;border-radius:14px;flex-direction:column;width:min(96vw,520px);max-height:98vh;padding:clamp(10px,2vh,24px);display:flex;overflow-y:auto;box-shadow:0 18px 48px #000000b3}.slots-panel h2{color:#f3beff;text-align:center;margin:0 0 clamp(6px,1.5vh,14px);font-family:Rye,cursive;font-size:clamp(1.2rem,4vh,2rem)}.slots-reels{grid-template-columns:repeat(3,1fr);gap:clamp(4px,1vh,10px);margin-top:clamp(6px,1.5vh,14px);display:grid}.slot-reel{color:#ffe6ff;letter-spacing:1px;text-shadow:0 0 10px #ffb5fc73;background:radial-gradient(circle at 20% 20%,#3f1b4b 0%,#1b0b21 100%);border:2px solid #d79bff;border-radius:10px;justify-content:center;align-items:center;min-height:clamp(44px,10vh,84px);font-family:Rye,cursive;font-size:clamp(1.2rem,4vh,1.8rem);display:flex}.slots-paytable{background:#06000a59;border:1px solid #d79bff73;border-radius:8px;grid-template-columns:1fr 1fr;gap:clamp(2px,.5vh,6px) 10px;margin-top:clamp(6px,1.5vh,14px);padding:clamp(6px,1.5vh,12px);display:grid}.slots-paytable p{color:#f4dbff;margin:0;font-size:clamp(.7rem,1.8vh,.9rem)}.slots-paytable p:first-child{text-align:center;grid-column:1/-1;margin-bottom:clamp(2px,.5vh,4px)}.roulette-panel h2{color:#f1dd86;text-align:center;margin:0 0 clamp(6px,1.5vh,16px);font-family:Rye,cursive;font-size:clamp(1.2rem,4vh,2rem)}.roulette-label{letter-spacing:1px;color:#d7c6aa;margin:clamp(4px,1vh,12px) 0 clamp(2px,.5vh,6px);font-size:clamp(.8rem,2vh,.95rem);display:block}.roulette-input{color:#f3e6cd;background:#24170f;border:1px solid #7b5a32;border-radius:8px;width:100%;padding:clamp(6px,1.5vh,10px) 12px;font-family:Special Elite,serif;font-size:clamp(.8rem,2vh,1rem)}.roulette-input:focus{outline-offset:1px;outline:2px solid #d4af37}.roulette-board{grid-template-columns:clamp(35px,10vw,56px) 1fr;gap:clamp(4px,1vh,8px);margin-top:clamp(6px,1.5vh,14px);display:grid}.number-grid{flex-direction:column;gap:clamp(2px,.5vh,4px);display:flex}.number-row,.column-row{grid-template-columns:repeat(3,1fr);gap:clamp(2px,.5vh,4px);display:grid}.outside-bets-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1vh,6px);margin-top:clamp(4px,1vh,10px);display:grid}@media (width<=480px){.roulette-board{grid-template-columns:1fr}.outside-bets-row,.outside-bets-row+.outside-bets-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.roulette-cell{color:#f6ead2;letter-spacing:.5px;cursor:pointer;word-break:break-word;background:#2a2018;border:1px solid #d2b27699;border-radius:6px;min-height:clamp(24px,4.5vh,34px);padding:clamp(2px,.5vh,4px);font-family:Special Elite,serif;font-size:clamp(.7rem,2vh,.9rem);transition:transform .15s,box-shadow .15s,border-color .15s}.roulette-cell:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000059}.roulette-cell.selected{border-color:#ffe6a6;box-shadow:0 0 0 2px #ffdc8259}.roulette-cell.red{background:linear-gradient(#8c2b2b 0%,#5b1c1c 100%)}.roulette-cell.black{background:linear-gradient(#2d2d2d 0%,#161616 100%)}.zero-cell{background:linear-gradient(#2c8d5d 0%,#1f5f40 100%);min-height:clamp(24px,4.5vh,34px)}.outside-cell{background:linear-gradient(#3c2d22 0%,#251b15 100%)}.selected-bet{color:#e8d7bc;margin:clamp(4px,1vh,10px) 0 0;font-size:clamp(.75rem,2vh,.95rem)}.roulette-actions{gap:10px;margin-top:clamp(6px,1.5vh,16px);display:flex}.roulette-actions .close-btn{flex:1;width:auto;margin-top:0}.roulette-spin-btn{color:#effff5;letter-spacing:1px;cursor:pointer;background:linear-gradient(#2f8c60 0%,#216141 100%);border:1px solid #1a4f34;border-radius:8px;flex:1;padding:clamp(6px,1.5vh,12px);font-family:Rye,cursive;font-size:clamp(.8rem,2vh,1rem)}.roulette-spin-btn:disabled{opacity:.65;cursor:not-allowed}.roulette-error{color:#ff9c96;margin-top:clamp(4px,1vh,12px);font-size:clamp(.8rem,2vh,.95rem)}.roulette-result{background:#00000047;border:1px solid #d4af3759;border-radius:8px;margin-top:clamp(6px,1.5vh,14px);padding:clamp(6px,1.5vh,12px)}.roulette-result p{margin:clamp(2px,.5vh,6px) 0;font-size:clamp(.8rem,2vh,1rem)}.stats-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0f0907e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stats-panel{color:#e8dcc4;text-align:center;background:#2b1a10 url(https://www.transparenttextures.com/patterns/black-scales.png);border:2px solid #5c3c24;border-radius:8px;width:85%;max-width:550px;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) pop-in;position:relative;transform:scale(1);box-shadow:0 20px 40px #000000e6,inset 0 0 0 4px #2b1a10,inset 0 0 0 5px #a88d6b}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stats-panel h2{color:#d4af37;letter-spacing:2px;margin-top:0;margin-bottom:30px;font-family:Rye,cursive;font-size:2.2rem;display:inline-block;position:relative}.stats-panel h2:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:60%;height:2px;margin:10px auto 0;display:block}.reward-list{background:#0006;border:1px solid #4a2e1b;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:5px 40px;margin-bottom:30px;padding:15px 25px;display:grid;position:relative}.reward-list:after{content:"";background:linear-gradient(#0000,#d4af37,#0000);width:2px;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.reward-item{letter-spacing:1px;border-bottom:1px solid #a88d6b33;justify-content:space-between;align-items:center;padding:12px 0;font-size:1.2rem;font-weight:400;display:flex}.reward-item:nth-last-child(-n+2){border-bottom:none}.reward-name{color:#a88d6b;text-transform:uppercase;align-items:center;gap:10px;display:flex}.reward-icon{font-size:1.4rem}.reward-count{color:#f1dd86;font-family:Rye,cursive;font-size:1.5rem}.close-btn{color:#e8dcc4;letter-spacing:2px;cursor:pointer;background:linear-gradient(#7c201a,#4a130f);border:1px solid #2a0b08;border-radius:4px;width:100%;margin-top:10px;padding:clamp(6px,1.5vh,15px);font-family:Rye,cursive;font-size:clamp(.9rem,2vh,1.1rem);transition:all .2s;box-shadow:0 4px 8px #00000080,inset 0 1px 1px #ffffff1a}.close-btn:hover{color:#fff;background:linear-gradient(#9b2820,#5c1813);transform:translateY(-1px)}
