:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bs-bg: #0f0f10;--bs-surface: #17181a;--bs-elevated: #1e2023;--bs-border: #2a2d31;--bs-text: #f5f7fa;--bs-muted: #c8ced6;--bs-primary: #f15a24;--bs-accent: #00a3e0;--bs-success: #22c55e;--bs-danger: #ef4444;--bs-warning: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bs-bg);color:var(--bs-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:var(--bs-accent);text-decoration:none}a:hover{text-decoration:underline}*:focus{outline:none!important}.container{max-width:1100px;margin:0 auto;padding:24px}@media (max-width: 768px){.container{padding:8px 32px}.card{width:340px}.nav-links{flex-wrap:nowrap;gap:4px}}@media (max-width: 480px){.navbar{position:static}.card-grid{grid-template-columns:repeat(2,1fr)}.footer{position:fixed;bottom:0;left:0;right:0}}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(180deg,#121314,#0f0f10);border-bottom:1px solid var(--bs-border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}.brand .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.brand .dot.orange{background:var(--bs-primary)}.brand .dot.yellow{background:var(--bs-warning)}.brand .dot.blue{background:var(--bs-accent)}.nav-links{display:flex;align-items:center;gap:16px}.button,button{background:var(--bs-primary);color:#fff;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.button:disabled{opacity:.4}.button.secondary{background:var(--bs-elevated);border-color:var(--bs-border)}.button.ghost{background:transparent;border-color:var(--bs-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--bs-surface);border:1px solid var(--bs-border);border-radius:14px;padding:18px}.card h3{margin:0 0 8px}.card p{margin:0 0 12px;color:var(--bs-muted)}.surface{background:var(--bs-surface);border:1px solid var(--bs-border);border-radius:12px;padding:16px}.input,input,select{background:var(--bs-elevated);border:1px solid var(--bs-border);color:var(--bs-text);padding:10px 12px;border-radius:10px}label{display:block;margin:6px 0;color:var(--bs-muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--bs-border)}.hero{display:grid;align-items:center;grid-template-columns:1.2fr 1fr;gap:20px;padding:28px 0 10px}.hero h1{font-size:38px;margin:0 0 10px}.hero p{color:var(--bs-muted);margin:0 0 16px}.balance{padding:6px 10px;background:var(--bs-elevated);border:1px solid var(--bs-border);border-radius:10px;font-weight:700}.footer{text-align:center;padding:24px;color:var(--bs-muted);border-top:1px solid var(--bs-border);margin-top:24px}.slot-machine{position:relative;overflow:hidden}.reels{display:grid;grid-template-columns:repeat(3,100px);gap:16px;justify-content:center;padding:16px 0}.reel{height:216px;border:1px solid var(--bs-border);border-radius:12px;background:#0d0e10;box-shadow:inset 0 0 0 2px #ffffff05}.reel-viewport{height:216px;overflow:hidden;border-radius:12px}.reel-track{will-change:transform}.reel-track.spinning{animation:spin .4s linear infinite}.tile{display:flex;align-items:center;justify-content:center}.symbol{font-size:48px}@keyframes spin{0%{transform:translateY(0)}to{transform:translateY(-144px)}}.controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.slot-button{background:radial-gradient(100% 100% at 50% 0%,#ff7a3d 0%,var(--bs-primary) 60%);border:1px solid #f09066;color:#fff;padding:12px 18px;border-radius:999px;font-weight:900;letter-spacing:.3px;box-shadow:0 8px 24px #f15a2459,inset 0 2px #fff3}.slot-button:disabled{opacity:.7;cursor:not-allowed}.slot-message{text-align:center;padding:8px;font-weight:700}.slot-machine.win{animation:winpulse .7s ease}@keyframes winpulse{0%{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 8px #22c55e33}to{box-shadow:0 0 #22c55e00}}.confetti{position:absolute;top:-10px;width:8px;height:8px;transform:translate(-50%);border-radius:2px;animation-name:fall;animation-timing-function:ease-in}@keyframes fall{0%{transform:translate(-50%,-10px) rotate(0);opacity:1}to{transform:translate(-50%,240px) rotate(180deg);opacity:0}}.bj-table{background:radial-gradient(120% 120% at 50% 0%,#0f0f10,#121314 60%)}.hand{margin-top:8px}.hand-title{color:var(--bs-muted);margin-bottom:6px;font-weight:700}.hand-cards{display:flex;gap:10px;flex-wrap:wrap}.playing-card{width:72px;height:104px;border-radius:8px;background:#fff;color:#111;position:relative;border:1px solid #e5e7eb;box-shadow:0 6px 20px #00000040}.playing-card.hole{background:linear-gradient(135deg,#0f0f10,#1e2023);border-color:#2a2d31}.playing-card .pcorner{position:absolute;display:grid;place-items:center;font-weight:800}.playing-card .pcorner.tl{top:6px;left:6px}.playing-card .pcorner.br{bottom:6px;right:6px;transform:rotate(180deg)}.playing-card .rank{font-size:16px;line-height:16px}.playing-card .suit{font-size:12px;line-height:12px}.playing-card .center-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;opacity:.2}.playing-card.dealt{animation:deal .24s ease-out forwards;transform:translateY(-8px) scale(.98);opacity:0}@keyframes deal{to{transform:translateY(0) scale(1);opacity:1}}.roulette.win{animation:winpulse .7s ease}.roulette .roulette-wrap{position:relative;display:grid;place-items:center;padding:10px 0}.roulette .wheel{width:280px;height:280px;border-radius:50%;border:6px solid var(--bs-border);background:radial-gradient(circle at center,#1e2023 30%,#0f0f10 65%);position:relative;transition:transform 1.6s cubic-bezier(.15,.9,.1,1);transform-origin:50% 50%}.roulette .tick{position:absolute;top:50%;left:50%;transform-origin:center center}.roulette .badge{display:inline-block;width:26px;height:20px;border-radius:4px;color:#0f0f10;text-align:center;line-height:20px;font-weight:800;box-shadow:0 2px #0000004d}.roulette .pointer{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid var(--bs-accent);position:absolute;top:6px;left:50%;transform:translate(-50%)}.ua-firefox .reel-viewport{overflow:visible!important;height:216px}.ua-firefox .reel-track.spinning{animation:firefox-spin-bug .4s linear infinite!important;transform-origin:center!important}.ua-firefox .tile{transform:translate(20px)!important;opacity:.7!important}.ua-firefox .reel{border:2px dashed #ff6b6b!important;background:#ff6b6b1a!important}.ua-opera .wheel{animation:opera-jerky-rotation .1s infinite alternate!important;border-width:8px!important;border-color:#4ecdc4!important}.ua-opera .tick:nth-child(odd){opacity:.3!important;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-120px) scale(.5)!important}.ua-opera .tick:nth-child(3n){display:none!important}.ua-opera .roulette .pointer{animation:opera-pointer-jitter .05s infinite alternate!important;border-top-color:#4ecdc4!important}@keyframes firefox-spin-bug{0%{transform:translateY(0) rotate(0) translate(10px)}25%{transform:translateY(-50px) rotate(90deg) translate(30px)}50%{transform:translateY(-100px) rotate(180deg) translate(50px)}75%{transform:translateY(-150px) rotate(270deg) translate(30px)}to{transform:translateY(-200px) rotate(360deg) translate(10px)}}@keyframes opera-jerky-rotation{0%{transform:rotate(0)}25%{transform:rotate(.5deg)}50%{transform:rotate(0)}75%{transform:rotate(-.5deg)}to{transform:rotate(0)}}@keyframes opera-pointer-jitter{0%{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(2deg)}to{transform:translate(-50%) rotate(-1deg)}}