:root{color-scheme:dark;--bg:#060908;--panel:#0c1210;--panel2:#101915;--felt:#0b3a2b;--felt2:#06271d;--gold:#d7ad59;--gold2:#f1d28a;--text:#f5f2e9;--muted:#a8b2ad;--line:#26362f;--red:#d64b45;--green:#2fa86f;--blue:#5c91df;--shadow:0 18px 55px #0009}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#163b2e 0,#08110d 34%,#050706 75%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:1180px;margin:auto;padding:18px 18px 90px}.topbar{position:sticky;top:0;z-index:20;margin:0 -4px 18px;padding:12px 10px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(#07100de8,#07100dc7 75%,transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px}.brandmark{width:40px;height:40px;border:1px solid #7d673a;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#214d3a,#0a1812);color:var(--gold2);font-size:20px;box-shadow:0 0 24px #d7ad5920}.brand h1{font-size:18px;margin:0;letter-spacing:.02em}.version{font-size:11px;color:var(--gold2);letter-spacing:.12em;text-transform:uppercase}.top-actions{display:flex;gap:8px;align-items:center}.bank{padding:9px 12px;border:1px solid #4b513f;border-radius:12px;background:#0a0f0d;font-weight:800;color:var(--gold2)}.iconbtn,.secondary,.primary,.danger,.chip,.action{border:1px solid #3a463f;border-radius:12px;background:#111814;color:var(--text);padding:10px 14px;font-weight:750}.iconbtn{padding:10px 12px}.primary{background:linear-gradient(180deg,#e0b85f,#b78937);border-color:#f3d48b;color:#151109}.danger{border-color:#713b39;background:#2a1110;color:#ffc4c0}.secondary:hover,.iconbtn:hover,.action:hover{border-color:#7b8a82}.primary:hover{filter:brightness(1.08)}.hero{border:1px solid #4b553f;border-radius:26px;padding:28px;background:linear-gradient(135deg,#102b21e8,#09120f 62%),radial-gradient(circle at 80% 20%,#d7ad5924,transparent 40%);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"♠  ♥  ♦  ♣";position:absolute;right:24px;top:18px;color:#d7ad5919;font-size:68px;letter-spacing:4px;transform:rotate(-7deg)}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);font-weight:800}.hero h2{font-size:clamp(34px,7vw,72px);line-height:.95;margin:10px 0 12px;max-width:780px}.hero p{max-width:720px;color:#c4cdc8;font-size:17px;line-height:1.55;margin:0}.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.pill{border:1px solid #435249;border-radius:999px;padding:7px 10px;background:#08110d;color:#c9d2cd;font-size:12px;font-weight:700}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:30px 2px 12px}.section-title h3{margin:0;font-size:22px}.section-title span{color:var(--muted);font-size:13px}.gamegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gamecard{position:relative;min-height:190px;border:1px solid #36483e;border-radius:20px;padding:20px;background:linear-gradient(145deg,#111b16,#090e0c);overflow:hidden;box-shadow:0 12px 30px #0005;transition:.18s transform,.18s border-color;text-align:left;color:var(--text)}.gamecard:hover{transform:translateY(-2px);border-color:#9b814c}.gamecard .art{position:absolute;right:-8px;bottom:-18px;font-size:92px;opacity:.11;transform:rotate(-8deg)}.gamecard .tag{color:var(--gold2);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.gamecard h4{font-size:24px;margin:8px 0 5px}.gamecard p{color:var(--muted);line-height:1.45;margin:0;max-width:75%}.gamecard .go{position:absolute;left:20px;bottom:18px;color:var(--gold2);font-weight:800}.screen{display:none}.screen.active{display:block}.backrow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.backrow h2{margin:0;font-size:24px}.table{border:1px solid #48604f;border-radius:28px;min-height:590px;background:radial-gradient(ellipse at 50% 35%,#14513b 0,#0a3929 48%,#06261c 100%);box-shadow:inset 0 0 0 6px #08110c,inset 0 0 0 8px #7b6338,0 20px 55px #0009;padding:22px;position:relative;overflow:hidden}.table:before{content:"TECHNICALLY WORKS";position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(28px,6vw,70px);letter-spacing:.12em;color:#ffffff08;white-space:nowrap}.table-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:2}.table-title small{display:block;color:#b9c6bf;margin-top:3px}.rulesbtn{white-space:nowrap}.dealer,.player{position:relative;z-index:2;text-align:center}.dealer{margin-top:18px}.player{margin-top:90px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#c3cec8;font-weight:800}.cards{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:104px;margin-top:9px}.card{width:70px;height:100px;border-radius:9px;background:#f6f3ec;color:#111;box-shadow:0 8px 14px #0007;border:1px solid #ddd;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:6px;font-weight:900;font-size:22px;animation:deal .25s ease-out}.card.red{color:#bf2f2b}.card.back{background:repeating-linear-gradient(45deg,#162e25,#162e25 5px,#c7a24f 5px,#c7a24f 7px);border:3px solid #eee;color:transparent}.card.mini{width:52px;height:74px;font-size:17px}.card .suit{font-size:24px;align-self:center}.card.best{box-shadow:0 0 0 3px var(--gold2),0 8px 18px #0008}@keyframes deal{from{transform:translateY(-30px) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.total{display:inline-block;margin-top:7px;padding:5px 9px;border-radius:999px;background:#06120eaa;border:1px solid #416051;font-weight:800}.status{position:relative;z-index:2;margin:18px auto 10px;max-width:680px;text-align:center;min-height:26px;font-weight:800;color:#fff}.betbar{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{border-radius:999px;min-width:52px;background:#151915;border:3px dashed #d6c58d;padding:10px 12px}.chip.selected{outline:3px solid #fff4;transform:translateY(-2px)}.actions{position:relative;z-index:3;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:15px}.action{min-width:88px;background:#0a120fdd}.action.gold{background:#c89c47;color:#151009;border-color:#f0d189}.action:disabled{opacity:.35;cursor:not-allowed}.betread{position:relative;z-index:2;text-align:center;color:#d4ddd8;font-size:13px;margin-top:8px}.variant-tabs{display:flex;gap:8px;overflow:auto;padding:2px 1px 12px;scrollbar-width:none}.variant-tabs::-webkit-scrollbar{display:none}.variant{white-space:nowrap;border:1px solid #34443b;border-radius:999px;padding:9px 12px;background:#0b110e;color:#cbd4cf;font-weight:750}.variant.on{background:#c69a47;color:#171109;border-color:#f0d18a}.roulette-wrap{position:relative;z-index:2;display:grid;grid-template-columns:270px 1fr;gap:18px;margin-top:20px}.wheel{width:250px;height:250px;border-radius:50%;margin:auto;border:12px solid #b58a42;box-shadow:inset 0 0 0 8px #15100b,0 12px 30px #0008;background:conic-gradient(#c63a36 0 9.7deg,#181818 9.7deg 19.4deg,#c63a36 19.4deg 29.1deg,#181818 29.1deg 38.8deg,#c63a36 38.8deg 48.5deg,#181818 48.5deg 58.2deg,#c63a36 58.2deg 67.9deg,#181818 67.9deg 77.6deg,#c63a36 77.6deg 87.3deg,#181818 87.3deg 97deg,#c63a36 97deg 106.7deg,#181818 106.7deg 116.4deg,#c63a36 116.4deg 126.1deg,#181818 126.1deg 135.8deg,#c63a36 135.8deg 145.5deg,#181818 145.5deg 155.2deg,#c63a36 155.2deg 164.9deg,#181818 164.9deg 174.6deg,#c63a36 174.6deg 184.3deg,#181818 184.3deg 194deg,#c63a36 194deg 203.7deg,#181818 203.7deg 213.4deg,#c63a36 213.4deg 223.1deg,#181818 223.1deg 232.8deg,#c63a36 232.8deg 242.5deg,#181818 242.5deg 252.2deg,#c63a36 252.2deg 261.9deg,#181818 261.9deg 271.6deg,#c63a36 271.6deg 281.3deg,#181818 281.3deg 291deg,#c63a36 291deg 300.7deg,#181818 300.7deg 310.4deg,#c63a36 310.4deg 320.1deg,#181818 320.1deg 329.8deg,#c63a36 329.8deg 339.5deg,#181818 339.5deg 349.2deg,#167447 349.2deg 360deg);position:relative;transition:transform 2s cubic-bezier(.12,.75,.18,1)}.wheel:after{content:"◆";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#0b0d0c;border:5px solid #d4ad60;color:#d4ad60;font-size:24px}.wheel.spin{transform:rotate(1260deg)}.roulette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.rbet{border:1px solid #d6e1db55;border-radius:6px;background:#111;color:#fff;min-height:42px;font-weight:800}.rbet.red{background:#8f2825}.rbet.green{background:#17623f}.rbet.on{outline:3px solid #f4d37e;transform:scale(.96)}.history{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:12px 0}.history span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111;border:1px solid #555;font-weight:800}.history .red{background:#8f2825}.history .green{background:#17623f}.uth-layout{position:relative;z-index:2}.betcircles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0}.betcircle{width:90px;height:90px;border-radius:50%;border:2px solid #c8aa6b88;display:grid;place-items:center;text-align:center;background:#071a13aa;font-size:12px;font-weight:800}.betcircle strong{display:block;color:var(--gold2);font-size:16px}.community{display:flex;justify-content:center;gap:7px;min-height:104px;margin:18px 0}.steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.step{padding:7px 10px;border:1px solid #466052;border-radius:999px;color:#aebdb5;font-size:12px}.step.done,.step.now{background:#c89d49;color:#161009;border-color:#f0d28c}.three-bets{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}.three-bets .betcircle{width:105px;height:76px;border-radius:16px}.settings-panel,.modal{position:fixed;inset:0;z-index:100;background:#000b;display:none;align-items:center;justify-content:center;padding:18px}.settings-panel.open,.modal.open{display:flex}.sheet{width:min(680px,100%);max-height:88vh;overflow:auto;border:1px solid #4b5c52;border-radius:22px;background:#0c1210;box-shadow:var(--shadow);padding:22px}.sheet h3{margin:0 0 16px;font-size:24px}.setting{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #27342e}.setting small{display:block;color:var(--muted);margin-top:4px}.setting input,.setting select{width:145px;background:#070b09;color:#fff;border:1px solid #3c4b43;border-radius:10px;padding:10px}.rules{color:#c7d0cb;line-height:1.55}.rules h4{color:var(--gold2);margin:18px 0 6px}.rules ul{padding-left:20px}.footer-note{text-align:center;color:#6f7d75;font-size:11px;margin-top:26px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(30px);opacity:0;z-index:150;padding:11px 16px;border-radius:999px;background:#f2d083;color:#171008;font-weight:900;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%)}@media(max-width:760px){.app{padding:10px 10px 80px}.topbar{padding-top:14px}.brand h1{font-size:15px}.bank{font-size:13px;padding:8px}.hero{padding:22px 18px}.hero:after{font-size:42px}.gamegrid{grid-template-columns:1fr}.gamecard{min-height:170px}.table{padding:14px 10px;border-radius:22px;min-height:620px}.player{margin-top:70px}.card{width:58px;height:84px;font-size:18px}.card .suit{font-size:20px}.roulette-wrap{grid-template-columns:1fr}.wheel{width:205px;height:205px}.roulette-grid{grid-template-columns:repeat(6,1fr)}.rbet{min-height:38px;padding:2px}.betcircle{width:78px;height:78px}.top-actions .secondary{display:none}}