.game-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;cursor:pointer;outline:none;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex}.game-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.game-btn:active{transform:translateY(2px)}.btn-inner{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;background:var(--surface-1);color:var(--text);border:1px solid var(--border);box-shadow:0 4px 12px #00000080;transition:all .2s ease}.game-btn.primary .btn-inner{background:linear-gradient(180deg,var(--purple) 0%,#602abf 100%);border-color:var(--gold);box-shadow:0 4px 20px var(--glow-purple),inset 0 2px 4px #fff3}.game-btn.primary:hover .btn-inner{box-shadow:0 8px 28px var(--glow-purple),inset 0 2px 4px #fff6}.game-btn.secondary .btn-inner{background:var(--surface-0);color:var(--muted)}.game-btn.secondary:hover .btn-inner{color:var(--text);border-color:var(--text)}.game-btn.danger .btn-inner{background:#c8143233;border-color:#f46;color:#ffdde4}.game-btn.danger:hover .btn-inner{background:#c8143266;box-shadow:0 0 16px #c8143266}.game-btn.bet-higher .btn-inner{background:linear-gradient(180deg,var(--bet-red) 0%,#8a0b1c 100%);border-color:#ff6b80;box-shadow:0 4px 24px #c8132c66,inset 0 2px 4px #ffffff4d;font-size:1.1rem;padding:16px 32px}.game-btn.bet-lower .btn-inner{background:linear-gradient(180deg,var(--bet-blue) 0%,#0f2c99 100%);border-color:#6b93ff;box-shadow:0 4px 24px #1b4cff66,inset 0 2px 4px #ffffff4d;font-size:1.1rem;padding:16px 32px}.landing-page{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;flex-grow:1}.landing-header{text-align:center;margin-bottom:48px;margin-top:24px}.neon-title{font-size:3rem;margin:0;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px var(--glow-purple),0 0 40px var(--glow-magenta)}.subtitle{color:var(--gold);font-weight:500;letter-spacing:2px;margin-top:8px;text-transform:uppercase;font-size:.9rem}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;max-width:900px}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 16px 40px #0006;display:flex;flex-direction:column}.panel h2{margin-top:0;margin-bottom:24px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;font-size:1.5rem}.start-form{display:flex;flex-direction:column;gap:24px;flex-grow:1;justify-content:center}.input-group label{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem}.input-group input{width:100%;background:var(--surface-0);border:1px solid var(--border);color:var(--text);font-size:1.2rem;padding:16px;border-radius:12px;outline:none;font-family:inherit;transition:box-shadow .2s}.input-group input:focus{border-color:var(--gold);box-shadow:0 0 12px var(--glow-gold)}.error-text{color:#f46;font-size:.8rem;margin-top:8px}.start-btn{width:100%}.lb-list{display:flex;flex-direction:column;gap:12px;flex-grow:1}.lb-empty{color:var(--muted);text-align:center;font-style:italic;margin:auto}.lb-row{display:flex;align-items:center;background:#ffffff0d;padding:12px 16px;border-radius:8px}.lb-row:first-child{background:linear-gradient(90deg,#ffc24b26,#ffffff0d);border-left:3px solid var(--gold)}.lb-rank{font-size:1.2rem;font-weight:700;color:var(--gold);width:40px}.lb-name{flex-grow:1;font-size:1.1rem;font-weight:500}.lb-score{font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 0 8px var(--glow-purple)}.lb-actions{margin-top:24px;display:flex;justify-content:flex-end}.confirm-row{display:flex;align-items:center;gap:12px}.confirm-text{color:var(--muted);font-size:.9rem}@media (max-width: 768px){.landing-grid{grid-template-columns:1fr}}.leaderboard-panel{display:flex;flex-direction:column;flex-grow:1}.leaderboard-panel.compact{padding:24px}.leaderboard-panel.compact .lb-row{padding:8px 12px}.leaderboard-panel.compact .lb-rank,.leaderboard-panel.compact .lb-name{font-size:1rem}.leaderboard-panel.compact .lb-score{font-size:1.2rem}.mahjong-tile{position:relative;background-color:#fdfdfc;border-radius:8px;box-shadow:-2px 2px #ccd,-4px 4px #cca,-4px 8px 16px #00000073;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:transform .2s ease}.mahjong-tile.large{width:72px;height:100px;border-radius:10px}.mahjong-tile.small{width:36px;height:50px;border-radius:6px;box-shadow:-1px 1px #ccd,-2px 2px #cca,-2px 4px 8px #00000073}.tile-surface{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:8%}.tile-svg{width:100%;height:100%}.dynamic-badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#000;font-weight:800;font-size:14px;line-height:1;padding:4px;min-width:24px;text-align:center;border-radius:12px;box-shadow:0 4px 8px #0006;border:2px solid #fff;z-index:2}.mahjong-tile.small .dynamic-badge{top:-4px;right:-4px;font-size:10px;padding:2px;min-width:16px;border:1px solid #fff}.current-hand-panel{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;min-height:400px;justify-content:center}.hand-total-header{display:flex;flex-direction:column;align-items:center}.total-label{font-size:.9rem;color:var(--muted);letter-spacing:2px;font-weight:700}.total-value{font-size:4rem;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 16px var(--glow-gold)}.tiles-container{display:flex;gap:16px;justify-content:center}.bet-actions{display:flex;gap:24px;margin-top:16px}.history-panel{padding:24px;flex-grow:1;display:flex;flex-direction:column}.history-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--gold) var(--surface-0);align-items:center;min-height:120px}.history-scroll::-webkit-scrollbar{height:8px}.history-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.history-empty{color:var(--muted);font-style:italic;margin:auto}.history-item{display:flex;flex-direction:column;align-items:center;background:var(--surface-0);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;min-width:170px;flex-shrink:0}.history-item.win{border-color:#1a36;background:linear-gradient(180deg,var(--surface-0) 0%,rgba(17,170,51,.05) 100%)}.history-item.lose{border-color:#c126;background:linear-gradient(180deg,var(--surface-0) 0%,rgba(204,17,34,.05) 100%)}.history-tiles{display:flex;gap:4px;margin-bottom:12px}.history-footer{display:flex;align-items:center;gap:8px;font-weight:700}.history-total{font-size:1.2rem;color:#fff}.scores-panel{padding:24px;flex:0 0 auto;height:280px;display:flex;flex-direction:column;box-sizing:border-box}.scores-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-wrap:nowrap}.scores-empty{color:var(--muted);text-align:center}.score-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-0);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.score-tiles{display:flex;align-items:center;gap:2px}.score-ellipsis{color:var(--muted);font-weight:700;margin-left:4px}.score-badge{padding:4px 12px;border-radius:16px;font-weight:700;font-size:.9rem;background:#ffffff1a}.score-badge.win{color:#1a3;background:#11aa3326;border:1px solid rgba(17,170,51,.3)}.score-badge.lose{color:#c12;background:#cc112226;border:1px solid rgba(204,17,34,.3)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-modal{background:var(--surface-0);border:2px solid var(--gold);border-radius:24px;padding:48px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 60px var(--glow-gold);min-width:400px}.final-score{display:flex;flex-direction:column;align-items:center;margin:32px 0}.final-score span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:2px}.score-value{font-size:5rem;color:#fff;font-weight:900;text-shadow:0 0 20px var(--glow-purple);line-height:1}.player-name-lbl{color:var(--gold);font-size:1.2rem;margin-bottom:32px}.modal-actions{display:flex;gap:16px;width:100%}.modal-actions>*{flex-grow:1}.gameplay-page{display:flex;flex-direction:column;flex-grow:1;width:100%}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.back-btn{font-size:.9rem}.header-title{margin:0;text-transform:uppercase;color:var(--gold);letter-spacing:2px;text-shadow:0 0 10px var(--glow-gold)}.pile-counts{display:flex;gap:16px;font-family:monospace;font-size:1.1rem;font-weight:700}.pile{background:#0000004d;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.game-main-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;flex-grow:1}.col-left,.col-right{display:flex;flex-direction:column;gap:24px;min-width:0}@media (max-width: 1024px){.game-main-grid{grid-template-columns:1fr}}.reshuffle-toast{position:absolute;top:70px;right:20px;background:var(--gold);color:#000;padding:8px 16px;border-radius:8px;font-weight:700;box-shadow:0 4px 12px var(--glow-gold);z-index:50}.casino-background-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--bg-color, #1a0b2e);overflow:hidden}.casino-vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,rgba(15,5,24,.8) 100%);z-index:1}.casino-fallback-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#2a114a,#150524)}@keyframes slowOrbit{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.casino-fallback-animated{animation:slowOrbit 60s linear infinite;background:radial-gradient(circle at 30% 70%,rgba(200,160,50,.1) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(180,50,200,.1) 0%,transparent 40%)}@media (prefers-reduced-motion: reduce){.casino-fallback-animated{animation:none}}:root{--bg-0: #07040f;--bg-1: #14082a;--bokeh-pink: rgba(255, 80, 170, .18);--bokeh-gold: rgba(255, 200, 80, .16);--surface-0: rgba(22, 10, 40, .78);--surface-1: rgba(30, 14, 56, .75);--border: rgba(255, 200, 100, .35);--glow-purple: rgba(160, 90, 255, .35);--glow-gold: rgba(255, 200, 90, .3);--text: #f3f1ff;--muted: rgba(243, 241, 255, .72);--purple: #8f4bff;--magenta: #ff3fa6;--gold: #ffc24b;--bet-red: #c8132c;--bet-blue: #1b4cff;--shadow-tile: 0 18px 40px rgba(0, 0, 0, .45);--shadow-card: 0 24px 70px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-0);color:var(--text);overflow-x:hidden;scrollbar-gutter:stable}#root{width:100%;height:100%}.app-container{min-height:100vh;width:100%;background:radial-gradient(circle at 15% 30%,var(--bokeh-pink) 0%,transparent 40%),radial-gradient(circle at 85% 70%,var(--bokeh-purple) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--bokeh-gold) 0%,transparent 60%),linear-gradient(to bottom,var(--bg-0),var(--bg-1));display:flex;justify-content:center;align-items:center;padding:24px}.frame-container{width:100%;max-width:1200px;background:var(--surface-0);border:1px solid var(--border);box-shadow:0 0 40px var(--glow-purple),inset 0 0 20px var(--glow-purple);border-radius:24px;min-height:80vh;display:flex;flex-direction:column;padding:24px;position:relative;overflow:hidden;box-sizing:border-box;margin:0 auto}