:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-card:#16213e;--bg-card-hover:#1e2d50;--text-primary:#e0e0e0;--text-secondary:#b0b0c0;--accent:#4fc3f7;--accent-hover:#29b6f6;--success:#66bb6a;--danger:#ef5350;--border:#2a2a4a;--radius:.75rem;--shadow:0 .25rem 1.5rem rgba(0,0,0,.3);--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;padding-top:3.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:.25rem}::-webkit-scrollbar-thumb{background:var(--border);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes place-stone{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes cf-drop{0%{opacity:0;transform:translateY(-60px)}60%{transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes resign-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stamp-pop-a{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.8)translateY(-20px)}}@keyframes stamp-pop-b{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.8)translateY(-20px)}}@keyframes gradient-shift{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px rgba(79,195,247,.2)}50%{box-shadow:0 0 20px rgba(79,195,247,.4)}}@keyframes panel-slide-up{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}75%{opacity:.8}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@keyframes result-enter{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes victory-bounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes victory-flash-anim{0%{opacity:1}to{opacity:0}}@keyframes defeat-fade-in{0%{opacity:0}to{opacity:.8}}@keyframes defeat-dim-anim{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes casino-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes casino-card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes casino-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes casino-sparkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes casino-glow-pulse{0%,to{box-shadow:0 0 8px rgba(212,175,55,.2),0 0 20px rgba(212,175,55,.05)}50%{box-shadow:0 0 16px rgba(212,175,55,.4),0 0 40px rgba(212,175,55,.1)}}@keyframes casino-chip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes casino-particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(0)}10%{opacity:.6;transform:translateY(80vh)rotate(36deg)scale(1)}90%{opacity:.4}to{opacity:0;transform:translateY(-10vh)rotate(360deg)scale(.5)}}@keyframes casino-title-glow{0%,to{filter:drop-shadow(0 0 12px rgba(212,175,55,.3))drop-shadow(0 0 24px rgba(212,175,55,.1))}50%{filter:drop-shadow(0 0 20px rgba(212,175,55,.6))drop-shadow(0 0 40px rgba(212,175,55,.3))drop-shadow(0 0 60px rgba(212,175,55,.1))}}@keyframes casino-suit-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes casino-badge-shine{0%{background-position:-100%}to{background-position:200%}}@keyframes place-mark{0%{transform:rotateY(var(--nry)) rotateX(var(--nrx)) scale(0);opacity:0}60%{transform:rotateY(var(--nry)) rotateX(var(--nrx)) scale(1.15)}to{transform:rotateY(var(--nry)) rotateX(var(--nrx)) scale(1);opacity:1}}@keyframes ttt-last-move-pulse{0%,to{box-shadow:0 0 0 1px rgba(255,215,0,.35),0 0 6px rgba(255,215,0,.15)}50%{box-shadow:0 0 0 2px rgba(255,215,0,.55),0 0 14px rgba(255,215,0,.3)}}@media (prefers-reduced-motion:reduce){.reversi-stone,.five-in-a-row-stone,.cf-disc,.confetti-piece,.game-result-win h2,.ttt-mark,.stamp-bubble{animation:none!important}.timer-warning{opacity:1;animation:none!important}.victory-flash,.defeat-dim{opacity:0;animation:none!important}}nav{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:1.5rem;padding:.5rem 2rem;font-size:1rem;display:flex;position:fixed;top:0;left:0;right:0}nav a{color:var(--text-secondary);white-space:nowrap;font-weight:500;line-height:1}nav a:hover{color:var(--text-primary)}nav a.active{color:var(--accent)}.nav-user{background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;transition:all var(--transition);border-radius:100rem;align-items:center;gap:.4rem;margin-left:auto;padding:.4rem .85rem;font-size:1rem;font-weight:600;display:flex;color:var(--text-primary)!important}.nav-user:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text-primary)!important}.nav-user-icon{font-size:1.2rem}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.nav-logout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border-radius:100rem;padding:.4rem .85rem;font-size:1rem}.nav-logout:hover{color:var(--danger);border-color:var(--danger)}.btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.auth-page{justify-content:center;align-items:center;min-height:calc(100dvh - 3.75rem);padding:2rem;animation:.4s ease-out page-enter;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:25rem;box-shadow:var(--shadow);padding:2.5rem}.auth-title{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.auth-error{border:1px solid var(--danger);color:var(--danger);text-align:center;background:rgba(239,83,80,.15);border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);transition:border-color var(--transition);border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:1rem}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-secondary)}.auth-toggle{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.9rem;display:block}.auth-toggle:hover{color:var(--accent-hover)}.home-auth{margin:2rem auto 0}.auth-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid transparent;flex:1;margin-bottom:-2px;padding:.75rem;font-size:1rem;font-weight:500}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.auth-hint{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.admin-page{max-width:75rem;margin:0 auto;padding:1rem}.admin-page h1{margin-bottom:1rem;font-size:1.5rem}.admin-tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;align-items:center;gap:.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tz-toggle{border:1px solid var(--accent);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.25rem;margin-left:auto;padding:.3rem .7rem;font-size:.8rem;font-weight:700}.tz-toggle:hover{background:var(--accent);color:var(--bg-primary)}.admin-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition), box-shadow var(--transition);background:0 0;border:none;padding:.6rem 1.2rem;font-size:.9rem}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.admin-section h3{margin:1.5rem 0 .75rem;font-size:1.1rem}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(11.25rem,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.admin-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.2rem}.admin-card h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem;font-weight:400}.admin-card .card-value{color:var(--accent);font-size:2rem;font-weight:700}.admin-card .card-value-sm{font-size:1.1rem}.progress-bar{background:var(--bg-primary);border-radius:.19rem;height:.38rem;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:.19rem;height:100%;transition:width .3s}.admin-table-wrap{-webkit-overflow-scrolling:touch;max-height:60vh;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.admin-table th{color:var(--text-secondary);white-space:nowrap;background:var(--bg-card);z-index:1;font-weight:600;position:sticky;top:0}.admin-table tr:hover td{background:var(--bg-card-hover)}.admin-table code{background:var(--bg-primary);border-radius:.25rem;padding:.1rem .35rem;font-size:.8rem}.admin-table-logs td,.admin-table-logs th{padding:.4rem .5rem}.nowrap{white-space:nowrap}.user-cell .user-id{color:var(--text-secondary);font-size:.7rem;display:block}.uid-cell{font-family:monospace;font-size:.75rem}.ratings-cell .rating-badge{background:var(--bg-primary);border-radius:.25rem;margin:.1rem .2rem;padding:.15rem .4rem;font-size:.75rem;display:inline-block}.payload-cell{text-overflow:ellipsis;white-space:nowrap;max-width:12.5rem;overflow:hidden}.payload-cell code{font-size:.7rem}.banned-row td{background:rgba(239,83,80,.08)}.status-ok{color:var(--success);font-size:.8rem;font-weight:600}.status-banned{color:var(--danger);font-size:.8rem;font-weight:600}.ban-btn,.unban-btn{cursor:pointer;transition:opacity var(--transition);border:none;border-radius:.38rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.ban-btn:hover,.unban-btn:hover{opacity:.85}.ban-btn{background:var(--danger);color:#fff}.unban-btn{background:var(--success);color:#fff}.admin-search{gap:.5rem;margin-bottom:1rem;display:flex}.admin-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.9rem}.admin-input::placeholder{color:var(--text-secondary)}.admin-input:focus{border-color:var(--accent);outline:none}.admin-log-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.admin-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:.5rem .75rem;font-size:.85rem}.admin-select:focus{border-color:var(--accent);outline:none}.admin-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.admin-pagination span{color:var(--text-secondary);font-size:.85rem}.admin-count{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.admin-period-toggle{gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-period-toggle .btn.active{background:var(--accent);color:#fff}.admin-bar-chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;height:9.38rem;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:1.5rem;height:100%;display:flex}.bar{background:var(--accent);border-radius:.25rem .25rem 0 0;width:100%;max-width:2.5rem;min-height:2px;transition:height .3s;position:relative}.bar-green{background:var(--success)}.bar-val{color:var(--text-secondary);white-space:nowrap;font-size:.7rem;position:absolute;top:-1.12rem;left:50%;transform:translate(-50%)}.bar-label{color:var(--text-secondary);writing-mode:vertical-lr;text-orientation:mixed;margin-top:.25rem;font-size:.65rem}.admin-error{color:var(--danger);border-radius:var(--radius);background:rgba(239,83,80,.1);padding:1rem}@media (width<=37.5rem){.admin-page{padding:.5rem}.admin-page h1{font-size:1.2rem}.admin-cards{grid-template-columns:1fr}.admin-card .card-value{font-size:1.5rem}.admin-bar-chart{height:6.25rem}.bar-label{font-size:.55rem}}.security-alert-header{color:var(--danger)}.security-alert-header:before{content:"⚠ "}.highlight-row td{background:rgba(79,195,247,.08)}.accent-text{color:var(--accent)}.status-bug-unread{color:var(--danger);font-weight:600}.status-bug-read{color:var(--text-secondary)}.status-bug-pinned{color:#f9a825;font-weight:600}.status-bug-resolved{color:var(--text-secondary);opacity:.6}.bug-pinned-row td{background:rgba(249,168,37,.08)}.bug-subject-cell{max-width:18.75rem}.bug-subject-cell small{color:var(--text-secondary);font-size:.75rem}.admin-select-sm{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:.25rem;padding:.25rem .4rem;font-size:.8rem}.admin-select-sm:focus{border-color:var(--accent);outline:none}.confirm-overlay{z-index:300;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.15s confirm-fade-in;display:flex;position:fixed;inset:0}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:25rem;padding:1.5rem 2rem;animation:.15s confirm-slide-in;box-shadow:0 8px 48px rgba(0,0,0,.5)}@keyframes confirm-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.confirm-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.confirm-message{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.confirm-input-wrap{margin-bottom:1rem}.confirm-input-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.8rem;display:block}.confirm-input{width:100%}.confirm-buttons{justify-content:flex-end;gap:.75rem;display:flex}.confirm-danger-btn{background:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition);border:none;padding:.5rem 1.2rem;font-weight:600}.confirm-danger-btn:hover{opacity:.85}.admin-toast{border-radius:var(--radius);z-index:400;white-space:nowrap;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;animation:.25s toast-slide-up;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px rgba(0,0,0,.4)}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-success{background:var(--success);color:#111}.toast-error{background:var(--danger);color:#fff}.admin-auto-refresh{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.admin-auto-refresh .btn.active{background:var(--accent);color:#fff}.auto-refresh-status{color:var(--text-secondary);margin-left:.5rem;font-size:.8rem}.home{text-align:center;max-width:75rem;margin:0 auto;padding:0 2rem;animation:.4s ease-out page-enter}.home-title{background:linear-gradient(90deg, var(--accent) 0%, #b388ff 25%, #ff80ab 50%, #b388ff 75%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:1.5rem 0;font-size:2.5rem;font-weight:800;animation:4s linear infinite gradient-shift}.game-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1.5rem;padding-bottom:2rem;display:grid}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;color:var(--text-primary);flex-direction:column;padding-top:6rem;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";opacity:.8;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.game-card:hover{color:var(--text-primary);border-color:transparent}.game-card:hover:before{opacity:1}.game-card .game-card-text{background:var(--bg-card);background:color-mix(in srgb, var(--bg-card) 70%, transparent);backdrop-filter:blur(.5rem);z-index:2;margin-top:auto;padding:.5rem;position:relative}.game-card .game-card-name{margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.game-card .game-card-desc{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem}.game-card .game-card-online{color:var(--success);justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.game-card .game-card-online .online-dot{background:var(--success);border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite pulse}.game-card[data-game=reversi]:before{background:url(/images/bg/reversi.webp) 50%/cover no-repeat}.game-card[data-game=four_in_a_row]:before{background:url(/images/bg/four_in_a_row.webp) 50%/cover no-repeat}.game-card[data-game=three_in_a_row]:before{background:url(/images/bg/three_in_a_row.webp) 50%/cover no-repeat}.game-card[data-game=five_in_a_row]:before{background:url(/images/bg/five_in_a_row.webp) 50%/cover no-repeat}.game-card[data-game=mancala]:before{background:url(/images/bg/mancala.webp) 50%/cover no-repeat}.game-card[data-game=morris]:before{background:url(/images/bg/nine_mens_morris.webp) 50%/cover no-repeat}.game-card[data-game=yacht]:before{background:url(/images/bg/yacht.webp) 50%/cover no-repeat}.game-card[data-game=hit_and_blow]:before{background:url(/images/bg/hit_and_blow.webp) 50%/cover no-repeat}.game-card[data-game=ludo]:before{background:url(/images/bg/ludo.webp) 50%/cover no-repeat}.game-card[data-game=gogo_shogi]:before{background:url(/images/bg/gogo_shogi.webp) 50%/cover no-repeat}.game-card[data-game=casino]:before{background:linear-gradient(135deg,#1a472a 0%,#2d6a4f 30%,#1a472a 50%,#b8860b 70%,#d4a017 100%)}.home-casino-card{background:linear-gradient(160deg,#0a0a14 0%,#12111e 15%,#1a1828 30%,#141220 50%,#1e1510 70%,#241a10 85%,#140e08 100%);border:1.5px solid rgba(212,175,55,.4);grid-column:1/-1;padding-top:3rem;position:relative}.home-casino-card:before{background:radial-gradient(at 25% 30%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(at 75%,rgba(212,175,55,.1) 0%,transparent 45%),radial-gradient(at 50% 80%,rgba(180,140,40,.06) 0%,transparent 40%),repeating-linear-gradient(45deg,transparent 0 18px,rgba(212,175,55,.03) 18px 19px),repeating-linear-gradient(-45deg,transparent 0 18px,rgba(212,175,55,.03) 18px 19px)}.home-casino-card:after{content:"";background:linear-gradient(90deg,transparent,rgba(212,175,55,.6),rgba(240,208,96,.8),rgba(212,175,55,.6),transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.home-casino-card .game-card-text{background:linear-gradient(transparent 0%,rgba(8,8,14,.7) 100%);padding:1.25rem 1.5rem}.home-casino-card .game-card-name{letter-spacing:.15em;background:linear-gradient(90deg,#b8860b,#d4af37,#f0d060,#d4af37,#b8860b) 0 0/300% 100%;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;animation:4s linear infinite gradient-shift}.home-casino-card .game-card-desc{color:rgba(212,175,55,.65);letter-spacing:.04em;font-size:.95rem}.home-casino-card:hover{border-color:rgba(240,208,96,.6);box-shadow:0 0 30px rgba(212,175,55,.15),0 0 60px rgba(212,175,55,.05),0 8px 32px rgba(0,0,0,.4)}.home-casino-card:hover:after{background:linear-gradient(90deg,transparent,rgba(240,208,96,.8),#ffdf64,rgba(240,208,96,.8),transparent)}.lobby{max-width:50rem;margin:1rem auto;padding:0 2rem 1rem;animation:.4s ease-out page-enter}.lobby-header{justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.lobby-title{margin:0;font-size:2rem;font-weight:700}.rules-btn{border:2px solid var(--border);background:var(--bg-card);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.rules-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-card-hover)}.rules-overlay{z-index:1000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s rules-fade-in;display:flex;position:fixed;inset:0}@keyframes rules-fade-in{0%{opacity:0}to{opacity:1}}.rules-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;width:90%;max-width:31.25rem;max-height:80vh;padding:2rem;overflow-y:auto}.rules-modal h2{text-align:center;margin-bottom:1.5rem;font-size:1.3rem}.rules-modal .rules-body p{color:var(--text-secondary);margin:.5rem 0;font-size:.95rem;line-height:1.6}.rules-modal .rules-body h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin:1.2rem 0 .4rem;padding-bottom:.25rem;font-size:1.05rem;font-weight:600}.rules-modal .rules-body h3:first-child{margin-top:.5rem}.rules-modal .rules-body ol,.rules-modal .rules-body ul{margin:.4rem 0 .6rem;padding-left:1.5rem}.rules-modal .rules-body li{color:var(--text-secondary);margin:.3rem 0;font-size:.95rem;line-height:1.5}.rules-modal .rules-body strong{color:var(--text-primary);font-weight:600}.rules-modal .btn-secondary{margin:1.5rem auto 0;display:block}.lobby-connecting{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.95rem;display:flex}.lobby-connecting .spinner{width:1.25rem;height:1.25rem}.lobby-options{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1.5rem;display:grid}.lobby-option-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);color:var(--text-primary);flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.lobby-option-card:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-4px)}.lobby-option-card .option-icon{margin-bottom:1rem;font-size:3rem}.lobby-option-card h2{margin-bottom:.5rem;font-size:1.2rem}.lobby-option-card p{color:var(--text-secondary);font-size:.9rem}.lobby-option-card:disabled{opacity:.4;cursor:not-allowed;transform:none}.lobby-option-card:disabled:hover{background:var(--bg-card);border-color:var(--border);transform:none}.waiting-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}.waiting-card .btn-secondary{color:var(--danger);border:1.5px solid var(--danger);letter-spacing:.03em;background:0 0;border-radius:2rem;padding:.6rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.waiting-card .btn-secondary:hover{color:#fff;background:var(--danger);border-color:var(--danger);transform:translateY(-1px);box-shadow:0 0 16px rgba(239,83,80,.4)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}.friend-room{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.room-input-group{gap:.5rem;width:100%;max-width:25rem;display:flex}.friend-desc{color:var(--text-secondary);font-size:.9rem}.waiting-room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.room-code-display{color:var(--text-primary);font-size:1.3rem;font-weight:700}.seat-area{justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.seat-area.seat-area-multi{flex-wrap:wrap;gap:.75rem}.player-seat{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);width:8.75rem;min-height:6.25rem;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.player-seat.seat-ready{border-color:var(--success);box-shadow:0 0 12px rgba(102,187,106,.3)}.seat-player-name{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:12rem;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.seat-you{color:var(--accent);font-size:.85rem}.seat-empty{color:var(--text-secondary);font-size:.95rem;font-style:italic}.ready-badge{background:var(--success);color:#000;letter-spacing:.05em;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.vs-label{color:var(--text-secondary);font-size:1.5rem;font-weight:800}.waiting-room-actions{justify-content:center;gap:.75rem;display:flex}.seat-button-group{gap:.75rem;display:flex}.spectator-section{text-align:center;width:100%}.spectator-section h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.spectator-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.spectator-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:20px;align-items:center;padding:.3rem .75rem;font-size:.85rem;display:inline-flex}.chip-you{color:var(--accent);font-size:.8rem}.ludo-rules-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;width:100%;padding:1rem 1.25rem;display:flex}.ludo-rules-title{color:var(--text-primary);text-align:center;margin:0;font-size:.95rem;font-weight:700}.ludo-preset-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-preset{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.btn-preset:hover:not(:disabled){border-color:var(--accent)}.btn-preset.active{border-color:var(--accent);background:var(--accent);color:#fff}.btn-preset:disabled{opacity:.6;cursor:default}.ludo-preset-custom-badge{color:var(--text-secondary);background:var(--bg-card);border:1px dashed var(--border);border-radius:6px;align-items:center;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-detail-toggle{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;padding:.25rem 0;font-size:.82rem}.btn-detail-toggle:hover{color:var(--text-primary)}.ludo-detail-grid{flex-direction:column;gap:.5rem;width:fit-content;margin:0 auto;display:flex}.ludo-toggle-row{cursor:pointer;transition:background var(--transition);border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.ludo-toggle-row:hover:not(.disabled){background:rgba(255,255,255,.08)}.ludo-toggle-row.disabled{cursor:default;opacity:.6}.ludo-toggle-label{color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:.85rem}.ludo-toggle-switch{background:var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .3s;display:inline-block;position:relative}.ludo-toggle-switch.on{background:var(--accent)}.ludo-toggle-row.disabled .ludo-toggle-switch{opacity:.5;cursor:not-allowed}.ludo-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.on>.ludo-toggle-knob{transform:translate(16px)}[data-theme=pop] .ludo-toggle-row:hover:not(.disabled){background:rgba(0,0,0,.05)}[data-theme=pop] .ludo-toggle-knob{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1)}[data-theme=pop] .ludo-toggle-switch{background:#ccc}[data-theme=pop] .ludo-toggle-switch.on{background:var(--accent)}[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-tabs{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.game-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.game-tab:hover{color:var(--text-primary);border-color:var(--text-secondary)}.game-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.game-info{justify-content:center;gap:3rem;margin-bottom:1rem;display:flex}.player-info{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.player-info.active{border-color:var(--accent);box-shadow:0 0 12px rgba(79,195,247,.2)}.score{font-size:1.5rem;font-weight:700}.turn-info{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:1.1rem;display:flex}.turn-label{font-size:1.1rem;font-weight:700}.turn-mine{color:var(--accent)}.turn-opp{color:var(--danger)}.my-label{color:var(--accent);font-size:.85rem;font-weight:700}.action-hint{color:var(--accent);margin-top:.25rem;font-size:.85rem}.game-timers{justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.game-timers.game-timers-4p{flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}.game-timers.game-timers-4p .timer-block{min-width:0}.game-timers.game-timers-4p .player-timer{min-width:3.5rem;padding:.3rem .6rem;font-size:1rem}.game-timers.game-timers-4p .player-name-row{max-width:5rem;font-size:.7rem}.timer-block{flex-direction:column;align-items:center;gap:.25rem;display:flex}.player-name-row{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:7.5rem;font-size:.8rem;font-weight:600;overflow:hidden}.player-timer{font-variant-numeric:tabular-nums;background:var(--bg-card);border:2px solid var(--border);color:var(--text-secondary);text-align:center;border-radius:.5rem;min-width:5rem;padding:.4rem 1.2rem;font-size:1.4rem;font-weight:700;transition:border-color .2s,color .2s,box-shadow .2s}.player-timer.timer-active{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 8px rgba(79,195,247,.25)}.player-timer.timer-warning{border-color:var(--danger);color:var(--danger);animation:.8s ease-in-out infinite timer-blink}.player-timer.timer-ludo-blue.timer-active{border-color:#2196f3;box-shadow:0 0 8px rgba(33,150,243,.3)}.player-timer.timer-ludo-green.timer-active{border-color:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.3)}.player-timer.timer-ludo-yellow.timer-active{border-color:#ff9800;box-shadow:0 0 8px rgba(255,152,0,.3)}.player-timer.timer-ludo-red.timer-active{border-color:#f44336;box-shadow:0 0 8px rgba(244,67,54,.3)}.toolbar-backdrop{z-index:5;position:fixed;inset:0}.toolbar-area{z-index:6;margin-top:1rem;position:relative}.game-toolbar{justify-content:center;gap:.5rem;display:flex}.toolbar-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .6rem;display:flex}.toolbar-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}.toolbar-icon{font-size:1.2rem;line-height:1}.toolbar-label{color:var(--text-secondary);white-space:nowrap;font-size:.6rem;line-height:1}.volume-control{position:relative}.volume-slider-popup{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:.5rem;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .6rem;display:flex;position:absolute;bottom:calc(100% + .38rem);left:50%;transform:translate(-50%)}.volume-slider{appearance:none;writing-mode:vertical-lr;background:var(--border);cursor:pointer;direction:rtl;border-radius:.19rem;outline:none;width:.38rem;height:5rem}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:1rem;height:1rem}.volume-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:1rem;height:1rem}.volume-slider::-moz-range-track{background:var(--border);border-radius:.19rem;width:.38rem}.volume-value{color:var(--text-secondary);white-space:nowrap;font-size:.65rem}.volume-mute-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:.25rem;padding:.2rem .4rem;font-size:.65rem}.volume-mute-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}.stone-icon{vertical-align:middle;border-radius:50%;width:1.25rem;height:1.25rem;display:inline-block}.stone-black{background:radial-gradient(circle at 35% 35%,#666,#000);box-shadow:1px 1px 2px rgba(0,0,0,.4)}.stone-white{background:radial-gradient(circle at 35% 35%,#fff,#ccc);box-shadow:1px 1px 2px rgba(0,0,0,.2)}.status-msg{text-align:center;color:var(--danger,#ef5350);border-radius:var(--radius);background:rgba(239,83,80,.1);border:1px solid rgba(239,83,80,.3);margin-bottom:1rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;animation:.3s status-msg-in}@keyframes status-msg-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;color:var(--text-secondary);padding:3rem}.error-card{border:1px solid var(--danger);border-radius:var(--radius);text-align:center;color:var(--danger);background:rgba(239,83,80,.1);padding:1.5rem}.no-data{text-align:center;color:var(--text-secondary);padding:2rem}.settings-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:10;flex-direction:column;gap:.75rem;width:min(20rem,100vw - 2rem);margin-bottom:.5rem;padding:1rem;animation:.2s panel-slide-up;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.settings-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settings-label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}.settings-options{gap:.25rem;display:flex}[data-theme=pop] .status-msg{color:var(--danger);background:rgba(213,0,0,.08);border-color:rgba(213,0,0,.25)}[data-theme=pop] .player-timer.timer-ludo-yellow.timer-active{border-color:#c67600;box-shadow:0 0 8px rgba(198,118,0,.3)}[data-theme=pop] .player-timer.timer-ludo-green.timer-active{border-color:#2e7d32;box-shadow:0 0 8px rgba(46,125,50,.3)}.settings-opt{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:.38rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.settings-opt.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-opt:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.stamp-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:10;flex-direction:column;gap:.5rem;width:17.5rem;max-height:20rem;margin-bottom:.5rem;padding:.75rem;animation:.2s panel-slide-up;display:flex;position:absolute;bottom:100%;left:50%;overflow-y:auto;transform:translate(-50%)}.stamp-emoji-section{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stamp-divider{border:none;border-top:1px solid var(--border);margin:.25rem 0}.stamp-text-section{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.stamp-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);border-radius:.5rem;padding:.5rem;font-size:1.8rem}.stamp-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:scale(1.15)}.stamp-text-btn{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:.4rem .5rem;font-size:.85rem;overflow:hidden}.stamp-text-btn:hover{transform:scale(1.05)}.stamp-bubble{z-index:90;pointer-events:none;background:rgba(30,30,60,.92);background:color-mix(in srgb, var(--bg-secondary) 92%, transparent);border:1px solid var(--border);border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.25rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.stamp-anim-a{animation:3s forwards stamp-pop-a}.stamp-anim-b{animation:3s forwards stamp-pop-b}.stamp-sender{color:rgba(255,255,255,.7);font-size:.75rem;font-weight:600}.stamp-emoji{font-size:3.5rem;line-height:1}.stamp-text{color:#e8e8ff;padding:.25rem .5rem;font-size:1.3rem;font-weight:600}[data-theme=pop] .stamp-bubble{background:rgba(255,255,255,.92)}[data-theme=pop] .stamp-text{color:#1a1a2e}[data-theme=pop] .stamp-sender{color:rgba(0,0,0,.55)}.game-result{text-align:center;margin:1rem 0;animation:.6s ease-out result-enter}.game-result h2{background:linear-gradient(270deg, var(--accent), #b388ff, #ff80ab, var(--accent));-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(1.4rem,5vw,2rem);font-weight:800;animation:6s infinite gradient-shift}.game-result-win h2{text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.2);background:linear-gradient(270deg,gold,#ffab00,#fff176,gold) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,6vw,2.4rem);animation:3s infinite gradient-shift,.6s ease-out victory-bounce}.game-result-lose h2{opacity:.8;animation:6s infinite gradient-shift,1s ease-out defeat-fade-in}.game-result-draw{border-radius:var(--radius);animation:2s ease-in-out 3 glow-pulse}.victory-flash{z-index:79;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,.3),transparent 70%);animation:1.2s ease-out forwards victory-flash-anim;position:fixed;inset:0}.defeat-dim{z-index:79;pointer-events:none;background:rgba(0,0,0,.15);animation:1.5s ease-out forwards defeat-dim-anim;position:fixed;inset:0}.confetti-container{pointer-events:none;z-index:80;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{border-radius:2px;width:.62rem;height:.62rem;animation:3s ease-in forwards confetti-fall;position:absolute;top:-1.25rem}.confetti-piece:nth-child(8n+1){background:gold}.confetti-piece:nth-child(8n+2){background:#ff6b6b}.confetti-piece:nth-child(8n+3){background:#4fc3f7}.confetti-piece:nth-child(8n+4){background:#69f0ae}.confetti-piece:nth-child(8n+5){background:#ff80ab}.confetti-piece:nth-child(8n+6){background:#b388ff}.confetti-piece:nth-child(8n+7){background:#fff176}.confetti-piece:nth-child(8n+8){background:#e040fb}.rating-change{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:1.2rem;animation:.6s ease-out .3s both result-enter;display:flex}.rating-label,.rating-old,.rating-arrow{color:var(--text-secondary)}.rating-new{color:var(--text-primary);font-weight:700}.rating-diff{margin-left:.3rem;font-weight:600}.rating-up{color:var(--success)}.rating-down{color:var(--danger)}.rating-same{color:var(--text-secondary)}.game-over-actions{flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;animation:.6s ease-out .5s both result-enter;display:flex}.rematch-notice{color:var(--accent);font-weight:600;animation:1.5s ease-in-out infinite pulse}.rematch-waiting{color:var(--text-secondary);font-size:.9rem}[data-theme=pop] .rating-up{color:#008a3a}:root{--ttt-grid-border:rgba(0,230,255,.25);--ttt-grid-bg:rgba(42,42,62,.08);--ttt-hover:0, 230, 255;--ttt-blocked:80, 200, 120;--ttt-highlight:255, 215, 0;--ttt-x-hi:rgba(255,140,140,.9);--ttt-x-main:rgba(220,60,60,.95);--ttt-x-dark:rgba(160,30,30,.85);--ttt-x-deep:rgba(100,10,10,.7);--ttt-x-shadow:rgba(60,5,5,.5);--ttt-x-glow:220, 60, 60;--ttt-o-hi:rgba(140,190,255,.9);--ttt-o-main:rgba(60,130,220,.95);--ttt-o-dark:rgba(30,80,160,.85);--ttt-o-deep:rgba(10,40,100,.7);--ttt-o-shadow:rgba(5,20,60,.5);--ttt-o-glow:60, 130, 220}.ttt-scene{perspective:40rem;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:30rem;margin:0 auto;display:flex}.ttt-scene:active{cursor:grabbing}.ttt-cube{width:16.5rem;height:16.5rem;transform-style:preserve-3d;position:relative}.ttt-small-cube{margin-top:calc(var(--half) * -1);margin-left:calc(var(--half) * -1);transform-style:preserve-3d;pointer-events:none;position:absolute;top:50%;left:50%}.ttt-face{backface-visibility:visible;pointer-events:auto;border:1px solid var(--ttt-grid-border);background:var(--ttt-grid-bg);width:100%;height:100%;transition:background .15s,box-shadow .2s,border-color .15s;position:absolute}.ttt-face-front{transform:translateZ(var(--half))}.ttt-face-back{transform:translateZ(calc(var(--half) * -1)) rotateY(180deg)}.ttt-face-top{transform:translateY(calc(var(--half) * -1)) rotateX(90deg)}.ttt-face-bottom{transform:translateY(var(--half)) rotateX(-90deg)}.ttt-face-left{transform:translateX(calc(var(--half) * -1)) rotateY(-90deg)}.ttt-face-right{transform:translateX(var(--half)) rotateY(90deg)}.--inner{background:0 0;border-color:transparent}.--blocked .ttt-face{background:repeating-linear-gradient(45deg, rgba(var(--ttt-blocked), .15), rgba(var(--ttt-blocked), .15) 3px, rgba(var(--ttt-blocked), .05) 3px, rgba(var(--ttt-blocked), .05) 6px);border-color:rgba(var(--ttt-blocked), .3)}.--valid{cursor:pointer}.--valid .ttt-face:hover{background:rgba(var(--ttt-hover), .1);box-shadow:inset 0 0 8px rgba(var(--ttt-hover), .15), 0 0 6px rgba(var(--ttt-hover), .12)}.--col-hover .ttt-face{border-color:rgba(var(--ttt-hover), .35);background:rgba(var(--ttt-hover), .04);box-shadow:inset 0 0 8px rgba(var(--ttt-hover), .1), 0 0 5px rgba(var(--ttt-hover), .08)}.--drop-target .ttt-face{border-color:rgba(var(--ttt-hover), .75);background:rgba(var(--ttt-hover), .18);box-shadow:inset 0 0 16px rgba(var(--ttt-hover), .3), 0 0 14px rgba(var(--ttt-hover), .28);animation:1.5s ease-in-out infinite ttt-drop-pulse}@keyframes ttt-drop-pulse{0%,to{box-shadow:inset 0 0 16px rgba(var(--ttt-hover), .3), 0 0 14px rgba(var(--ttt-hover), .28)}50%{box-shadow:inset 0 0 24px rgba(var(--ttt-hover), .45), 0 0 20px rgba(var(--ttt-hover), .4)}}.ttt-mark{-webkit-user-select:none;user-select:none;pointer-events:none;width:3.6rem;height:3.6rem;translate:-50% -50%;transform:rotateY(var(--nry)) rotateX(var(--nrx));border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:50%}.ttt-blocked-x{background:radial-gradient(circle at 30% 30%, rgba(var(--ttt-blocked), .45), rgba(var(--ttt-blocked), .25) 60%, rgba(var(--ttt-blocked), .08));border:1px solid rgba(var(--ttt-blocked), .3);color:rgba(var(--ttt-blocked), .5);font-size:1.2rem;animation:none}.--x .ttt-mark{background:radial-gradient(circle at 28% 28%, var(--ttt-x-hi), var(--ttt-x-main) 30%, var(--ttt-x-dark) 60%, var(--ttt-x-deep));box-shadow:inset -2px -2px 6px var(--ttt-x-shadow), 0 0 10px rgba(var(--ttt-x-glow), .4), 0 0 20px rgba(var(--ttt-x-glow), .15);color:rgba(255,255,255,.85);text-shadow:0 0 6px rgba(var(--ttt-x-glow), .6), 0 0 14px rgba(var(--ttt-x-glow), .3)}.--o .ttt-mark{background:radial-gradient(circle at 28% 28%, var(--ttt-o-hi), var(--ttt-o-main) 30%, var(--ttt-o-dark) 60%, var(--ttt-o-deep));box-shadow:inset -2px -2px 6px var(--ttt-o-shadow), 0 0 10px rgba(var(--ttt-o-glow), .4), 0 0 20px rgba(var(--ttt-o-glow), .15);color:rgba(255,255,255,.85);text-shadow:0 0 6px rgba(var(--ttt-o-glow), .6), 0 0 14px rgba(var(--ttt-o-glow), .3)}.--last-move .ttt-mark{animation:.8s linear ttt-sphere-drop}.--last-move .ttt-face{box-shadow:inset 0 0 14px rgba(var(--ttt-highlight), .35), 0 0 12px rgba(var(--ttt-highlight), .25)}@keyframes ttt-sphere-drop{0%{opacity:0;translate:-50% -242%}2%{opacity:1}5%{translate:-50% -215.1%}9%{translate:-50% -182.5%}14%{translate:-50% -144.1%}18%{translate:-50% -100%}23%{translate:-50% -50%}31%{translate:-50% -86%}38%{translate:-50% -106%}44%{translate:-50% -110.5%}49%{translate:-50% -106%}57%{translate:-50% -86%}64%{translate:-50% -50%}69%{translate:-50% -61.3%}75%{translate:-50% -65.1%}80%{translate:-50% -61.3%}85%{translate:-50% -50%}90%{translate:-50% -53.8%}95%{translate:-50% -50%}97%{translate:-50% -50.9%}to{translate:-50% -50%}}.--winning .ttt-face{animation:1.5s ease-in-out infinite ttt-win-face-pulse}@keyframes ttt-win-face-pulse{0%,to{box-shadow:inset 0 0 8px rgba(var(--ttt-highlight), .15), 0 0 6px rgba(var(--ttt-highlight), .1)}50%{box-shadow:inset 0 0 14px rgba(var(--ttt-highlight), .35), 0 0 12px rgba(var(--ttt-highlight), .25)}}.ttt-ball-icon{vertical-align:middle;color:rgba(255,255,255,.85);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:inline-flex}.ttt-ball-x{background:radial-gradient(circle at 30% 30%, var(--ttt-x-hi), var(--ttt-x-main) 40%, var(--ttt-x-dark) 70%);text-shadow:0 0 4px rgba(var(--ttt-x-glow), .5)}.ttt-ball-o{background:radial-gradient(circle at 30% 30%, var(--ttt-o-hi), var(--ttt-o-main) 40%, var(--ttt-o-dark) 70%);text-shadow:0 0 4px rgba(var(--ttt-o-glow), .5)}.cf-container{justify-content:center;padding:0;display:flex}.cf-board{background:#1565c0;border:4px solid #0d47a1;border-radius:.5rem;grid-template-rows:repeat(6,1fr);gap:2px;width:min(90vw,28rem);padding:.38rem;display:grid;box-shadow:0 8px 32px rgba(0,0,0,.5)}.cf-row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cf-cell{aspect-ratio:1;cursor:default;background:#1976d2;border-radius:.25rem;justify-content:center;align-items:center;display:flex;position:relative}.cf-cell-clickable{cursor:pointer}.cf-cell-clickable:hover .cf-hole{background:rgba(255,255,255,.15)}.cf-hole{background:var(--bg-primary);width:80%;height:80%;transition:background var(--transition);border-radius:50%}.cf-cell-red .cf-hole{background:radial-gradient(circle at 35% 35%,#f44336,#b71c1c);animation:.4s ease-out cf-drop;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.cf-cell-yellow .cf-hole{background:radial-gradient(circle at 35% 35%,#ffeb3b,#f9a825);animation:.4s ease-out cf-drop;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.cf-disc{border-radius:50%;width:1.25rem;height:1.25rem;display:inline-block}.cf-red{background:#f44336}.cf-yellow{background:#ffeb3b}.cf-cell.last-move{box-shadow:inset 0 0 0 3px var(--accent);background:#0d47a1}.cf-cell.winning-cell .cf-hole{animation:1.2s ease-in-out infinite winning-pulse;box-shadow:0 0 8px 3px rgba(255,215,0,.8),inset 0 2px 4px rgba(0,0,0,.3)}@keyframes winning-pulse{0%,to{box-shadow:0 0 8px 3px rgba(255,215,0,.8),inset 0 2px 4px rgba(0,0,0,.3)}50%{box-shadow:0 0 16px 6px rgba(255,215,0,.5),inset 0 2px 4px rgba(0,0,0,.3)}}.five-in-a-row-container{justify-content:center;padding:0;display:flex}.five-in-a-row-board{background:#d4a056;border:4px solid #b8860b;border-radius:.25rem;grid-template-rows:repeat(15,1fr);gap:0;width:min(90vw,32rem);padding:.75rem;display:grid;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.5)}.five-in-a-row-row{grid-template-columns:repeat(15,1fr);gap:0;display:grid}.five-in-a-row-cell{aspect-ratio:1;cursor:default;justify-content:center;align-items:center;display:flex;position:relative}.five-in-a-row-cell:before{content:"";background:rgba(0,0,0,.35);height:1px;position:absolute;top:50%;left:0;right:0}.five-in-a-row-cell:after{content:"";background:rgba(0,0,0,.35);width:1px;position:absolute;top:0;bottom:0;left:50%}.five-in-a-row-cell-valid{cursor:pointer}.five-in-a-row-cell-valid:hover:before,.five-in-a-row-cell-valid:hover:after{background:rgba(0,0,0,.15)}.five-in-a-row-cell-valid:hover{background:rgba(0,0,0,.08);border-radius:50%}.five-in-a-row-stone{z-index:1;border-radius:50%;width:80%;height:80%;animation:.3s ease-out place-stone;position:relative}.five-in-a-row-cell-black .five-in-a-row-stone{background:radial-gradient(circle at 35% 35%,#444,#111);box-shadow:1px 1px 3px rgba(0,0,0,.5)}.five-in-a-row-cell-white .five-in-a-row-stone{background:radial-gradient(circle at 35% 35%,#fff,#ccc);box-shadow:1px 1px 3px rgba(0,0,0,.3)}.five-in-a-row-cell.last-move .five-in-a-row-stone:after{content:"";z-index:2;background:#f44336;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.five-in-a-row-cell-black.last-move .five-in-a-row-stone:after,.five-in-a-row-cell-white.last-move .five-in-a-row-stone:after{background:#f44336}.five-in-a-row-cell.winning-cell .five-in-a-row-stone{animation:1.2s ease-in-out infinite winning-pulse-gomoku;box-shadow:0 0 8px 3px rgba(255,215,0,.8)}@keyframes winning-pulse-gomoku{0%,to{box-shadow:0 0 8px 3px rgba(255,215,0,.8)}50%{box-shadow:0 0 16px 6px rgba(255,215,0,.5)}}.reversi-container{justify-content:center;padding:0;display:flex}.reversi-board{background:#1b5e20;border:4px solid #2e7d32;border-radius:.5rem;grid-template-rows:repeat(8,1fr);gap:2px;width:min(90vw,30rem);padding:.25rem;display:grid;box-shadow:0 8px 32px rgba(0,0,0,.5)}.reversi-row{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.reversi-cell{aspect-ratio:1;cursor:default;transition:background var(--transition);background:#2e7d32;border-radius:.25rem;justify-content:center;align-items:center;display:flex;position:relative}.reversi-cell-valid{cursor:pointer}.reversi-cell-valid:after{content:"";background:rgba(255,255,255,.25);border-radius:50%;width:1rem;height:1rem}.reversi-cell-valid:hover{background:#388e3c}.reversi-cell-valid:hover:after{background:rgba(255,255,255,.4)}.reversi-cell-black .reversi-stone{background:radial-gradient(circle at 35% 35%,#444,#111);border-radius:50%;width:80%;height:80%;animation:.3s ease-out place-stone;box-shadow:2px 2px 4px rgba(0,0,0,.4)}.reversi-cell-white .reversi-stone{background:radial-gradient(circle at 35% 35%,#fff,#ccc);border-radius:50%;width:80%;height:80%;animation:.3s ease-out place-stone;box-shadow:2px 2px 4px rgba(0,0,0,.3)}.reversi-cell.reversi-last-move{background:rgba(255,235,59,.35)}.shogi-container{flex-direction:column;align-items:center;gap:.75rem;display:flex}.shogi-board{background:#d4a056;border:4px solid #b8860b;border-radius:.25rem;flex-direction:column;width:min(90vw,22rem);display:flex;box-shadow:0 8px 32px rgba(0,0,0,.5)}.shogi-row{display:flex}.shogi-cell{aspect-ratio:1;cursor:pointer;background:#d4a056;border:.5px solid rgba(0,0,0,.35);flex:1;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.shogi-cell:hover{background:#c4913e}.shogi-cell.selected{background:#f0c040;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.shogi-cell.valid-target{background:#c8e6c9}.shogi-cell.valid-target:after{content:"";background:rgba(76,175,80,.5);border-radius:50%;width:.88rem;height:.88rem;position:absolute}.shogi-cell.drop-target{background:#bbdefb}.shogi-cell.drop-target:after{content:"";background:rgba(33,150,243,.4);border-radius:50%;width:.88rem;height:.88rem;position:absolute}.shogi-cell.last-move{background:rgba(255,235,59,.35)}.shogi-piece-text{color:#1a1a1a;-webkit-user-select:none;user-select:none;clip-path:polygon(50% 0%,100% 25%,100% 100%,0% 100%,0% 25%);filter:drop-shadow(1px 2px 2px rgba(0,0,0,.4));background:linear-gradient(#f5e6c8,#e0c690);justify-content:center;align-items:center;width:70%;height:80%;padding-top:.19rem;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}.shogi-piece-text.gote{background:linear-gradient(#f5e6c8,#d4b880);transform:rotate(180deg)}.shogi-piece-text.promoted{color:#c62828}.shogi-hand{background:var(--bg-card);border-radius:.5rem;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem 1rem;display:flex}.shogi-hand-label{color:var(--text-secondary);min-width:4.38rem;font-size:.85rem}.shogi-hand-pieces{flex-wrap:wrap;gap:.4rem;display:flex}.shogi-hand-piece{cursor:pointer;color:#1a1a1a;background:linear-gradient(#f5e6c8,#e0c690);border:2px solid #8b7355;border-radius:.25rem;align-items:center;gap:2px;padding:.25rem .5rem;font-size:.9rem;transition:all .15s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.3)}.shogi-hand-piece:hover{background:linear-gradient(#ffe8a0,#d4a040)}.shogi-hand-piece.selected{background:#f0c040;border-color:#c0a030;box-shadow:0 0 6px rgba(240,192,64,.5)}.shogi-hand-kanji{font-size:1.2rem;font-weight:700}.shogi-promote-backdrop{z-index:99;background:rgba(0,0,0,.5);position:fixed;inset:0}.shogi-promote-dialog{background:var(--bg-card);border:2px solid var(--accent);z-index:100;border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px rgba(0,0,0,.5)}.shogi-promote-dialog p{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.shogi-promote-dialog button{cursor:pointer;border:none;border-radius:.38rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s}.shogi-promote-dialog .promote-yes{color:#fff;background:#c62828}.shogi-promote-dialog .promote-yes:hover{background:#d32f2f}.shogi-promote-dialog .promote-no{color:#fff;background:#546e7a}.shogi-promote-dialog .promote-no:hover{background:#607d8b}.morris-container{justify-content:center;margin:1rem 0;display:flex}.morris-board{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);width:min(90vw,22rem);height:auto}.morris-cell-clickable{cursor:pointer}.hb-container{flex-direction:column;align-items:center;gap:1.5rem;padding:0;display:flex}.hb-input-area{flex-direction:column;align-items:center;gap:.75rem;display:flex}.hb-prompt{color:var(--text-secondary);font-size:.95rem}.hb-display{gap:.5rem;display:flex}.hb-digit-display{background:var(--bg-card);border:2px solid var(--border);width:3rem;height:3.5rem;color:var(--text-primary);border-radius:.5rem;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.hb-numpad{grid-template-columns:repeat(5,1fr);gap:.4rem;max-width:17.5rem;display:grid}.hb-numpad-btn{background:var(--bg-card);border:1px solid var(--border);width:3rem;height:3rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition);border-radius:.5rem;font-size:1.3rem;font-weight:700}.hb-numpad-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent)}.hb-numpad-btn:disabled{opacity:.3;cursor:default}.hb-actions{gap:.5rem;display:flex}.hb-wait{color:var(--text-secondary);padding:1rem;font-style:italic}.hb-history{gap:2rem;width:100%;max-width:31.25rem;display:flex}.hb-history-col{flex:1}.hb-history-col h3{color:var(--text-secondary);text-align:center;margin-bottom:.5rem;font-size:.9rem}.hb-guess-row{background:var(--bg-card);border:1px solid var(--border);border-radius:.38rem;align-items:center;gap:.5rem;margin-bottom:.3rem;padding:.3rem .5rem;font-size:.9rem;display:flex}.hb-guess-num{color:var(--text-secondary);min-width:1.5rem;font-size:.8rem}.hb-guess-digits{letter-spacing:.15em;flex:1;font-family:Courier New,monospace;font-weight:700}.hb-hits{color:var(--success);font-weight:700}.hb-blows{color:#ffb74d;font-weight:700}.hb-secrets{gap:1.5rem;margin-top:.5rem;display:flex}.hb-secret-reveal{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.5rem 1rem;font-size:.95rem}.hb-secret-digits{letter-spacing:.15em;color:var(--accent);font-family:Courier New,monospace;font-weight:800}[data-theme=pop] .hb-blows{color:#e67700}[data-theme=pop] .hb-hits{color:#008a3a}.mancala-container{justify-content:center;margin:1rem 0;display:flex}.mancala-board{background:#5d4037;border-radius:2rem;align-items:stretch;gap:.5rem;width:min(95vw,30rem);padding:.75rem;display:flex;box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}.mancala-store{background:#3e2723;border-radius:1.5rem;flex-direction:column;flex:0 0 15%;justify-content:center;align-items:center;gap:.4rem;min-height:6rem;display:flex}.store-stones{flex-wrap:wrap;place-content:center;gap:.19rem;padding:.3rem;display:flex}.store-seeds{color:rgba(255,255,255,.7);font-size:1rem;font-weight:700}.mancala-pits-area{flex-direction:column;flex:1;justify-content:center;gap:.5rem;min-width:0;display:flex}.mancala-row{flex:1;gap:.4rem;display:flex}.mancala-pit{min-width:0;transition:background var(--transition);background:#3e2723;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mancala-pit-valid{cursor:pointer;box-shadow:0 0 0 2px var(--accent);background:#4e342e}.mancala-pit-valid:hover{background:#6d4c41}.seeds-stones{flex-wrap:wrap;place-content:center;gap:2px;max-width:2.75rem;display:flex}.stone{background:radial-gradient(circle at 35% 35%,#f5e0c0,#c8a06a,#a07848);border-radius:50%;width:.5rem;height:.5rem;display:inline-block;box-shadow:1px 1px 2px rgba(0,0,0,.4)}.stone-overflow{color:rgba(255,255,255,.8);font-size:.55rem;font-weight:700;line-height:1}.pit-seeds{color:rgba(255,255,255,.6);font-size:.65rem;font-weight:600;line-height:1}.mancala-pit.last-move{box-shadow:0 0 0 2px var(--accent)}.yacht-container{flex-direction:column;align-items:center;gap:1rem;padding:0;display:flex}.yacht-dice-area{flex-direction:column;align-items:center;gap:.75rem;display:flex}.yacht-dice-row{gap:.5rem;display:flex}.yacht-die{background:var(--bg-card);border:2px solid var(--border);width:3.5rem;height:3.5rem;color:var(--text-primary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);-webkit-user-select:none;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.yacht-die-kept{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 8px rgba(79,195,247,.3)}.yacht-die-clickable{cursor:pointer}.yacht-die-clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.yacht-roll-area{align-items:center;gap:1rem;display:flex}.yacht-roll-btn{padding:.5rem 1.5rem}.yacht-rolls-left{color:var(--text-secondary);font-size:.9rem}.yacht-scoresheet{width:100%;max-width:25rem}.yacht-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.yacht-table th,.yacht-table td{text-align:center;padding:.4rem .6rem}.yacht-table thead{background:var(--bg-secondary)}.yacht-table thead th{color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600}.yacht-row{border-top:1px solid var(--border);transition:background var(--transition)}.yacht-row-clickable{cursor:pointer}.yacht-row-clickable:hover{background:var(--bg-card-hover)}.yacht-cat{font-size:.9rem;font-weight:500;text-align:left!important}.yacht-score{min-width:2rem;font-weight:600}.yacht-total{color:var(--accent);font-size:1.1rem;font-weight:800}.yacht-bonus-row{border-top:1px solid var(--border);background:var(--bg-secondary)}.yacht-bonus-row .yacht-score,.yacht-bonus-row .yacht-cat{color:var(--text-secondary);font-size:.8rem}.yacht-bonus-val{font-weight:700;color:var(--accent)!important}.yacht-total-row{border-top:2px solid var(--border);background:var(--bg-secondary)}.yacht-preview{color:var(--accent);font-size:.85rem;font-weight:600}.ludo-container{flex-direction:column;align-items:center;gap:.4rem;padding:0;display:flex}.ludo-topbar{justify-content:center;align-items:center;gap:.5rem;width:min(90vw,28.12rem);display:flex}.ludo-auto-btn{border:2px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;letter-spacing:.04em;border-radius:.3rem;padding:.3rem .8rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.ludo-auto-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.ludo-roll-btn{padding:.3rem .8rem;font-size:.85rem}.ludo-dice-value{background:var(--bg-card);border:2px solid var(--accent);width:2.4rem;height:2.4rem;color:var(--text-primary);border-radius:.38rem;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex}.ludo-dice-value.ludo-dice-blue{color:#2196f3;border-color:#2196f3}.ludo-dice-value.ludo-dice-green{color:#4caf50;border-color:#4caf50}.ludo-dice-value.ludo-dice-yellow{color:#ff9800;border-color:#ff9800}.ludo-dice-value.ludo-dice-red{color:#f44336;border-color:#f44336}.ludo-dice-value.ludo-dice-rolling{animation:.3s ease-in-out ludo-dice-shake}@keyframes ludo-dice-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.1)}40%{transform:rotate(10deg)scale(1.05)}60%{transform:rotate(-8deg)scale(1.1)}80%{transform:rotate(6deg)scale(1.05)}}.ludo-grid{background:var(--border);border:2px solid var(--border);border-radius:8px;grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);gap:1px;width:min(90vw,450px);height:min(90vw,450px);display:grid;position:relative;overflow:hidden}.ludo-cell{background:var(--bg-card);flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ludo-cell-empty{background:0 0;border:none}.ludo-cell-path{background:var(--bg-main)}.ludo-base-blue{background:rgba(33, 150, 243, var(--ludo-base-alpha,.25))}.ludo-base-green{background:rgba(76, 175, 80, var(--ludo-base-alpha,.25))}.ludo-base-yellow{background:rgba(255, 152, 0, var(--ludo-base-alpha,.25))}.ludo-base-red{background:rgba(244, 67, 54, var(--ludo-base-alpha,.25))}.ludo-hs-blue{background:rgba(33, 150, 243, var(--ludo-hs-alpha,.4))}.ludo-hs-green{background:rgba(76, 175, 80, var(--ludo-hs-alpha,.4))}.ludo-hs-yellow{background:rgba(255, 152, 0, var(--ludo-hs-alpha,.4))}.ludo-hs-red{background:rgba(244, 67, 54, var(--ludo-hs-alpha,.4))}.ludo-start-blue{border:2px solid #2196f3!important}.ludo-start-green{border:2px solid #4caf50!important}.ludo-start-yellow{border:2px solid #ff9800!important}.ludo-start-red{border:2px solid #f44336!important}.ludo-anim-piece{z-index:10;pointer-events:none;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:6.36364%;height:6.36364%;transition:top 80ms linear,left 80ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.5)}.ludo-piece-token{z-index:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:70%;min-width:8px;height:70%;min-height:8px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.3)}.ludo-token-blue{background:#2196f3}.ludo-token-green{background:#4caf50}.ludo-token-yellow{background:#ff9800}.ludo-token-red{background:#f44336}.ludo-piece-clickable{cursor:pointer}.ludo-piece-clickable:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;animation:.8s ease-in-out infinite ludo-dot-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ludo-dot-blink{0%,to{opacity:1}50%{opacity:0}}.ludo-cell-selectable{background:rgba(255,255,255,.4)!important}.ludo-ranking{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:.3rem;margin:.5rem 0;padding:.5rem;display:flex}.ludo-rank-row{border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.ludo-rank-me{background:rgba(79,195,247,.15);font-weight:700}.ludo-rank-label{min-width:2rem;font-weight:600}.ludo-rank-color{font-weight:600}.ludo-rank-color.ludo-color-blue{color:#2196f3}.ludo-rank-color.ludo-color-green{color:#4caf50}.ludo-rank-color.ludo-color-yellow{color:#ff9800}.ludo-rank-color.ludo-color-red{color:#f44336}[data-theme=pop] .ludo-dice-yellow{color:#c67600;border-color:#c67600}[data-theme=pop] .ludo-dice-green{color:#2e7d32;border-color:#2e7d32}[data-theme=pop] .ludo-piece-clickable:after{background:#333}[data-theme=pop] .ludo-rank-me{background:rgba(100,0,234,.1)}[data-theme=pop] .ludo-color-yellow{color:#c67600}[data-theme=pop] .ludo-color-green{color:#2e7d32}.profile-page{max-width:43.75rem;margin:0 auto;padding:3rem 2rem;animation:.4s ease-out page-enter}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:2rem;padding:2rem}.profile-name{margin-bottom:.5rem;font-size:2rem;font-weight:700}.profile-joined{color:var(--text-secondary);font-size:.9rem}.ratings-section h2{margin-bottom:1rem;font-size:1.4rem}.ratings-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1rem;display:grid}.rating-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.5rem}.rating-card h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.rating-card .rating-value{background:linear-gradient(135deg, var(--accent), #b388ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.rating-card .rating-stats{justify-content:center;gap:1rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.rating-card .rating-winrate{color:var(--text-secondary);font-size:.85rem}.stat-win{color:var(--success)}.stat-loss{color:var(--danger)}.stat-draw{color:var(--text-secondary)}.leaderboard-page{max-width:56.25rem;margin:0 auto;padding:3rem 2rem;animation:.4s ease-out page-enter}.leaderboard-title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.period-tabs{justify-content:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.period-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:.38rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.period-tab:hover{color:var(--text-primary);border-color:var(--text-secondary)}.period-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.leaderboard-body{align-items:flex-start;gap:1.5rem;display:flex}.leaderboard-body .game-tabs{flex-direction:column;flex-shrink:0;width:11.25rem;margin-bottom:0}.leaderboard-body .game-tab{text-align:left;width:100%}.leaderboard-body .leaderboard-content{flex:1;min-width:0}.leaderboard-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.leaderboard-table th,.leaderboard-table td{text-align:left;padding:.75rem 1rem}.leaderboard-table thead{background:var(--bg-secondary)}.leaderboard-table thead th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.leaderboard-table tbody tr{border-top:1px solid var(--border);transition:background var(--transition)}.leaderboard-table tbody tr:hover{background:var(--bg-card-hover)}.leaderboard-table .rating-col{color:var(--accent);font-weight:700}.leaderboard-table .games-col{color:var(--text-primary);font-weight:700}.rank{font-weight:700}.rank-gold{color:gold}.rank-silver{color:silver}.rank-bronze{color:#cd7f32}[data-theme=pop] .rank-gold{color:#b8960f}[data-theme=pop] .rank-silver{color:#777}[data-theme=pop] .rank-bronze{color:#8a5520}[data-theme=pop] .period-tab.active{color:#fff}.achievement-unlocks{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);margin:.75rem 0 1rem;padding:.75rem 1rem;animation:.4s ease-out achievement-pop}.achievement-unlocks-title{color:var(--accent);text-align:center;margin-bottom:.5rem;font-size:1rem;font-weight:700}.achievement-unlock-item{align-items:center;gap:.75rem;padding:.4rem 0;animation:.5s ease-out backwards achievement-slide-in;display:flex}.achievement-unlock-item:nth-child(2){animation-delay:.1s}.achievement-unlock-item:nth-child(3){animation-delay:.2s}.achievement-unlock-item:nth-child(4){animation-delay:.3s}.achievement-unlock-item:nth-child(5){animation-delay:.4s}.achievement-unlock-item:nth-child(6){animation-delay:.5s}.achievement-unlock-item:nth-child(7){animation-delay:.6s}.achievement-unlock-item:nth-child(8){animation-delay:.7s}.achievement-unlock-item:nth-child(9){animation-delay:.8s}.achievement-unlock-item:nth-child(10){animation-delay:.9s}.achievement-unlock-item:nth-child(11){animation-delay:1s}.achievement-unlock-item:nth-child(12){animation-delay:1.1s}.achievement-unlock-item:nth-child(13){animation-delay:1.2s}.achievement-unlock-icon{flex-shrink:0;font-size:1.5rem}.achievement-unlock-text{flex-direction:column;gap:.1rem;display:flex}.achievement-unlock-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.achievement-unlock-desc{color:var(--text-secondary);font-size:.8rem}.achievements-section{margin-bottom:2rem}.achievements-section h2{margin-bottom:.5rem;font-size:1.4rem}.achievement-count{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.75rem;display:grid}.achievement-badge{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;align-items:center;padding:1rem .5rem;display:flex}.achievement-badge.unlocked{border-color:var(--accent)}.achievement-badge.locked{opacity:.45;filter:grayscale()}.achievement-badge-icon{margin-bottom:.4rem;font-size:2rem}.achievement-badge-name{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.achievement-badge-desc{color:var(--text-secondary);font-size:.7rem;line-height:1.3}@keyframes achievement-pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes achievement-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.disconnect-overlay{border:2px solid var(--danger);border-radius:var(--radius);z-index:100;text-align:center;background:rgba(15,15,35,.95);padding:2rem 3rem;animation:.3s fade-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 48px rgba(0,0,0,.6)}.disconnect-overlay-compact{pointer-events:auto;min-width:14rem;padding:1rem 1.5rem;position:fixed;top:auto;bottom:5rem;left:50%;transform:translate(-50%)}.disconnect-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.4rem .6rem;font-size:1.4rem;line-height:1;position:absolute;top:.2rem;right:.3rem}.disconnect-close:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.disconnect-entry{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex}.disconnect-player{font-size:.95rem;font-weight:600}.disconnect-timer-inline{color:var(--text-primary);text-align:right;min-width:3rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.disconnect-hint{color:var(--text-secondary);margin-top:.5rem;font-size:.8rem}.disconnect-badge{border:2px solid var(--danger);z-index:100;cursor:pointer;background:rgba(15,15,35,.9);border-radius:2rem;align-items:center;gap:.4rem;padding:.4rem 1rem;animation:.2s fade-in;display:flex;position:fixed;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px rgba(0,0,0,.4)}.disconnect-badge:hover{filter:brightness(1.2)}.disconnect-badge-icon{font-size:1.2rem}.disconnect-badge-count{color:var(--danger);font-size:1rem;font-weight:700}.resign-overlay{z-index:200;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s resign-fade-in;display:flex;position:fixed;inset:0}.resign-dialog{border:2px solid var(--danger);border-radius:var(--radius);text-align:center;background:rgba(15,15,35,.95);width:90%;max-width:20rem;padding:2rem 2.5rem;box-shadow:0 8px 48px rgba(0,0,0,.6)}.resign-message{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.resign-buttons{justify-content:center;gap:.75rem;display:flex}.resign-confirm-btn{background:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;padding:.6rem 1.5rem;font-size:1rem;font-weight:600}.resign-confirm-btn:hover{filter:brightness(1.2)}.resign-cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);padding:.6rem 1.5rem;font-size:1rem}.resign-cancel-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.bug-report-overlay{z-index:1100;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s resign-fade-in;display:flex;position:fixed;inset:0}.bug-report-dialog{border:2px solid var(--accent);border-radius:var(--radius);background:rgba(15,15,35,.95);width:90%;max-width:30rem;padding:2rem 2.5rem;box-shadow:0 8px 48px rgba(0,0,0,.6)}.bug-report-dialog h3{margin:0 0 1rem;font-size:1.2rem}.bug-category-selector{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:1rem;display:flex;overflow:hidden}.bug-category-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:none;flex:1;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.bug-category-btn:not(:last-child){border-right:1px solid var(--border)}.bug-category-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-tertiary,var(--bg-secondary))}.bug-category-btn.active{background:var(--accent);color:#fff}.bug-form{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.bug-form label{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.bug-textarea{resize:vertical;min-height:5rem}.bug-submit-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;padding:.6rem 1.5rem;font-size:1rem;font-weight:600}.bug-submit-btn:hover:not(:disabled){background:#1976d2}.bug-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bug-validation{color:var(--danger);margin-bottom:.75rem;font-size:.85rem}.bug-success{text-align:center;color:var(--success);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}[data-theme=pop] .bug-report-dialog{background:rgba(255,255,255,.95)}[data-theme=pop] .resign-dialog,[data-theme=pop] .disconnect-overlay{border-color:var(--danger);background:rgba(255,255,255,.95)}.slots-icon-svg{overflow:visible}.slots-machine{background:var(--casino-card-bg);border:2px solid var(--casino-gold);max-width:30rem;box-shadow:0 0 20px var(--casino-glow), inset 0 0 30px rgba(0,0,0,.2);border-radius:1rem;justify-content:center;align-items:stretch;gap:0;margin:1rem auto;padding:1rem .5rem;display:flex}.slots-payline-nums{flex-direction:column;flex-shrink:0;justify-content:space-around;gap:2px;padding:0 .25rem;display:flex}.slots-payline-num{width:1.25rem;height:1.25rem;color:var(--casino-text-dim);cursor:default;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;transition:all .3s;display:flex}.slots-payline-num.active{background:var(--line-color,var(--casino-gold));color:#000;border-color:var(--line-color,var(--casino-gold));box-shadow:0 0 8px var(--line-color,var(--casino-glow))}.slots-reel-area{background:var(--casino-bg);border:2px solid var(--casino-gold-dark);border-radius:.62rem;flex:1;min-width:0;padding:.5rem;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.4)}.slots-payline-svg{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slots-payline-path{opacity:0;filter:drop-shadow(0 0 .19rem);transition:opacity .3s}.slots-payline-path.active{opacity:.8}.slots-reels{grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid}.slots-reel{background:var(--casino-card-bg);border:1px solid var(--casino-gold-dark);aspect-ratio:1/3;border-radius:.5rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.slots-reel.spinning{border-color:var(--casino-gold-light);box-shadow:inset 0 0 10px rgba(0,0,0,.2), 0 0 12px var(--casino-glow-strong)}.slots-reel.spinning .slots-reel-strip{animation:.4s linear infinite slots-reel-scroll}.slots-reel.tease{border-color:var(--casino-red);box-shadow:inset 0 0 10px rgba(0,0,0,.2),0 0 16px rgba(230,57,70,.6)}.slots-reel.tease .slots-reel-strip{animation:1.2s linear infinite slots-reel-scroll}.slots-reel.stopped .slots-reel-strip{animation:.5s ease-out forwards slots-reel-stop}.slots-reel-strip{flex-direction:column;align-items:center;display:flex}.slots-reel-strip.idle{height:100%}.slots-reel-strip.idle .slots-symbol{flex:1}.slots-symbol{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:2.5rem;line-height:1;transition:transform .3s,background .3s;display:flex}.slots-symbol.winning{z-index:2;border-radius:.38rem;animation:.5s ease-in-out infinite alternate slots-symbol-glow;box-shadow:0 0 12px rgba(255,215,0,.6),inset 0 0 8px rgba(255,215,0,.2)}.slots-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.8rem 0;display:flex}.slots-win-display{flex-direction:column;align-items:center;min-width:5rem;display:flex}.slots-win-label{color:var(--casino-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.slots-win-amount{color:var(--casino-gold);min-height:1.8rem;text-shadow:0 0 8px var(--casino-glow);font-size:1.4rem;font-weight:800}.slots-bet-area{align-items:center;gap:.5rem;display:flex}.slots-bet-btn{border:2px solid var(--casino-gold);background:var(--casino-card-bg);width:2.25rem;height:2.25rem;color:var(--casino-gold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.slots-bet-btn:hover:not(:disabled){background:var(--casino-gold);color:#000}.slots-bet-btn:disabled{opacity:.5;cursor:not-allowed}.slots-bet-value{color:var(--casino-text);text-align:center;min-width:3rem;font-size:1.1rem;font-weight:700}.slots-spin-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(145deg,#2ecc40,#1a9a2a);border:3px solid #1a9a2a;border-radius:50%;flex-shrink:0;width:5rem;height:5rem;font-size:1rem;font-weight:800;transition:all .2s;animation:2s ease-in-out infinite slots-spin-pulse;box-shadow:0 4px 12px rgba(46,204,64,.4),inset 0 1px 2px rgba(255,255,255,.3)}.slots-spin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px rgba(46,204,64,.6),inset 0 1px 2px rgba(255,255,255,.3)}.slots-spin-btn:active:not(:disabled){transform:scale(.95)}.slots-spin-btn:disabled{opacity:.4;cursor:not-allowed;animation:none;transform:none}.slots-free-spin-banner{text-align:center;color:#000;background:linear-gradient(135deg, var(--casino-gold-bright), var(--casino-gold), var(--casino-gold-dark));letter-spacing:.05em;border-radius:.5rem;margin-bottom:.5rem;padding:.6rem 1rem;font-size:1rem;font-weight:800;animation:1.5s ease-in-out infinite alternate slots-free-spin-glow}.slots-info{background:var(--casino-card-bg);border:1px solid var(--casino-border);border-radius:.62rem;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.slots-paytable{flex:1;min-width:0}.slots-paytable-title{color:var(--casino-gold);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:.6rem;font-size:.9rem}.slots-paytable-header{color:var(--casino-text-dim);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;padding:.3rem .5rem;font-size:.75rem;display:grid}.slots-paytable-row{color:var(--casino-text);border-bottom:1px solid rgba(255,255,255,.03);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.85rem;display:grid}.slots-paytable-row span:not(:first-child){color:var(--casino-gold);text-align:center;font-weight:600}.slots-paytable-sym{font-size:1.2rem}.slots-paytable-scatter{color:var(--casino-gold);border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;margin-top:.3rem;padding:.5rem;font-size:.85rem;font-weight:600;display:flex}.slots-payline-guide{border-left:1px solid rgba(255,255,255,.1);flex-shrink:0;width:7.5rem;padding-left:.75rem}.slots-payline-list{grid-template-columns:1fr 1fr;gap:2px .4rem;display:grid}.slots-payline-mini{align-items:center;gap:.19rem;display:flex}.slots-payline-mini-num{color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:.88rem;height:.88rem;font-size:.45rem;font-weight:800;display:flex}.slots-payline-mini-svg{width:2.25rem;height:1.12rem}@keyframes slots-reel-scroll{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slots-reel-stop{0%{transform:translateY(-4%)}50%{transform:translateY(1%)}80%{transform:translateY(-.3%)}to{transform:translateY(0)}}@keyframes slots-symbol-glow{0%{background:rgba(255,215,0,.1);transform:scale(1);box-shadow:0 0 12px rgba(255,215,0,.6),inset 0 0 8px rgba(255,215,0,.2)}to{background:rgba(255,215,0,.25);transform:scale(1.12);box-shadow:0 0 24px rgba(255,215,0,.9),inset 0 0 12px rgba(255,215,0,.35)}}@keyframes slots-spin-pulse{0%,to{box-shadow:0 4px 12px rgba(46,204,64,.4),inset 0 1px 2px rgba(255,255,255,.3)}50%{box-shadow:0 4px 20px rgba(46,204,64,.7),inset 0 1px 2px rgba(255,255,255,.3)}}@keyframes slots-free-spin-glow{0%{box-shadow:0 0 10px rgba(255,215,0,.4)}to{box-shadow:0 0 25px rgba(255,215,0,.8),0 0 50px rgba(255,215,0,.3)}}.casino-blackjack-table{border:3px solid var(--casino-gold-dark);background:linear-gradient(135deg,#1a5a2a,#0d3d1a,#1a5a2a);border-radius:1.25rem;min-height:17.5rem;padding:1.5rem 1rem;position:relative;box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 4px 20px rgba(0,0,0,.4)}.casino-blackjack-table>:not(.bj-felt-markings):not(.casino-deck-shoe){z-index:1;position:relative}[data-theme=cool] .casino-blackjack-table{background:linear-gradient(135deg,#2a7a4a,#1d5d2a,#2a7a4a)}.bj-felt-markings{pointer-events:none;z-index:0;border-radius:1.25rem;position:absolute;inset:0;overflow:hidden}.bj-felt-text{color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.25em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,Palatino Linotype,serif}.bj-felt-top-arc{text-align:center;position:absolute;top:8%;left:50%;transform:translate(-50%)}.bj-felt-top-arc .bj-felt-pays{letter-spacing:.35em;font-size:clamp(.7rem,2vw,1.1rem);font-weight:700}.bj-felt-insurance-band{text-align:center;border-top:1px dashed rgba(255,255,255,.06);border-bottom:1px dashed rgba(255,255,255,.06);padding:.3rem 0;position:absolute;top:46%;left:0;right:0}.bj-felt-insurance-band .bj-felt-insurance{letter-spacing:.3em;font-size:clamp(.55rem,1.4vw,.8rem)}.bj-felt-dealer-rule{text-align:center;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.bj-felt-dealer-rule .bj-felt-text{letter-spacing:.2em;opacity:.7;font-size:clamp(.45rem,1.1vw,.65rem)}[data-theme=cool] .bj-felt-text{color:rgba(255,255,255,.28)}.casino-card-slots{pointer-events:none;z-index:0;justify-content:center;align-items:flex-start;gap:.5rem;display:flex;position:absolute;inset:0}.casino-card-placeholder{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.15);border-radius:.5rem;flex-shrink:0}.casino-blackjack-cards .casino-card:not(.casino-card-flip-back):not(.casino-card-flip-front),.casino-blackjack-cards .casino-card-flip-scene{z-index:1;animation:.35s ease-out both deal-from-deck}.bj-hole-card{vertical-align:top;display:inline-block}.casino-blackjack-cards .bj-hole-card>.casino-card-flip-scene{animation:none}.casino-blackjack-cards .bj-hole-card.bj-hole-dealing>.casino-card-flip-scene{animation:.35s ease-out both deal-from-deck}.bj-card-spacer{width:var(--card-w);height:var(--card-h);visibility:hidden;flex-shrink:0}.casino-card-flip-scene{perspective:37.5rem;width:var(--card-w);height:var(--card-h);vertical-align:top;display:inline-block;position:relative}.casino-card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.casino-card-flip-inner.flipped{transform:rotateY(180deg)}.casino-card-flip-back,.casino-card-flip-front{backface-visibility:hidden;border-radius:.5rem;position:absolute;inset:0}.casino-card-flip-back.casino-card,.casino-card-flip-front.casino-card{box-sizing:border-box;width:100%;height:100%;transition:none;position:absolute}.casino-card-flip-back{z-index:2}.casino-card-flip-front{transform:rotateY(180deg)}.casino-blackjack-hand{margin:1rem 0}.casino-blackjack-hand-label{color:var(--casino-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.casino-blackjack-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem;min-height:5.62rem;display:flex;position:relative}.casino-blackjack-bet-info{color:var(--casino-text-dim);margin:.5rem 0;font-size:.85rem}.casino-blackjack-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.casino-blackjack-actions .casino-action-btn{width:auto;min-width:6.25rem}.casino-surrender-btn{font-size:.85rem;color:rgba(255,255,255,.6)!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.15)!important}.casino-surrender-btn:hover:not(:disabled){color:rgba(255,255,255,.85)!important;background:rgba(255,255,255,.12)!important}.casino-insurance-btn{color:rgba(147,197,253,.9)!important;background:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.4)!important}.casino-insurance-btn:hover:not(:disabled){color:#93c5fd!important;background:rgba(59,130,246,.25)!important}.casino-deal-btn{max-width:12.5rem}.casino-blackjack-split-hands{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1rem 0;display:flex}.casino-blackjack-split-hands .casino-blackjack-hand{border:2px solid transparent;border-radius:.5rem;flex:1;min-width:8.75rem;max-width:17.5rem;padding:.75rem;transition:border-color .3s,box-shadow .3s}.casino-blackjack-split-hands .casino-blackjack-hand-active{border-color:var(--casino-gold,#d4af37);box-shadow:0 0 12px rgba(212,175,55,.3)}.casino-blackjack-hand-result{text-align:center;color:var(--casino-text-dim);margin-top:.4rem;font-size:.85rem;font-weight:600}.roulette-table{max-width:37.5rem;margin:0 auto;position:relative}.roulette-board{border:3px solid var(--casino-gold-dark);background:linear-gradient(135deg,#1a5a2a,#0d3d1a,#1a5a2a);border-radius:1rem;grid-template-rows:1fr 1fr 1fr .8fr .8fr;grid-template-columns:repeat(14,1fr);margin-bottom:1rem;padding:.8rem;display:grid;overflow:visible;box-shadow:inset 0 0 30px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.4)}[data-theme=cool] .roulette-board{background:linear-gradient(135deg,#2a7a4a,#1d5d2a,#2a7a4a)}.roulette-num,.roulette-col-bet,.roulette-dozen,.roulette-outside-btn{color:#fff;cursor:pointer;border:1px solid #fff;border-top:none;border-left:none;transition:all .2s;position:relative;overflow:visible}.roulette-num:disabled,.roulette-col-bet:disabled,.roulette-dozen:disabled,.roulette-outside-btn:disabled{opacity:.5;cursor:not-allowed}.roulette-num{aspect-ratio:3/4;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;min-width:0;font-size:.8rem;font-weight:800}.roulette-num.red{background:#c41e3a}.roulette-num.black{background:#1a1a2e}.roulette-num.green{background:0 0}.roulette-num.active{box-shadow:0 0 0 2px var(--casino-gold), 0 0 12px var(--casino-glow);transform:scale(1.05)}.roulette-num:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.roulette-zero{aspect-ratio:auto;border:1px solid #fff;grid-area:1/1/4;justify-content:center;align-items:center;display:flex}.roulette-border-top{border-top:1px solid #fff}.roulette-border-left{border-left:1px solid #fff}.roulette-col-bet{white-space:nowrap;background:0 0;padding:.3rem .2rem;font-size:.65rem;font-weight:600}.roulette-col-bet.active{color:var(--casino-gold);box-shadow:inset 0 0 0 1px var(--casino-gold), 0 0 8px var(--casino-glow)}.roulette-col-bet:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--casino-gold)}.roulette-dozen{background:0 0;font-size:.75rem;font-weight:600}.roulette-dozen.active{color:var(--casino-gold);box-shadow:inset 0 0 0 1px var(--casino-gold), 0 0 8px var(--casino-glow)}.roulette-dozen:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--casino-gold)}.roulette-outside-btn{background:0 0;padding:.4rem;font-size:.75rem;font-weight:600}.roulette-outside-btn.red .roulette-diamond-icon{fill:#c41e3a}.roulette-outside-btn.black .roulette-diamond-icon{fill:#1a1a2e}.roulette-outside-btn.active{color:var(--casino-gold);box-shadow:inset 0 0 0 1px var(--casino-gold), 0 0 8px var(--casino-glow)}.roulette-outside-btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--casino-gold)}.roulette-diamond-icon{stroke:#fff;stroke-width:2px;vertical-align:middle;width:1.6rem;height:.8rem}.roulette-active-bets{background:var(--casino-card-bg);border:1px solid var(--casino-border);border-radius:.5rem;margin-bottom:1rem;padding:.8rem}.roulette-active-bets h3{color:var(--casino-gold);margin-bottom:.5rem;font-size:.85rem}.roulette-active-bets ul{margin:0;padding:0;list-style:none}.roulette-active-bets li{color:var(--casino-text);justify-content:space-between;padding:.2rem 0;font-size:.8rem;display:flex}.roulette-bet-label{font-weight:600}.roulette-bet-amount{color:var(--casino-gold);font-weight:600}.roulette-total-bet{border-top:1px solid var(--casino-border);color:var(--casino-gold);margin-top:.5rem;padding-top:.5rem;font-size:.85rem;font-weight:700}.roulette-actions{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.roulette-spin-btn{min-width:9.38rem}.roulette-spin-btn.spinning{animation:.5s ease-in-out infinite casino-glow-pulse}.roulette-result{text-align:center;margin-top:1rem;animation:.4s ease-out casino-card-enter}.roulette-result-number{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;animation:.5s ease-out casino-roulette-reveal;display:inline-flex;box-shadow:0 4px 16px rgba(0,0,0,.3)}.roulette-result-number.red{background:#c41e3a}.roulette-result-number.black{background:#1a1a2e}.roulette-result-number.green{background:#1a7a2e}.roulette-bet-results{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.roulette-bet-result{border-radius:.25rem;justify-content:space-between;padding:.3rem .6rem;font-size:.85rem;display:flex}.roulette-bet-result.win{color:#2ea043;background:rgba(46,160,67,.1)}.roulette-bet-result.lose{color:var(--casino-text);background:rgba(230,57,70,.08)}.roulette-bet-result-label{font-weight:600}.roulette-cell-label{white-space:nowrap;display:inline-block;transform:rotate(-90deg)}.roulette-chip-indicator{border:1.5px solid var(--casino-gold);color:#fff;z-index:6;pointer-events:none;background:linear-gradient(135deg,#8b0000,#c41e1e);border-radius:50%;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;font-size:.5rem;font-weight:700;animation:.3s ease-out roulette-chip-place;display:flex;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)}@keyframes roulette-chip-place{0%{transform:translate(-50%)scale(0)}60%{transform:translate(-50%)scale(1.3)}to{transform:translate(-50%)scale(1)}}.roulette-num.winner,.roulette-zero.winner,.roulette-col-bet.winner,.roulette-dozen.winner,.roulette-outside-btn.winner{box-shadow:0 0 0 3px var(--casino-gold), 0 0 20px var(--casino-glow-strong);z-index:3;animation:1s ease-in-out infinite roulette-winner-pulse}@keyframes roulette-winner-pulse{0%,to{box-shadow:0 0 0 3px var(--casino-gold), 0 0 20px var(--casino-glow-strong)}50%{box-shadow:0 0 0 4px var(--casino-gold), 0 0 40px var(--casino-glow-strong)}}.roulette-chip-anims{pointer-events:none;z-index:10;position:absolute;inset:0}.roulette-chip-fly{color:#fff;border:2px dashed rgba(255,255,255,.3);border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.roulette-chip-fly.win{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold));animation:1s ease-in-out forwards roulette-chip-win}.roulette-chip-fly.lose{background:linear-gradient(135deg,#8b0000,#c41e1e);animation:.8s ease-in forwards roulette-chip-lose}@keyframes roulette-chip-win{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)translateY(200px)}}@keyframes roulette-chip-lose{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.3)translateY(-300px)}}@keyframes casino-roulette-reveal{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.roulette-spin-btn.spinning:after{content:"";border:2px solid var(--casino-bg);vertical-align:middle;border-top-color:transparent;border-radius:50%;width:.88rem;height:.88rem;margin-left:.5rem;animation:.6s linear infinite casino-spin-indicator;display:inline-block}@keyframes casino-spin-indicator{to{transform:rotate(360deg)}}.roulette-wheel-section{text-align:center;margin-bottom:1.5rem;padding:1rem 0;position:relative}.roulette-wheel-container{display:inline-block;position:relative}.roulette-wheel-svg{max-width:17.5rem;filter:drop-shadow(0 4px 20px var(--casino-glow));margin:0 auto;display:block}.roulette-pointer{border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--casino-gold);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));width:0;height:0;position:absolute;top:.2rem;left:50%;transform:translate(-50%)}.roulette-ball-orbit{z-index:15;opacity:0;background:radial-gradient(circle at 40% 40%,#fff,#ddd,#aaa);border-radius:50%;width:.62rem;height:.62rem;margin-top:-.31rem;margin-left:-.31rem;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px rgba(0,0,0,.6)}.roulette-ball-orbit.spinning{opacity:1;animation:roulette-ball-full var(--ball-duration,5s) cubic-bezier(0, .5, .1, 1) forwards}.roulette-ball-landed{z-index:5;opacity:0;background:radial-gradient(circle at 40% 40%,#fff,#ddd,#aaa);border-radius:50%;width:.62rem;height:.62rem;margin-top:-.31rem;margin-left:-.31rem;transition:opacity .3s;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px rgba(0,0,0,.6)}.roulette-ball-landed.visible{opacity:1}@keyframes roulette-ball-full{0%{opacity:1;transform:rotate(0)translate(135px)}to{transform:rotate(var(--ball-total-rotation)) translateX(110px)}}.baccarat-bet-types{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.baccarat-bet-btn{background:var(--casino-card-bg);border:2px solid var(--casino-border);cursor:pointer;border-radius:.62rem;flex-direction:column;align-items:center;gap:.2rem;min-width:6.25rem;padding:.8rem 1.2rem;transition:all .2s;display:flex}.baccarat-bet-btn.player.active{border-color:#4ea8de;box-shadow:0 0 12px rgba(78,168,222,.3)}.baccarat-bet-btn.banker.active{border-color:#e63946;box-shadow:0 0 12px rgba(230,57,70,.3)}.baccarat-bet-btn.tie.active{border-color:#2ea043;box-shadow:0 0 12px rgba(46,160,67,.3)}.baccarat-bet-btn:hover:not(:disabled){border-color:var(--casino-gold)}.baccarat-bet-btn:disabled{opacity:.4;cursor:not-allowed}.baccarat-bet-name{color:var(--casino-text);font-size:.9rem;font-weight:700}.baccarat-bet-odds{color:var(--casino-text-dim);font-size:.75rem}.baccarat-side-bets{justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.baccarat-side-btn{background:var(--casino-card-bg);border:2px solid var(--casino-border);cursor:pointer;border-radius:.62rem;flex-direction:column;align-items:center;gap:.2rem;min-width:5.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.baccarat-side-btn.active{border-color:var(--casino-gold);box-shadow:0 0 12px rgba(212,175,55,.3)}.baccarat-side-btn:hover:not(:disabled){border-color:var(--casino-gold)}.baccarat-side-btn:disabled{opacity:.4;cursor:not-allowed}.baccarat-bet-details{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.baccarat-bet-detail{border-radius:.4rem;gap:.4rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.baccarat-bet-detail.win{color:#4ade80;background:rgba(46,160,67,.15)}.baccarat-bet-detail.lose{color:#f87171;background:rgba(230,57,70,.15)}.baccarat-bet-detail-label{font-weight:600}.baccarat-actions{text-align:center;margin:1rem 0}.baccarat-hand{text-align:center;flex:1;min-width:0}.baccarat-hand-label{color:var(--casino-text-dim);text-transform:uppercase;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.baccarat-hand-total{color:var(--casino-gold);margin-left:.5rem;font-size:1.1rem;font-weight:800}.baccarat-cards{justify-content:center;align-items:center;gap:.3rem;min-height:5.31rem;display:flex}.baccarat-card-slot{width:var(--card-w);height:var(--card-h);flex-shrink:0;position:relative}.baccarat-card-placeholder{z-index:0;border:2px dashed rgba(255,255,255,.15);border-radius:.5rem;position:absolute;inset:0}.baccarat-vs{color:var(--casino-gold);letter-spacing:.1em;align-items:center;padding:0 .5rem;font-size:1.2rem;font-weight:800;display:flex}.baccarat-felt{border:3px solid var(--casino-gold-dark);background:linear-gradient(135deg,#1a5a2a,#0d3d1a,#1a5a2a);border-radius:1.25rem;min-height:11.25rem;padding:1.5rem 1rem;position:relative;box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 4px 20px rgba(0,0,0,.4)}.baccarat-felt>:not(.baccarat-felt-markings){z-index:1;position:relative}[data-theme=cool] .baccarat-felt{background:linear-gradient(135deg,#2a7a4a,#1d5d2a,#2a7a4a)}.baccarat-felt-markings{pointer-events:none;z-index:0;border-radius:1.25rem;position:absolute;inset:0;overflow:hidden}.baccarat-felt-text{color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.25em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,Palatino Linotype,serif}.baccarat-felt-title{text-align:center;letter-spacing:.35em;font-size:clamp(.7rem,2vw,1.1rem);font-weight:700;position:absolute;top:8%;left:50%;transform:translate(-50%)}.baccarat-felt-payout{text-align:center;letter-spacing:.2em;opacity:.7;font-size:clamp(.45rem,1.1vw,.65rem);position:absolute;bottom:6%;left:50%;transform:translate(-50%)}[data-theme=cool] .baccarat-felt-text{color:rgba(255,255,255,.15)}.baccarat-table{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.baccarat-card-container{position:relative}.baccarat-drag-card{width:var(--card-w);height:var(--card-h);border:2px solid var(--casino-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.5rem;display:inline-block;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}.baccarat-drag-card.auto-reveal .baccarat-drag-back{clip-path:inset(100% 0 0);transition:clip-path .6s cubic-bezier(.4,0,.2,1)}.baccarat-drag-card.snap-reveal .baccarat-drag-back{clip-path:inset(100% 0 0);transition:clip-path .3s ease-out}.baccarat-drag-card.snap-back .baccarat-drag-back{transition:clip-path .3s ease-out}.baccarat-drag-back{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-dark));z-index:2;clip-path:inset(0);position:absolute;inset:0}.baccarat-drag-back .casino-card-back{width:100%;height:100%}.baccarat-drag-front{z-index:1;background:#fff;position:absolute;inset:0}.baccarat-drag-card.red .baccarat-drag-front{color:#c41e3a}.baccarat-drag-card.black .baccarat-drag-front{color:#1a1a2e}.baccarat-drag-hint{color:var(--casino-text-dim);white-space:nowrap;font-size:.55rem;animation:2s ease-in-out infinite casino-suit-pulse;position:absolute;bottom:-1.4rem;left:50%;transform:translate(-50%)}.baccarat-card-slot>.casino-card-flip-scene,.baccarat-card-slot>.baccarat-drag-card{z-index:1;animation:.35s ease-out both deal-from-deck}.casino-craps-felt{border:3px solid var(--casino-gold-dark);background:linear-gradient(135deg,#1a5a2a,#0d3d1a,#1a5a2a);border-radius:1rem;margin-bottom:1rem;padding:1rem .5rem;position:relative;box-shadow:inset 0 0 30px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.4)}[data-theme=cool] .casino-craps-felt{background:linear-gradient(135deg,#2a7a4a,#1d5d2a,#2a7a4a)}.craps-felt-interactive{flex-direction:column;gap:.3rem;margin-bottom:.5rem;display:flex}.craps-row{justify-content:center;gap:.25rem;display:flex}.craps-bet-area{cursor:pointer;-webkit-user-select:none;user-select:none;background:rgba(0,0,0,.15);border:1.5px solid rgba(255,255,255,.15);border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;min-height:2rem;padding:.35rem .5rem;font-family:Georgia,Times New Roman,serif;transition:all .15s;display:flex;position:relative}.craps-bet-area:hover:not(:disabled){background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);transform:translateY(-1px)}.craps-bet-area:active:not(:disabled){background:rgba(255,215,0,.25);transform:translateY(0)}.craps-bet-area:disabled,.craps-bet-area.disabled{opacity:.4;cursor:not-allowed}.craps-bet-area.pending{border-color:var(--casino-gold);background:rgba(255,215,0,.12);box-shadow:0 0 6px rgba(255,215,0,.3)}.craps-bet-area.active{background:rgba(79,195,247,.1);border-color:#4fc3f7}.craps-bet-label{color:rgba(255,255,255,.7);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.craps-field-numbers{color:rgba(255,255,255,.4);letter-spacing:.05em;font-size:.5rem}.craps-chip-indicator{background:var(--casino-chip-bg,#c41e1e);border:1.5px solid var(--casino-gold);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:-.4rem;right:-.3rem}.craps-puck{letter-spacing:-.02em;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.4rem;font-weight:900;display:flex;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)}.craps-puck.on{color:#000;background:#fff;border:2px solid #333;box-shadow:0 1px 4px rgba(0,0,0,.4)}.craps-place-row .craps-bet-area{flex:1;min-width:2.5rem}.craps-come-area,.craps-field-area,.craps-dont-come-area,.craps-dont-pass-area,.craps-pass-area{flex:1;width:100%}.craps-pass-area .craps-bet-label{letter-spacing:.2em;color:rgba(255,255,255,.85);font-size:.85rem}.craps-dont-pass-area .craps-bet-label,.craps-dont-come-area .craps-bet-label{color:rgba(255,255,255,.5);font-size:.55rem}.craps-hardway-row .craps-bet-area{flex:1}.craps-hardway-row .craps-bet-label{font-size:.6rem}.craps-prop-row{flex-wrap:wrap}.craps-prop-row .craps-bet-area{flex:1;min-width:2rem;padding:.25rem .3rem}.craps-prop-row .craps-bet-label{font-size:.55rem}.craps-odds-row{flex-wrap:wrap}.craps-odds-row .craps-bet-area{flex:1;min-width:3rem}.craps-odds-row .craps-bet-label{font-size:.55rem}.craps-pending-bets,.craps-active-bets{background:var(--casino-card-bg);border:1px solid var(--casino-border);border-radius:.5rem;margin-bottom:.5rem;padding:.6rem .8rem}.craps-pending-bets h3,.craps-active-bets h3{color:var(--casino-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem}.craps-pending-bets ul,.craps-active-bets ul{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.craps-pending-bets li,.craps-active-bets li{background:var(--casino-bg-alt);border:1px solid var(--casino-border);border-radius:.25rem;align-items:center;gap:.4rem;padding:.15rem .5rem;font-size:.75rem;display:flex}.craps-bet-list-label{color:var(--casino-text-dim)}.craps-bet-list-amount{color:var(--casino-gold);font-variant-numeric:tabular-nums;font-weight:700}.craps-total-bet{color:var(--casino-gold);text-align:right;margin-top:.3rem;font-size:.75rem;font-weight:600}.craps-active-bets h3{color:#4fc3f7}.craps-actions{justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.craps-roll-btn{min-width:8rem}.craps-result{margin:.5rem 0}.craps-bet-results{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-bottom:.5rem;display:flex}.craps-bet-result{border-radius:.3rem;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:flex}.craps-bet-result.win{color:#66bb6a;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5)}.craps-bet-result.lose{color:#ef5350;background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.5)}.craps-bet-result.push{color:#ffca28;background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.4)}.craps-bet-result-label{opacity:.9}.craps-bet-result-amount{font-variant-numeric:tabular-nums}.casino-craps-total{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);text-align:center;font-size:1.2rem;font-weight:700}.casino-craps-phase{justify-content:center;align-items:center;gap:.8rem;margin:.5rem 0;display:flex}.casino-craps-phase-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.casino-craps-point{background:var(--casino-chip-bg);border:1px solid var(--casino-gold);color:var(--casino-gold);border-radius:1.25rem;padding:.2rem .8rem;font-size:.85rem;font-weight:700}.casino-craps-history{background:var(--casino-card-bg);border:1px solid var(--casino-border);border-radius:.5rem;margin:1rem 0;padding:.8rem}.casino-craps-history-title{color:var(--casino-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem}.casino-craps-history-rolls{flex-wrap:wrap;gap:.4rem;display:flex}.casino-craps-history-roll{background:var(--casino-bg-alt);border:1px solid var(--casino-border);color:var(--casino-text-dim);font-variant-numeric:tabular-nums;border-radius:.25rem;padding:.2rem .5rem;font-size:.75rem}.casino-craps-dice-area{justify-content:center;align-items:center;gap:1rem;min-height:8rem;margin:1rem 0;display:flex}.dice-svg-wrapper{flex-shrink:0;width:7rem;height:7rem}.dice-svg{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4));width:100%;height:100%;overflow:visible}.casino-holdem-betting{animation:.4s ease-out casino-card-enter}.casino-holdem-intro{margin-bottom:1rem}.casino-holdem-intro h2{color:var(--casino-gold);margin-bottom:.3rem;font-size:1.3rem}.casino-holdem-intro p{color:var(--casino-text-dim);font-size:.9rem}.holdem-table{max-width:40.62rem;margin:0 auto}.holdem-felt{border:3px solid var(--casino-gold-dark);background:linear-gradient(135deg,#1a5a2a,#0d3d1a,#1a5a2a);border-radius:7.5rem 7.5rem 1.25rem 1.25rem;min-height:21.88rem;padding:1.5rem 1rem;position:relative;box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 4px 20px rgba(0,0,0,.4)}[data-theme=cool] .holdem-felt{background:linear-gradient(135deg,#2a7a4a,#1d5d2a,#2a7a4a)}.holdem-phase{text-align:center;letter-spacing:.15em;color:var(--casino-gold);text-shadow:0 0 6px var(--casino-glow);background:rgba(0,0,0,.3);border-radius:.75rem;margin-bottom:.5rem;padding:.2rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.holdem-seats{justify-content:space-around;align-items:stretch;margin-bottom:.8rem;display:flex}.holdem-seat{text-align:center;background:rgba(0,0,0,.2);border-radius:.62rem;min-width:5.62rem;padding:.5rem .5rem 1.6rem;transition:all .3s;position:relative}.holdem-seat.seat-0{margin-top:.5rem}.holdem-seat.folded{opacity:.55}.holdem-seat.winner{box-shadow:0 0 16px var(--casino-glow-strong);border:1px solid var(--casino-gold);background:rgba(212,175,55,.2)}.holdem-seat.all-in{border:1px solid var(--casino-red)}.holdem-seat.active-turn:not(.folded):not(.eliminated){border:1px solid var(--casino-gold);box-shadow:0 0 12px var(--casino-glow)}.holdem-seat-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);vertical-align:middle;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:inline}.holdem-seat-header{justify-content:center;align-items:center;gap:.3rem;margin-bottom:.2rem;display:flex}.holdem-seat-main{justify-content:center;align-items:center;gap:.4rem;display:flex}.holdem-seat-chips{color:var(--casino-gold-light);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.holdem-seat-chips .casino-chip-icon{width:.88rem;height:.88rem}.holdem-seat-cards{justify-content:center;gap:.3rem;margin-bottom:.2rem;display:flex}.holdem-card-loser .casino-card{opacity:.4;transition:opacity .4s}.holdem-winner-label{color:gold;text-align:center;text-shadow:0 0 8px rgba(255,215,0,.5);white-space:nowrap;font-size:.8rem;font-weight:700;animation:.4s ease-out casino-card-enter;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%)}.holdem-seat-bet{color:var(--casino-gold);font-size:.65rem;font-weight:600;position:absolute;top:.3rem;right:.4rem}.holdem-seat-action{color:#fff;white-space:nowrap;background:rgba(0,0,0,.4);border-radius:.38rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;animation:.3s ease-out casino-card-enter;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%)}.holdem-seat-action.allin-label{background:rgba(230,57,70,.6)}.holdem-seat-fold-overlay{color:var(--casino-red);letter-spacing:.1em;white-space:nowrap;font-size:.7rem;font-weight:800;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%)}.holdem-badge{text-align:center;letter-spacing:-.02em;z-index:5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.38rem;height:1.38rem;font-size:.55rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) both holdem-badge-pop;display:inline-flex;position:absolute;top:-.38rem;left:-.38rem;box-shadow:0 1px 4px rgba(0,0,0,.4)}.holdem-badge.dealer{color:#1a1a2e;background:linear-gradient(135deg,#d4af37,#f5d77a);border:1.5px solid #d4af37}.holdem-badge.small-blind{color:#fff;background:linear-gradient(135deg,#3a86a8,#5ba3c9);border:1.5px solid #5ba3c9}.holdem-badge.big-blind{color:#fff;background:linear-gradient(135deg,#c0392b,#e74c3c);border:1.5px solid #e74c3c}@keyframes holdem-badge-pop{0%{opacity:0;transform:scale(0)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.holdem-hole-deal.dealing>.casino-card{animation:.4s ease-out both deal-from-center-top;animation-delay:var(--deal-delay,0s)}.holdem-seat-cards .casino-card{width:var(--card-w);height:var(--card-h)}.holdem-community{text-align:center;margin:.8rem 0}.holdem-pot{color:var(--casino-gold);text-shadow:0 0 6px var(--casino-glow);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.holdem-community-cards{height:var(--card-h);justify-content:center;align-items:center;gap:.4rem;display:flex}.holdem-community-slot{width:var(--card-w);height:var(--card-h);position:relative}.holdem-community-slot .casino-card.placeholder{opacity:.3;background:rgba(255,255,255,.1);border-style:dashed;animation:none;position:absolute;inset:0}.holdem-community-slot .casino-card:not(.placeholder){z-index:1;animation:.35s ease-out both deal-from-center-top;position:relative}.holdem-community-slot:first-child .casino-card:not(.placeholder){animation-delay:0s}.holdem-community-slot:nth-child(2) .casino-card:not(.placeholder){animation-delay:.2s}.holdem-community-slot:nth-child(3) .casino-card:not(.placeholder){animation-delay:.4s}.holdem-community-slot:nth-child(4) .casino-card:not(.placeholder),.holdem-community-slot:nth-child(5) .casino-card:not(.placeholder){animation-delay:0s}.holdem-community-dim .casino-card:not(.placeholder){opacity:.4;transition:opacity .4s,transform .4s;animation-fill-mode:none}.holdem-community-highlight .casino-card:not(.placeholder){z-index:10;box-shadow:0 4px 16px var(--casino-glow-strong);transition:opacity .4s,transform .4s,box-shadow .4s;animation-fill-mode:none;position:relative;transform:translateY(-8px)scale(1.05)}.casino-card.placeholder{width:var(--card-w);height:var(--card-h);background:0 0;border:2px dashed rgba(255,255,255,.2);border-radius:8px}.holdem-bottom{min-height:4.38rem}.holdem-actions{background:var(--casino-card-bg);border:1px solid var(--casino-border);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem;display:flex}.holdem-action-btn{cursor:pointer;border:2px solid transparent;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.holdem-action-btn.fold{color:var(--casino-red);border-color:var(--casino-red);background:rgba(230,57,70,.15)}.holdem-action-btn.check,.holdem-action-btn.call{color:#2ea043;background:rgba(46,160,67,.15);border-color:#2ea043}.holdem-action-btn.raise{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold));color:var(--casino-bg);border-color:var(--casino-gold)}.holdem-action-btn:hover:not(:disabled){box-shadow:0 2px 12px var(--casino-glow);transform:translateY(-2px)}.holdem-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.holdem-raise-controls{align-items:center;gap:.4rem;display:flex}.holdem-raise-presets{gap:.2rem;display:flex}.holdem-raise-preset{background:var(--casino-bg-alt);border:1px solid var(--casino-border);color:var(--casino-text);cursor:pointer;border-radius:4px;padding:.3rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s}.holdem-raise-preset.active{border-color:var(--casino-gold);color:var(--casino-gold);background:var(--casino-chip-bg)}.holdem-raise-preset.all-in{color:var(--casino-red);font-style:italic}.holdem-raise-preset:disabled{opacity:.3;cursor:not-allowed}.holdem-result{margin-top:.5rem}.bonus-overlay{z-index:1000;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out casino-card-enter;display:flex;position:fixed;inset:0}.bonus-modal{background:var(--casino-bg-alt);border:1px solid var(--casino-gold);width:100%;max-width:26rem;box-shadow:0 0 40px var(--casino-glow-strong), 0 0 80px var(--casino-glow);border-radius:.75rem;padding:1.5rem;position:relative}.bonus-header{text-align:center;margin-bottom:1rem}.bonus-month{color:var(--casino-gold);letter-spacing:.05em;font-size:1.2rem;font-weight:700}.bonus-close{color:var(--casino-text-dim);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:.75rem}.bonus-close:hover{color:var(--casino-gold)}.bonus-weekdays{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.25rem;display:grid}.bonus-weekday{text-align:center;color:var(--casino-text-dim);padding:.25rem 0;font-size:.7rem;font-weight:600}.bonus-calendar-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.bonus-day-cell{aspect-ratio:1;border:1px solid var(--casino-border);background:var(--casino-card-bg);color:var(--casino-text-dim);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.8rem;transition:all .2s;display:flex;position:relative}.bonus-day-cell.claimed{border-color:var(--casino-gold);background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05))}.bonus-day-cell.claimed .bonus-day-num{color:var(--casino-gold)}.bonus-day-cell.claimed .bonus-stamp{display:block}.bonus-day-cell.today.claimable{border-color:var(--casino-gold-light);cursor:pointer;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.08));animation:2s ease-in-out infinite bonus-pulse}.bonus-day-cell.today.claimable .bonus-day-num{color:var(--casino-gold-bright);font-weight:700}.bonus-day-cell.today.claimable:hover{box-shadow:0 0 12px var(--casino-glow-strong);transform:scale(1.08)}.bonus-day-cell.today:not(.claimable){border-color:var(--casino-gold)}.bonus-day-cell.past:not(.claimed){opacity:.4}.bonus-day-cell.future{opacity:.5}.bonus-day-cell.big-bonus .bonus-amount{color:var(--casino-gold-bright);font-weight:700}.bonus-day-cell.empty{background:0 0;border:none}.bonus-day-num{color:var(--casino-text);font-size:.85rem;font-weight:600;line-height:1}.bonus-amount{color:var(--casino-text-dim);font-size:.55rem;line-height:1}.bonus-stamp{opacity:.7;pointer-events:none;font-size:1.4rem;line-height:1;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bonus-claim-btn{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-light));width:100%;color:var(--casino-bg);cursor:pointer;box-shadow:0 2px 12px var(--casino-glow);border:none;border-radius:.5rem;margin-top:1rem;padding:.6rem;font-size:1rem;font-weight:700;transition:all .3s;display:block}.bonus-claim-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--casino-glow-strong);transform:translateY(-1px)}.bonus-claim-btn:disabled{opacity:.5;cursor:not-allowed}.bonus-toast{text-align:center;color:#2ea043;margin-top:.75rem;font-size:.9rem;font-weight:600;animation:.3s ease-out casino-card-enter}.casino-back-group{align-items:center;gap:.5rem;display:flex}.bonus-lobby-btn{border:1px solid var(--casino-gold);color:var(--casino-gold);cursor:pointer;background:0 0;border-radius:.75rem;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:relative}.bonus-lobby-btn:hover{background:var(--casino-chip-bg);box-shadow:0 0 8px var(--casino-glow)}.bonus-lobby-btn .bonus-badge{background:var(--casino-gold-bright);border-radius:50%;width:.5rem;height:.5rem;animation:1.5s ease-in-out infinite bonus-badge-blink}@keyframes bonus-pulse{0%,to{box-shadow:0 0 rgba(212,175,55,0)}50%{box-shadow:0 0 12px var(--casino-glow-strong), 0 0 24px var(--casino-glow)}}@keyframes bonus-badge-blink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=37.5rem){.bonus-modal{max-width:100%;padding:1rem}.bonus-day-cell{font-size:.7rem}.bonus-day-num{font-size:.75rem}.bonus-amount{font-size:.5rem}.bonus-stamp{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.bonus-day-cell.today.claimable,.bonus-lobby-btn .bonus-badge{animation:none}}@media (width<=37.5rem){:root{--card-w:3.12rem;--card-h:4.5rem;--deck-w:2.5rem;--deck-h:3.62rem}.casino-card{font-size:.85rem}.casino-card-rank{font-size:.65rem}.casino-card-suit-sm{font-size:.55rem}.casino-card-center-suit{font-size:1.3rem}.casino-deck-shoe-card:after{font-size:.9rem}.slots-symbol{font-size:1.1rem}.slots-payline-num{width:1rem;height:1rem;font-size:.5rem}.slots-spin-btn{width:3.75rem;height:3.75rem;font-size:.85rem}.slots-machine{padding:.5rem .25rem}.slots-bet-btn{width:1.88rem;height:1.88rem}.dice-3d-scene{width:3.44rem;height:3.44rem}.dice-3d-cube{width:2.5rem;height:2.5rem;margin:.47rem}.dice-3d-face{width:2.5rem;height:2.5rem}.dice-3d-face.dice-front{transform:rotateY(0)translateZ(1.25rem)}.dice-3d-face.dice-back{transform:rotateY(180deg)translateZ(1.25rem)}.dice-3d-face.dice-right{transform:rotateY(90deg)translateZ(1.25rem)}.dice-3d-face.dice-left{transform:rotateY(-90deg)translateZ(1.25rem)}.dice-3d-face.dice-top{transform:rotateX(90deg)translateZ(1.25rem)}.dice-3d-face.dice-bottom{transform:rotateX(-90deg)translateZ(1.25rem)}.dice-pips{width:2.38rem;height:2.38rem;padding:2px}.casino-craps-dice-area{gap:.5rem}.casino-craps-history-rolls{font-size:.7rem}.roulette-num{font-size:.6rem}.roulette-col-bet{padding:.2rem .1rem;font-size:.55rem}.roulette-dozen{padding:.3rem .2rem;font-size:.65rem}.roulette-outside-btn{padding:.3rem .1rem;font-size:.65rem}.roulette-wheel-svg{max-width:12.5rem}.roulette-result-number{width:3.12rem;height:3.12rem;font-size:1.2rem}.roulette-spin-btn{min-width:7.5rem}.baccarat-felt{min-height:8.75rem;padding:1rem .5rem}.baccarat-table{gap:.5rem}.baccarat-vs{padding:0 .2rem;font-size:.9rem}.baccarat-hand-label{font-size:.75rem}.baccarat-hand-total{font-size:.9rem}.baccarat-cards{gap:.2rem}.baccarat-bet-btn{min-width:5rem;padding:.6rem .8rem}.holdem-felt{border-radius:5rem 5rem 1rem 1rem;min-height:17.5rem;padding:1rem .5rem}.holdem-seat-cards .casino-card{font-size:.6rem}.holdem-seat-cards .casino-card-rank{font-size:.45rem}.holdem-seat-cards .casino-card-suit-sm{font-size:.4rem}.holdem-seat-cards .casino-card-center-suit{font-size:.8rem}.holdem-seat{min-width:4.38rem;padding:.3rem}.holdem-raise-preset{padding:.2rem .4rem;font-size:.7rem}.holdem-actions{gap:.3rem;padding:.5rem}.holdem-action-btn{padding:.4rem .6rem;font-size:.75rem}.casino{padding:0 .5rem 1rem}.casino-action-btn{max-width:15.62rem;padding:.5rem 1rem;font-size:.95rem}.casino-bet-presets{gap:.3rem}.casino-bet-btn{padding:.25rem .5rem;font-size:.8rem}.casino-blackjack-actions .casino-action-btn{min-width:5rem;font-size:.9rem}.casino-back-group{z-index:1100;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));backdrop-filter:blur(8px);border-top:1px solid var(--casino-gold-dim,rgba(212,175,55,.2));background:0 0;justify-content:space-evenly;gap:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.casino{padding-bottom:4rem}}:root{--casino-bg:#0d1117;--casino-bg-alt:#161b22;--casino-card-bg:rgba(22,27,34,.7);--casino-border:#2a3040;--casino-gold:#d4af37;--casino-gold-light:#f0d060;--casino-gold-dark:#9a7b1a;--casino-gold-bright:#ffe066;--casino-text:#e6edf3;--casino-text-dim:#a0adb8;--casino-chip-bg:rgba(212,175,55,.1);--casino-glow:rgba(212,175,55,.15);--casino-glow-strong:rgba(212,175,55,.3);--casino-red:#e63946;--card-w:3.75rem;--card-h:5.31rem;--deck-w:3.5rem;--deck-h:4.88rem}[data-theme=cool]{--casino-bg:#f5f5f0;--casino-bg-alt:#eeeee8;--casino-card-bg:rgba(255,255,255,.8);--casino-border:#d0d0c8;--casino-gold:#b8860b;--casino-gold-light:#d4a020;--casino-gold-dark:#8b6508;--casino-gold-bright:#e8b830;--casino-text:#1a1a1a;--casino-text-dim:#666;--casino-chip-bg:rgba(184,134,11,.1);--casino-glow:rgba(184,134,11,.1);--casino-glow-strong:rgba(184,134,11,.2);--casino-red:#c1121f}body:has(.casino){background:var(--casino-bg);padding-top:0}.casino{z-index:1;max-width:56.25rem;margin:0 auto;padding:0 1.5rem 2rem;position:relative}.casino-bg-pattern{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 37.5rem 25rem at 15% 20%, rgba(212,175,55,.2) 0%, transparent 70%), radial-gradient(ellipse 31.25rem 21.88rem at 80% 75%, rgba(212,175,55,.2) 0%, transparent 70%), radial-gradient(ellipse 25rem 18.75rem at 50% 40%, rgba(212,175,55,.08) 0%, transparent 60%), repeating-linear-gradient(45deg, transparent, transparent 1.88rem, rgba(212,175,55,.04) 1.88rem, rgba(212,175,55,.04) 1.94rem), repeating-linear-gradient(-45deg, transparent, transparent 1.88rem, rgba(212,175,55,.04) 1.88rem, rgba(212,175,55,.04) 1.94rem), repeating-linear-gradient(45deg, transparent, transparent .94rem, rgba(212,175,55,.02) .94rem, rgba(212,175,55,.02) 1rem), repeating-linear-gradient(-45deg, transparent, transparent .94rem, rgba(212,175,55,.02) .94rem, rgba(212,175,55,.02) 1rem), var(--casino-bg);animation:8s ease-in-out infinite casino-float;position:fixed;inset:0}.casino-bg-pattern:before{content:"";background-image:radial-gradient(1px 1px at 10% 15%,rgba(212,175,55,.6),transparent),radial-gradient(1px 1px at 25% 45%,rgba(212,175,55,.5),transparent),radial-gradient(1px 1px at 40% 10%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 55% 70%,rgba(212,175,55,.6),transparent),radial-gradient(1px 1px at 70% 30%,rgba(212,175,55,.5),transparent),radial-gradient(1px 1px at 85% 55%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 15% 80%,rgba(212,175,55,.5),transparent),radial-gradient(1.5px 1.5px at 90% 85%,rgba(212,175,55,.7),transparent),radial-gradient(1px 1px,rgba(212,175,55,.3),transparent),radial-gradient(1.5px 1.5px at 35% 90%,rgba(212,175,55,.5),transparent),radial-gradient(1px 1px at 65% 5%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 5%,rgba(212,175,55,.3),transparent);animation:3s ease-in-out infinite casino-sparkle;position:absolute;inset:0}.casino-bg-pattern:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(212,175,55,.06),inset 0 0 40px rgba(0,0,0,.3)}[data-theme=cool] .casino-bg-pattern{background:radial-gradient(ellipse 37.5rem 25rem at 15% 20%, rgba(184,134,11,.12) 0%, transparent 70%), radial-gradient(ellipse 31.25rem 21.88rem at 80% 75%, rgba(184,134,11,.12) 0%, transparent 70%), radial-gradient(ellipse 25rem 18.75rem at 50% 40%, rgba(184,134,11,.06) 0%, transparent 60%), repeating-linear-gradient(45deg, transparent, transparent 1.88rem, rgba(184,134,11,.05) 1.88rem, rgba(184,134,11,.05) 1.94rem), repeating-linear-gradient(-45deg, transparent, transparent 1.88rem, rgba(184,134,11,.05) 1.88rem, rgba(184,134,11,.05) 1.94rem), repeating-linear-gradient(45deg, transparent, transparent .94rem, rgba(184,134,11,.03) .94rem, rgba(184,134,11,.03) 1rem), repeating-linear-gradient(-45deg, transparent, transparent .94rem, rgba(184,134,11,.03) .94rem, rgba(184,134,11,.03) 1rem), var(--casino-bg)}.casino-particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.casino-particle{color:var(--casino-gold);opacity:0;filter:drop-shadow(0 0 .25rem var(--casino-glow-strong));font-size:1.2rem;animation:12s linear infinite casino-particle-float;position:absolute}.casino-particle:first-child{font-size:1rem;animation-delay:0s;left:5%}.casino-particle:nth-child(2){color:var(--casino-red);font-size:1.4rem;animation-delay:1.5s;left:15%}.casino-particle:nth-child(3){font-size:.9rem;animation-delay:3s;left:30%}.casino-particle:nth-child(4){font-size:1.1rem;animation-delay:4.5s;left:45%}.casino-particle:nth-child(5){font-size:1.3rem;animation-delay:6s;left:60%}.casino-particle:nth-child(6){color:var(--casino-red);font-size:1rem;animation-delay:7.5s;left:72%}.casino-particle:nth-child(7){font-size:.8rem;animation-delay:9s;left:85%}.casino-particle:nth-child(8){font-size:1.2rem;animation-delay:10.5s;left:93%}.casino-header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1.5rem;padding:1rem 0;display:grid;position:relative}.casino-header:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--casino-gold-dark) 15%, var(--casino-gold) 30%, var(--casino-gold-light) 50%, var(--casino-gold) 70%, var(--casino-gold-dark) 85%, transparent 100%);opacity:.6;height:2px;box-shadow:0 0 8px var(--casino-glow-strong);position:absolute;bottom:0;left:0;right:0}.casino-header:before{content:"";background:var(--casino-gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:1;width:.7rem;height:.7rem;filter:drop-shadow(0 0 .38rem var(--casino-glow-strong));position:absolute;bottom:-.45rem;left:50%;transform:translate(-50%)}[data-theme=cool] .casino-header:before{background:var(--casino-bg)}.casino-title-wrap{align-items:center;gap:.6rem;display:flex}.casino-title-suit{width:.9rem;height:.9rem;color:var(--casino-gold);filter:drop-shadow(0 0 .25rem var(--casino-glow));align-items:center;animation:2s ease-in-out infinite casino-suit-pulse;display:inline-flex}.casino-title-suit svg{width:100%;height:100%}.casino-title-suit.left{animation-delay:0s}.casino-title-suit.right{animation-delay:1s}.casino-back{color:var(--casino-gold);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.casino-back:hover{color:var(--casino-gold-light);text-shadow:0 0 8px var(--casino-glow);text-decoration:underline}.casino-title{letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-bright), var(--casino-gold-light), var(--casino-gold-bright), var(--casino-gold), var(--casino-gold-dark));-webkit-text-fill-color:transparent;text-shadow:none;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;animation:3s linear infinite casino-shimmer,2.5s ease-in-out infinite casino-title-glow}.casino-chips{background:linear-gradient(135deg, var(--casino-chip-bg), rgba(212,175,55,.05));border:1px solid var(--casino-gold);border-radius:1rem;justify-self:end;align-items:center;gap:.5rem;padding:.35rem .5rem;animation:3s ease-in-out infinite casino-glow-pulse;display:flex;position:relative;overflow:hidden}.casino-chips:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),rgba(255,224,102,.1),transparent);width:100%;height:100%;animation:2.5s ease-in-out infinite casino-shimmer;position:absolute;top:0;left:-100%}.casino-chip-icon{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-bright));border:2px dashed var(--casino-bg-alt);width:1.25rem;height:1.25rem;box-shadow:0 0 .38rem var(--casino-glow), 0 0 .75rem var(--casino-glow);border-radius:50%;flex-shrink:0;animation:20s linear infinite casino-chip-spin}.casino-chip-count{font-variant-numeric:tabular-nums;color:var(--casino-gold);text-shadow:0 0 6px var(--casino-glow);font-size:.95rem;font-weight:700;transition:color .3s;display:inline-block}.casino-chip-count.pulsing{animation:.5s ease-out casino-chip-pulse}.casino-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1.2rem;display:grid}.casino-game-card{background:var(--casino-card-bg);border:1px solid var(--casino-border);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(.75rem);border-radius:.75rem;padding:1.5rem 1rem;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.5s ease-out both casino-card-enter;position:relative;overflow:hidden}.casino-game-card:first-child{animation-delay:80ms}.casino-game-card:nth-child(2){animation-delay:.16s}.casino-game-card:nth-child(3){animation-delay:.24s}.casino-game-card:nth-child(4){animation-delay:.32s}.casino-game-card:nth-child(5){animation-delay:.4s}.casino-game-card:nth-child(6){animation-delay:.48s}.casino-game-card:before{content:"";background:linear-gradient(90deg, transparent, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-light), var(--casino-gold), var(--casino-gold-dark), transparent);opacity:.7;height:2px;transition:opacity .3s,box-shadow .3s;position:absolute;top:0;left:0;right:0}.casino-game-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 35%,rgba(212,175,55,.06) 40%,rgba(212,175,55,.12) 45%,rgba(255,224,102,.15) 50%,rgba(212,175,55,.12) 55%,rgba(212,175,55,.06) 60%,transparent 65%);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-150%)}.casino-game-card:hover{border-color:var(--casino-gold);box-shadow:0 .5rem 2rem var(--casino-glow-strong), 0 0 0 1px rgba(212,175,55,.15), 0 0 3.75rem rgba(212,175,55,.1), inset 0 0 1.88rem rgba(212,175,55,.03);transform:translateY(-.38rem)scale(1.02)}.casino-game-card:hover:before{opacity:1;box-shadow:0 0 12px var(--casino-glow-strong)}.casino-game-card:hover:after{transform:translate(150%)}.casino-game-card:hover .casino-game-icon{filter:drop-shadow(0 0 .75rem var(--casino-glow-strong)) drop-shadow(0 0 1.5rem var(--casino-glow));transform:scale(1.2)}.casino-game-card:hover .casino-game-name{color:var(--casino-gold);text-shadow:0 0 8px var(--casino-glow)}.casino-game-card:hover .casino-game-badge{box-shadow:0 0 12px var(--casino-glow), 0 0 24px rgba(212,175,55,.1);opacity:1;border-color:var(--casino-gold-light)}.casino-game-icon{filter:drop-shadow(0 0 .25rem var(--casino-glow));color:var(--casino-gold);margin-bottom:.6rem;font-size:2.5rem;line-height:1;transition:transform .3s,filter .3s}.casino-svg-icon{width:3rem;height:3rem;margin:0 auto;display:block}.casino-svg-card-bg{fill:var(--casino-bg-alt)}.casino-game-name{color:var(--casino-text);z-index:2;margin-bottom:.3rem;font-size:1.1rem;font-weight:700;transition:color .3s,text-shadow .3s;position:relative}.casino-game-desc{color:var(--casino-text-dim);z-index:2;margin-bottom:.8rem;font-size:.8rem;position:relative}.casino-game-badge{color:var(--casino-gold);border:1px solid var(--casino-gold);opacity:.7;z-index:2;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%) 0 0/200% 100%;border-radius:.62rem;padding:.15rem .6rem;font-size:.7rem;font-weight:600;transition:box-shadow .3s,opacity .3s,border-color .3s;animation:4s ease-in-out infinite casino-badge-shine;display:inline-block;position:relative}@media (width<=37.5rem){.casino-title{letter-spacing:.1em;font-size:1.3rem}.casino-title-suit{font-size:.7rem}.casino-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.casino-game-card{padding:1rem .6rem}.casino-game-icon{font-size:2rem}.casino-particle{font-size:.8rem!important}}@media (hover:none){.casino-game-card{-webkit-backdrop-filter:blur(.38rem)}.casino-game-card:hover{box-shadow:none;transform:none}.casino-game-card:after{display:none}.casino-bg-pattern,.casino-bg-pattern:before{animation:none}.casino-particles{display:none}.baccarat-bet-btn:hover:not(:disabled),.baccarat-side-btn:hover:not(:disabled){border-color:var(--casino-border)}.casino-surrender-btn:hover:not(:disabled){color:rgba(255,255,255,.6)!important;background:rgba(255,255,255,.06)!important}.casino-insurance-btn:hover:not(:disabled){color:rgba(147,197,253,.9)!important;background:rgba(59,130,246,.15)!important}.craps-bet-area:hover:not(:disabled){background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.15);transform:none}.holdem-action-btn:hover:not(:disabled){box-shadow:none;transform:none}.roulette-num:hover:not(:disabled){opacity:1;transform:none}.roulette-col-bet:hover:not(:disabled),.roulette-dozen:hover:not(:disabled),.roulette-outside-btn:hover:not(:disabled){box-shadow:none}.slots-bet-btn:hover:not(:disabled){background:var(--casino-card-bg);color:var(--casino-gold)}.slots-spin-btn:hover:not(:disabled){transform:none;box-shadow:0 4px 12px rgba(46,204,64,.4),inset 0 1px 2px rgba(255,255,255,.3)}}@media (prefers-reduced-motion:reduce){.casino-particles,.casino-bg-pattern:before{display:none}.casino-title,.casino-chips:before,.casino-chip-icon,.casino-game-badge,.casino-game-card{animation:none}.casino-svg-icon *,.casino-blackjack-cards .casino-card,.casino-blackjack-cards .casino-card-flip-scene,.casino-blackjack-cards .bj-hole-card.bj-hole-dealing>.casino-card-flip-scene{animation:none!important}.casino-card-flip-inner{transition:none!important}.dice-3d-cube.rolling,.dice-3d-cube.dice-alt.rolling,.dice-3d-cube.decelerating,.dice-3d-cube.dice-alt.decelerating,.roulette-ball-orbit.spinning,.roulette-spin-btn.spinning:after,.roulette-result-number,.slots-reel.spinning .slots-reel-strip,.slots-reel.tease .slots-reel-strip,.slots-reel.stopped .slots-reel-strip,.slots-symbol.winning,.slots-spin-btn,.slots-free-spin-banner,.holdem-action-badge,.casino-result-overlay.win,.casino-result-overlay.lose,.casino-result-overlay.win:before,.casino-chip-count.pulsing{animation:none!important}.casino-bg-pattern{animation:none}}.casino-game-content{text-align:center;max-width:43.75rem;margin:0 auto}.casino-bet-controls{text-align:center;margin-bottom:1.5rem}.casino-bet-presets{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.5rem;display:flex}.casino-bet-btn{background:var(--casino-card-bg);border:1px solid var(--casino-border);color:var(--casino-text);cursor:pointer;border-radius:.38rem;padding:.35rem .7rem;font-size:.85rem;font-weight:600;transition:all .2s}.casino-bet-btn:hover:not(:disabled){border-color:var(--casino-gold);color:var(--casino-gold);box-shadow:0 0 8px var(--casino-glow)}.casino-bet-btn.active{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold));color:var(--casino-bg);border-color:var(--casino-gold);box-shadow:0 0 12px var(--casino-glow)}.casino-bet-btn:disabled{opacity:.4;cursor:not-allowed}.casino-bet-all{font-style:italic}.casino-bet-display{color:var(--casino-text-dim);font-size:.9rem}.casino-bet-label{font-weight:600}.casino-bet-amount{color:var(--casino-gold);font-variant-numeric:tabular-nums;font-weight:700}.casino-action-btn{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-light));width:100%;max-width:18.75rem;color:var(--casino-bg);letter-spacing:.1em;cursor:pointer;box-shadow:0 2px 12px var(--casino-glow);border:none;border-radius:.5rem;margin:1rem auto;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:800;transition:all .3s;display:block;position:relative;overflow:hidden}.casino-action-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.casino-action-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--casino-glow-strong);transform:translateY(-2px)}.casino-action-btn:hover:not(:disabled):before{left:120%}.casino-action-btn:active:not(:disabled){box-shadow:0 1px 6px var(--casino-glow);transform:translateY(1px)scale(.98)}.casino-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.casino-card{width:var(--card-w);height:var(--card-h);border:2px solid var(--casino-border);cursor:default;background:#fff;border-radius:.5rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.15)}.casino-card.red{color:#c41e3a}.casino-card.black{color:#1a1a2e}.casino-card.face-down{background:linear-gradient(135deg, var(--casino-gold-dark), var(--casino-gold), var(--casino-gold-dark));border-color:var(--casino-gold)}.casino-card.held{box-shadow:0 4px 16px var(--casino-glow-strong), 0 0 0 2px var(--casino-gold);transform:translateY(-.5rem)}.casino-card:hover{transform:translateY(-2px)}.casino-card-corner{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:absolute}.casino-card-corner.top-left{top:.25rem;left:.31rem}.casino-card-corner.bottom-right{bottom:.25rem;right:.31rem;transform:rotate(180deg)}.casino-card-rank{font-size:.75rem;font-weight:800;line-height:1}.casino-card-suit-sm{font-size:.65rem;line-height:1}.casino-card-center-suit{font-size:1.6rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.casino-card-back{background:repeating-linear-gradient(45deg,transparent,transparent .25rem,rgba(13,17,23,.15) .25rem .31rem),repeating-linear-gradient(-45deg,transparent,transparent .25rem,rgba(13,17,23,.15) .25rem .31rem);border-radius:.38rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.casino-card-held{color:var(--casino-gold);letter-spacing:.05em;text-shadow:0 0 4px var(--casino-glow);font-size:.6rem;font-weight:700;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.casino-result-overlay{text-align:center;border:1px solid var(--casino-border);border-radius:.62rem;margin:1rem 0;padding:1rem;animation:.4s ease-out casino-card-enter}.casino-result-overlay.win{background:rgba(46,160,67,.15);border-color:#2ea043}.casino-result-overlay.win .casino-result-text{color:#2ea043}.casino-result-overlay.lose{border-color:var(--casino-red);background:rgba(230,57,70,.15)}.casino-result-overlay.lose .casino-result-text{color:var(--casino-red)}.casino-result-overlay.push{background:var(--casino-chip-bg);border-color:var(--casino-gold)}.casino-result-overlay.push .casino-result-text{color:var(--casino-gold)}.casino-result-text{letter-spacing:.05em;font-size:1.4rem;font-weight:800}.casino-result-sub{color:var(--casino-text-dim);margin-top:.3rem;font-size:.9rem}@keyframes casino-card-deal{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes deal-from-deck{0%{opacity:0;transform:translate(-200px,-100px)scale(.6)rotate(-15deg)}30%{opacity:1}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes deal-from-center-top{0%{opacity:0;transform:translateY(-120px)scale(.6)rotate(-5deg)}30%{opacity:1}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.casino-deck-shoe{width:var(--deck-w);height:var(--deck-h);z-index:0;pointer-events:none;position:absolute;top:1rem;left:1rem}.casino-deck-shoe-card{width:var(--deck-w);height:var(--deck-h);background:linear-gradient(135deg, var(--casino-gold-dark) 0%, #1a1a2e 30%, var(--casino-gold-dark) 50%, #1a1a2e 70%, var(--casino-gold-dark) 100%);border:1.5px solid var(--casino-gold);border-radius:6px;position:absolute;box-shadow:0 1px 4px rgba(0,0,0,.4)}.casino-deck-shoe-card:after{content:"♦";color:var(--casino-gold);opacity:.5;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.casino-deck-shoe-card:first-child{top:0;left:0}.casino-deck-shoe-card:nth-child(2){top:-2px;left:2px}.casino-deck-shoe-card:nth-child(3){top:-4px;left:4px}.casino-deck-shoe-card:nth-child(4){top:-6px;left:6px}.casino-result-overlay.win{animation:.6s ease-out casino-win-glow,.4s ease-out casino-card-enter;position:relative;overflow:hidden}.casino-result-overlay.win:before{content:"";background:linear-gradient(105deg,transparent 30%,rgba(46,160,67,.15) 45%,rgba(46,160,67,.25) 50%,rgba(46,160,67,.15) 55%,transparent 70%);animation:1.5s ease-in-out infinite casino-win-shimmer;position:absolute;inset:0}@keyframes casino-win-glow{0%{transform:scale(.95);box-shadow:0 0 rgba(46,160,67,0)}50%{transform:scale(1.02);box-shadow:0 0 30px rgba(46,160,67,.4)}to{transform:scale(1);box-shadow:0 0 15px rgba(46,160,67,.2)}}@keyframes casino-win-shimmer{0%{transform:translate(-200%)}to{transform:translate(200%)}}.casino-result-overlay.lose{animation:.4s ease-out casino-lose-shake,.4s ease-out casino-card-enter}@keyframes casino-lose-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes casino-chip-pulse{0%{transform:scale(1)}50%{text-shadow:0 0 12px var(--casino-glow-strong);transform:scale(1.15)}to{transform:scale(1)}}.casino-toast{color:#e0e0e0;z-index:1000;background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;animation:.3s ease-out casino-toast-in;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.casino-toast-error{color:#f88;border-color:rgba(220,50,50,.5)}@keyframes casino-toast-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}[data-theme=cool]{--bg-primary:#0c1929;--bg-secondary:#12203a;--bg-card:#152545;--bg-card-hover:#1c3058;--text-primary:#d0d8e8;--text-secondary:#8898b8;--accent:#7c4dff;--accent-hover:#651fff;--success:#69f0ae;--danger:#ff5252;--border:#1e3355;--shadow:0 .25rem 1.5rem rgba(0,0,0,.35)}[data-theme=pop]{--bg-primary:#f5f5fa;--bg-secondary:#e8e8f0;--bg-card:#fff;--bg-card-hover:#f0f0f8;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--accent:#6200ea;--accent-hover:#7c4dff;--success:#00c853;--danger:#d50000;--border:#d0d0e0;--shadow:0 .25rem 1.5rem rgba(0,0,0,.08)}[data-theme=neon]{--bg-primary:#06060c;--bg-secondary:#0a0a14;--bg-card:#0c0c1a;--bg-card-hover:#121226;--text-primary:#e8e8ff;--text-secondary:#b0b0d0;--accent:#00e5ff;--accent-hover:#18ffff;--success:#76ff03;--danger:#ff1744;--border:#1a1a2e;--shadow:0 .25rem 1.5rem rgba(0,229,255,.08)}@keyframes neon-title-color{0%{color:#ff00c8;text-shadow:0 0 10px #ff00c8,0 0 30px #ff00c8,0 0 60px #ff00c8}25%{color:#00e5ff;text-shadow:0 0 10px #00e5ff,0 0 30px #00e5ff,0 0 60px #00e5ff}50%{color:#ffea00;text-shadow:0 0 10px #ffea00,0 0 30px #ffea00,0 0 60px #ffea00}75%{color:#76ff03;text-shadow:0 0 10px #76ff03,0 0 30px #76ff03,0 0 60px #76ff03}to{color:#ff00c8;text-shadow:0 0 10px #ff00c8,0 0 30px #ff00c8,0 0 60px #ff00c8}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}@keyframes neon-card-glow-1{0%,to{border-color:#ff00c8;box-shadow:0 0 6px #ff00c8,0 0 18px rgba(255,0,200,.3),inset 0 0 12px rgba(255,0,200,.05)}50%{border-color:#f4d;box-shadow:0 0 10px #f4d,0 0 30px rgba(255,68,221,.4),inset 0 0 18px rgba(255,68,221,.08)}}@keyframes neon-card-glow-2{0%,to{border-color:#00e5ff;box-shadow:0 0 6px #00e5ff,0 0 18px rgba(0,229,255,.3),inset 0 0 12px rgba(0,229,255,.05)}50%{border-color:#40f0ff;box-shadow:0 0 10px #40f0ff,0 0 30px rgba(64,240,255,.4),inset 0 0 18px rgba(64,240,255,.08)}}@keyframes neon-card-glow-3{0%,to{border-color:#76ff03;box-shadow:0 0 6px #76ff03,0 0 18px rgba(118,255,3,.3),inset 0 0 12px rgba(118,255,3,.05)}50%{border-color:#a0ff40;box-shadow:0 0 10px #a0ff40,0 0 30px rgba(160,255,64,.4),inset 0 0 18px rgba(160,255,64,.08)}}@keyframes neon-card-glow-4{0%,to{border-color:#ffea00;box-shadow:0 0 6px #ffea00,0 0 18px rgba(255,234,0,.3),inset 0 0 12px rgba(255,234,0,.05)}50%{border-color:#fff044;box-shadow:0 0 10px #fff044,0 0 30px rgba(255,240,68,.4),inset 0 0 18px rgba(255,240,68,.08)}}@keyframes neon-card-glow-5{0%,to{border-color:#ff6e40;box-shadow:0 0 6px #ff6e40,0 0 18px rgba(255,110,64,.3),inset 0 0 12px rgba(255,110,64,.05)}50%{border-color:#ff9060;box-shadow:0 0 10px #ff9060,0 0 30px rgba(255,144,96,.4),inset 0 0 18px rgba(255,144,96,.08)}}@keyframes neon-btn-pulse{0%,to{box-shadow:0 0 8px,0 0 20px}50%{box-shadow:0 0 14px,0 0 35px}}[data-theme=neon] .home-title{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:currentColor!important;background-clip:unset!important;animation:6s linear infinite neon-title-color!important}[data-theme=neon] .lobby-title{color:#00e5ff;text-shadow:0 0 8px #00e5ff,0 0 25px rgba(0,229,255,.5),0 0 50px rgba(0,229,255,.2);animation:3s infinite neon-flicker}[data-theme=neon] .auth-title{color:#ffea00;text-shadow:0 0 8px #ffea00,0 0 25px rgba(255,234,0,.5),0 0 50px rgba(255,234,0,.2)}[data-theme=neon] .profile-name{color:#ff6e40;text-shadow:0 0 8px #ff6e40,0 0 25px rgba(255,110,64,.5)}[data-theme=neon] .leaderboard-title{color:#76ff03;text-shadow:0 0 8px #76ff03,0 0 25px rgba(118,255,3,.5),0 0 50px rgba(118,255,3,.2);animation:4s -1s infinite neon-flicker}[data-theme=neon] .game-result h2,[data-theme=neon] .rating-value{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:currentColor!important;background-clip:unset!important}[data-theme=neon] .game-card,[data-theme=neon] .auth-card,[data-theme=neon] .lobby-option-card,[data-theme=neon] .waiting-card,[data-theme=neon] .waiting-room-card,[data-theme=neon] .friend-room,[data-theme=neon] .profile-card,[data-theme=neon] .rating-card,[data-theme=neon] .settings-panel{will-change:box-shadow}[data-theme=neon] .game-card{border-width:2px}[data-theme=neon] .game-card:nth-child(5n+1){animation:3s ease-in-out infinite neon-card-glow-1}[data-theme=neon] .game-card:nth-child(5n+2){animation:3.5s ease-in-out infinite neon-card-glow-2}[data-theme=neon] .game-card:nth-child(5n+3){animation:2.8s ease-in-out infinite neon-card-glow-3}[data-theme=neon] .game-card:nth-child(5n+4){animation:3.2s ease-in-out infinite neon-card-glow-4}[data-theme=neon] .game-card:nth-child(5n+5){animation:3.7s ease-in-out infinite neon-card-glow-5}[data-theme=neon] .game-card:nth-child(5n+1) .game-card-name{color:#ff00c8;text-shadow:0 0 6px #ff00c8,0 0 15px rgba(255,0,200,.4)}[data-theme=neon] .game-card:nth-child(5n+2) .game-card-name{color:#00e5ff;text-shadow:0 0 6px #00e5ff,0 0 15px rgba(0,229,255,.4)}[data-theme=neon] .game-card:nth-child(5n+3) .game-card-name{color:#76ff03;text-shadow:0 0 6px #76ff03,0 0 15px rgba(118,255,3,.4)}[data-theme=neon] .game-card:nth-child(5n+4) .game-card-name{color:#ffea00;text-shadow:0 0 6px #ffea00,0 0 15px rgba(255,234,0,.4)}[data-theme=neon] .game-card:nth-child(5n+5) .game-card-name{color:#ff6e40;text-shadow:0 0 6px #ff6e40,0 0 15px rgba(255,110,64,.4)}[data-theme=neon] .game-card:hover{filter:brightness(1.15);transform:translateY(-4px)}[data-theme=neon] .auth-card{border-width:2px;animation:3s ease-in-out infinite neon-card-glow-4}[data-theme=neon] .lobby-option-card{border-width:2px;animation:3s ease-in-out infinite neon-card-glow-2}[data-theme=neon] .waiting-card,[data-theme=neon] .waiting-room-card{border-width:2px;animation:4s ease-in-out infinite neon-card-glow-1}[data-theme=neon] .friend-room{border-width:2px;animation:3s ease-in-out infinite neon-card-glow-3}[data-theme=neon] .profile-card{border-width:2px;animation:3.5s ease-in-out infinite neon-card-glow-5}[data-theme=neon] .rating-card{border-width:2px;animation:3.2s ease-in-out infinite neon-card-glow-2}[data-theme=neon] .settings-panel{border-width:2px;animation:3.8s ease-in-out infinite neon-card-glow-4}[data-theme=neon] a{color:#ff00c8;text-shadow:0 0 6px rgba(255,0,200,.5)}[data-theme=neon] .nav-user-name{color:#ffea00;text-shadow:0 0 6px rgba(255,234,0,.5)}[data-theme=neon] .nav-logout{color:#ff1744;text-shadow:0 0 6px rgba(255,23,68,.5)}[data-theme=neon] .btn-primary{color:#00e5ff;text-shadow:0 0 6px #00e5ff;background:0 0;border:2px solid #00e5ff;animation:2s ease-in-out infinite neon-btn-pulse;box-shadow:0 0 8px #00e5ff,0 0 20px rgba(0,229,255,.3)}[data-theme=neon] .btn-primary:hover{background:rgba(0,229,255,.15);box-shadow:0 0 14px #00e5ff,0 0 40px rgba(0,229,255,.5)}[data-theme=neon] .btn-secondary{color:#76ff03;text-shadow:0 0 6px #76ff03;background:0 0;border:2px solid #76ff03;box-shadow:0 0 6px rgba(118,255,3,.3)}[data-theme=neon] .btn-secondary:hover{background:rgba(118,255,3,.1);box-shadow:0 0 12px #76ff03,0 0 30px rgba(118,255,3,.4)}[data-theme=neon] .resign-confirm-btn{color:#ff1744;background:0 0;border:2px solid #ff1744;box-shadow:0 0 8px rgba(255,23,68,.4)}[data-theme=neon] .resign-confirm-btn:hover{background:rgba(255,23,68,.1);box-shadow:0 0 16px #ff1744,0 0 35px rgba(255,23,68,.5)}[data-theme=neon] .auth-tab{color:#b0b0d0}[data-theme=neon] .auth-tab.active{color:#00e5ff;border-bottom-color:#00e5ff}[data-theme=neon] .auth-hint{color:#c0c0e0}[data-theme=neon] .auth-toggle{color:#ff00c8}[data-theme=neon] .auth-toggle:hover{color:#f4d}[data-theme=neon] .auth-input{color:#e8e8ff;background:#0a0a14;border-color:#2a2a44}[data-theme=neon] .auth-input:focus{border-color:#00e5ff;box-shadow:0 0 6px rgba(0,229,255,.3)}[data-theme=neon] nav{border-bottom:2px solid #ff00c8;box-shadow:0 2px 15px rgba(255,0,200,.2),0 1px 8px rgba(0,229,255,.1)}[data-theme=neon] .turn-mine{color:#76ff03;text-shadow:0 0 8px #76ff03,0 0 20px rgba(118,255,3,.4)}[data-theme=neon] .turn-opp{color:#ff6e40;text-shadow:0 0 8px #ff6e40,0 0 20px rgba(255,110,64,.4)}[data-theme=neon] .action-hint{color:#00e5ff;text-shadow:0 0 6px rgba(0,229,255,.4)}[data-theme=neon] .seat-you{color:#76ff03;text-shadow:0 0 8px rgba(118,255,3,.5)}[data-theme=neon] .rating-value{color:#ffea00;text-shadow:0 0 8px #ffea00,0 0 20px rgba(255,234,0,.4)}[data-theme=neon] .spinner{filter:drop-shadow(0 0 8px #ff00c8);border-top-color:#ff00c8}[data-theme=neon] .online-dot{box-shadow:0 0 6px #76ff03,0 0 12px rgba(118,255,3,.5)}[data-theme=neon] .disconnect-overlay{text-shadow:0 0 12px #ff1744;background:rgba(6,6,12,.94)}[data-theme=neon] .resign-dialog{border:2px solid #ff1744;box-shadow:0 0 20px rgba(255,23,68,.35)}[data-theme=neon] .error-card{border:2px solid #ff1744;box-shadow:0 0 12px rgba(255,23,68,.3)}[data-theme=halloween]{--bg-primary:#140a22;--bg-secondary:#1c1030;--bg-card:#221440;--bg-card-hover:#2c1a50;--text-primary:#e8cca0;--text-secondary:#c090d0;--accent:#f60;--accent-hover:#f80;--success:#5d5;--danger:#c22;--border:#5a3090;--shadow:0 4px 24px rgba(0,0,0,.4)}@keyframes halloween-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes halloween-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.7}}[data-theme=halloween] body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 15% 85%,rgba(255,68,0,.04) 0%,transparent 45%),radial-gradient(at 85% 15%,rgba(120,40,180,.06) 0%,transparent 45%),radial-gradient(at 50% 100%,rgba(80,0,120,.05) 0%,transparent 60%);position:fixed;inset:0}[data-theme=halloween] .home-title{filter:drop-shadow(0 0 6px rgba(255,68,0,.4));color:#f60!important;background:linear-gradient(90deg,#c40 0%,#f60 30%,#f80 50%,#f60 70%,#c40 100%) 0 0/200% 100%!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;animation:5s infinite halloween-flicker,6s linear infinite gradient-shift!important}[data-theme=halloween] .lobby-title{color:#d60;text-shadow:0 0 6px rgba(221,102,0,.4)}[data-theme=halloween] .auth-title{color:#b6d;text-shadow:0 0 6px rgba(187,102,221,.4)}[data-theme=halloween] .profile-name{color:#e83;text-shadow:0 0 4px rgba(238,136,51,.3)}[data-theme=halloween] .leaderboard-title{color:#d60;text-shadow:0 0 6px rgba(221,102,0,.4)}[data-theme=halloween] .game-result h2,[data-theme=halloween] .rating-value{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#e70!important;background-clip:unset!important}[data-theme=halloween] .game-card{background:linear-gradient(160deg,#221440 0%,#1a0e30 60%,#221440 100%);border:2px solid #5a3090;animation:7s ease-in-out infinite halloween-hover;box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 4px rgba(90,48,144,.2)}[data-theme=halloween] .game-card:hover{border-color:#f70;box-shadow:0 6px 24px rgba(0,0,0,.6),0 0 10px rgba(255,102,0,.15)}[data-theme=halloween] .game-card:nth-child(2n){animation-delay:-1.5s}[data-theme=halloween] .game-card:nth-child(3n){animation-delay:-3s}[data-theme=halloween] .game-card:nth-child(4n){animation-delay:-4.5s}[data-theme=halloween] .game-card-name{color:#eb5;text-shadow:0 0 3px rgba(238,187,85,.5)}[data-theme=halloween] .auth-card,[data-theme=halloween] .lobby-option-card,[data-theme=halloween] .waiting-card,[data-theme=halloween] .friend-room,[data-theme=halloween] .waiting-room-card,[data-theme=halloween] .profile-card,[data-theme=halloween] .rating-card,[data-theme=halloween] .settings-panel{border:2px solid #5a3090;box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 3px rgba(90,48,144,.2)}[data-theme=halloween] .auth-card:hover,[data-theme=halloween] .lobby-option-card:hover,[data-theme=halloween] .waiting-card:hover,[data-theme=halloween] .friend-room:hover,[data-theme=halloween] .waiting-room-card:hover,[data-theme=halloween] .profile-card:hover,[data-theme=halloween] .rating-card:hover,[data-theme=halloween] .settings-panel:hover{border-color:#74a;box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 6px rgba(120,68,170,.2)}[data-theme=halloween] .btn-primary{color:#fff0e0;background:linear-gradient(135deg,#c50,#d60);border:2px solid #e70;font-weight:700;box-shadow:0 0 8px rgba(204,85,0,.3)}[data-theme=halloween] .btn-primary:hover{background:linear-gradient(135deg,#d60,#e70);box-shadow:0 0 14px rgba(221,102,0,.4)}[data-theme=halloween] .btn-secondary{color:#c090d0;border:2px solid #74a}[data-theme=halloween] .btn-secondary:hover{background:rgba(120,68,170,.12);border-color:#9960cc}[data-theme=halloween] nav{background:rgba(20,10,34,.96);border-bottom:2px solid #5a3090;box-shadow:0 2px 12px rgba(0,0,0,.4)}[data-theme=halloween] a{color:#b8d}[data-theme=halloween] .nav-user-name{color:#e94}[data-theme=halloween] .nav-logout{color:#c44}[data-theme=halloween] .turn-mine{color:#e90;text-shadow:0 0 4px rgba(238,153,0,.3)}[data-theme=halloween] .turn-opp{color:#b6d;text-shadow:0 0 4px rgba(187,102,221,.3)}[data-theme=halloween] .action-hint{color:#db7}[data-theme=halloween] .seat-you{color:#e90}[data-theme=halloween] .rating-value{color:#e70;text-shadow:0 0 4px rgba(238,119,0,.3)}[data-theme=halloween] .spinner{filter:drop-shadow(0 0 3px rgba(221,102,0,.4));border-top-color:#d60}[data-theme=halloween] .online-dot{background:#5d5;box-shadow:0 0 4px rgba(85,221,85,.4)}[data-theme=halloween] .disconnect-overlay{background:rgba(20,10,34,.95)}[data-theme=halloween] .resign-dialog{border:2px solid #c22;box-shadow:0 0 12px rgba(204,34,34,.3)}[data-theme=halloween] .error-card{border:2px solid #c22}:root,[data-theme=cool],[data-theme=pop],[data-theme=neon],[data-theme=halloween]{--ludo-base-alpha:.3;--ludo-hs-alpha:.5}[data-theme=cool]{--ttt-grid-border:rgba(120,80,255,.25);--ttt-hover:120, 80, 255;--ttt-blocked:230, 100, 160;--ttt-x-hi:rgba(255,200,120,.9);--ttt-x-main:rgba(240,150,50,.95);--ttt-x-dark:rgba(200,100,20,.85);--ttt-x-deep:rgba(140,60,10,.7);--ttt-x-shadow:rgba(100,40,0,.5);--ttt-x-glow:240, 150, 50;--ttt-o-hi:rgba(140,190,255,.9);--ttt-o-main:rgba(60,130,220,.95);--ttt-o-dark:rgba(30,80,160,.85);--ttt-o-deep:rgba(10,40,100,.7);--ttt-o-shadow:rgba(5,20,60,.5);--ttt-o-glow:60, 130, 220}[data-theme=pop]{--ttt-grid-border:rgba(100,0,234,.2);--ttt-grid-bg:rgba(200,200,220,.15);--ttt-hover:100, 0, 234;--ttt-blocked:120, 190, 60;--ttt-highlight:200, 160, 0;--ttt-x-hi:rgba(140,220,255,.95);--ttt-x-main:#3cbef0;--ttt-x-dark:rgba(20,140,200,.9);--ttt-x-deep:rgba(10,80,140,.8);--ttt-x-shadow:rgba(5,40,80,.5);--ttt-x-glow:60, 190, 240;--ttt-o-hi:rgba(255,180,200,.95);--ttt-o-main:#f07896;--ttt-o-dark:rgba(200,70,100,.9);--ttt-o-deep:rgba(140,30,60,.8);--ttt-o-shadow:rgba(80,15,35,.5);--ttt-o-glow:240, 120, 150}[data-theme=neon]{--ttt-grid-border:rgba(255,0,200,.3);--ttt-grid-bg:rgba(10,10,20,.2);--ttt-hover:0, 229, 255;--ttt-blocked:0, 200, 220;--ttt-highlight:255, 234, 0;--ttt-x-hi:rgba(255,255,100,.95);--ttt-x-main:#c8ff00;--ttt-x-dark:rgba(120,200,0,.9);--ttt-x-deep:rgba(60,140,0,.75);--ttt-x-shadow:rgba(30,80,0,.5);--ttt-x-glow:200, 255, 0;--ttt-o-hi:rgba(255,100,255,.95);--ttt-o-main:#ff00c8;--ttt-o-dark:rgba(180,0,140,.9);--ttt-o-deep:rgba(100,0,80,.75);--ttt-o-shadow:rgba(60,0,50,.5);--ttt-o-glow:255, 0, 200}[data-theme=halloween]{--ttt-grid-border:rgba(255,102,0,.2);--ttt-grid-bg:rgba(20,10,34,.15);--ttt-hover:255, 102, 0;--ttt-blocked:80, 200, 120;--ttt-highlight:255, 140, 0;--ttt-x-hi:rgba(255,200,80,.95);--ttt-x-main:#ff9600;--ttt-x-dark:rgba(200,100,0,.9);--ttt-x-deep:rgba(140,60,0,.75);--ttt-x-shadow:rgba(80,30,0,.5);--ttt-x-glow:255, 150, 0;--ttt-o-hi:rgba(200,140,255,.95);--ttt-o-main:#963cdc;--ttt-o-dark:rgba(100,30,160,.9);--ttt-o-deep:rgba(60,10,100,.75);--ttt-o-shadow:rgba(30,5,60,.5);--ttt-o-glow:150, 60, 220}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.build-hash{z-index:1000;color:color-mix(in srgb, var(--accent) 60%, transparent);font-family:monospace;font-size:.7rem;position:fixed;bottom:1rem;left:1rem}.bottom-toggles{z-index:1000;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:fixed;bottom:1rem;right:1rem}.bottom-toggles-items{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.bottom-toggles-gear{display:none}.lang-toggle,.theme-toggle,.bug-report-toggle{backdrop-filter:blur(.5rem);color:var(--text-primary);cursor:pointer;transition:background var(--transition);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.lang-toggle:hover,.theme-toggle:hover,.bug-report-toggle:hover{background:rgba(255,255,255,.22)}.lang-switcher,.theme-switcher{align-items:center;gap:.3rem;display:flex}.lang-options,.theme-options{gap:.2rem;display:flex}.lang-option,.theme-option{backdrop-filter:blur(.5rem);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:.8rem;padding:.3rem .5rem;font-size:.75rem;font-weight:500}.lang-option:hover,.theme-option:hover{background:rgba(255,255,255,.3)}.lang-option.active,.theme-option.active{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.4)}.bug-report-toggle{color:var(--danger);background:rgba(239,83,80,.15);border-color:rgba(239,83,80,.3);font-weight:700}.bug-report-toggle:hover{background:rgba(239,83,80,.3)}[data-theme=pop] .lang-toggle,[data-theme=pop] .theme-toggle{color:#333;background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}[data-theme=pop] .lang-toggle:hover,[data-theme=pop] .theme-toggle:hover{background:rgba(0,0,0,.15)}[data-theme=pop] .bug-report-toggle{color:#c62828;background:rgba(211,47,47,.12);border-color:rgba(211,47,47,.3)}[data-theme=pop] .bug-report-toggle:hover{background:rgba(211,47,47,.22)}[data-theme=pop] .lang-option,[data-theme=pop] .theme-option{color:#333;background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}[data-theme=pop] .lang-option:hover,[data-theme=pop] .theme-option:hover{background:rgba(0,0,0,.15)}[data-theme=pop] .lang-option.active,[data-theme=pop] .theme-option.active{background:rgba(0,0,0,.18);border-color:rgba(0,0,0,.3)}@media (width<=37.5rem){html{height:100dvh;overflow:hidden}body{-webkit-overflow-scrolling:touch;height:100dvh;padding-top:0;overflow-y:auto}nav{z-index:1100;border-bottom:none;border-top:1px solid var(--border);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));justify-content:space-around;gap:.5rem;font-size:.8rem;position:fixed;inset:auto 0 0}main{padding-bottom:3rem}.bottom-toggles{flex-direction:column;align-items:flex-end;bottom:3rem;left:auto;right:1rem;transform:none}.bottom-toggles-items{flex-direction:column;align-items:flex-end;gap:.4rem;display:none}.bottom-toggles.expanded .bottom-toggles-items{display:flex}.bottom-toggles-gear{backdrop-filter:blur(.5rem);cursor:pointer;width:2.5rem;height:2.5rem;transition:background var(--transition);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.bottom-toggles-gear:hover{background:rgba(255,255,255,.22)}[data-theme=pop] .bottom-toggles-gear{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}[data-theme=pop] .bottom-toggles-gear:hover{background:rgba(0,0,0,.15)}.build-hash{bottom:3rem}.game-timers{gap:clamp(1rem,3vw,1.5rem)}.player-timer{min-width:4rem;padding:.25rem .6rem;font-size:clamp(1rem,2.5vw,1.2rem)}.home-title{font-size:max(1.5rem,5vw)}.home{padding:0 1rem}.game-tabs,.period-tabs{flex-wrap:wrap}.leaderboard-body{flex-direction:column}.leaderboard-body .game-tabs{flex-direction:row;width:100%}.leaderboard-body .game-tab{width:auto}.game-info{flex-wrap:wrap;gap:.5rem}.score{font-size:clamp(.9rem,2.5vw,1.1rem)}.nav-user,.nav-logout{padding:.3rem .6rem;font-size:.8rem}.nav-user-name{max-width:5rem}.disconnect-overlay{padding:1.5rem 2rem}.disconnect-timer{font-size:2rem}.lobby{padding:0 1rem}.lobby-title{font-size:1.5rem}.lobby-option-card{padding:clamp(1rem,3vw,1.5rem) clamp(.75rem,2vw,1rem)}.lobby-option-card h2{font-size:1.1rem}.lobby-option-card p{font-size:.8rem}.seat-area{gap:1rem}.player-seat{width:7.5rem;min-height:5rem;padding:.75rem}.vs-label{font-size:1.2rem}.game-grid,.lobby-options{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem}.game-card .game-card-name{font-size:clamp(.9rem,2.5vw,1rem)}.game-card .game-card-desc{font-size:.75rem}.game-card .game-card-online{font-size:.8rem}.yacht-die{width:clamp(2.5rem,7vw,3rem);height:clamp(2.5rem,7vw,3rem);font-size:clamp(1rem,2.5vw,1.2rem)}.yacht-table{font-size:clamp(.75rem,2vw,.85rem)}.yacht-cat{padding:.3rem .4rem}.hb-digit-display{width:clamp(2rem,5vw,2.5rem);height:clamp(2.5rem,6vw,3rem);font-size:clamp(1.2rem,3vw,1.5rem)}.hb-numpad-btn{width:clamp(2.2rem,5vw,2.5rem);height:clamp(2.2rem,5vw,2.5rem);font-size:.9rem}.hb-history{flex-direction:column;gap:.5rem}.ludo-dice-value{width:3rem;height:3rem;font-size:1.2rem}.stamp-picker{max-width:100%}.stamp-emoji{font-size:2.5rem}.settings-panel{max-width:100%}.ttt-ball-icon{width:1.25rem;height:1.25rem;font-size:.7rem}.ttt-scene{height:22rem;transform:scale(.7)}}@media (hover:none){.game-card:hover{border-color:var(--border);box-shadow:var(--shadow);transform:none}.lobby-option-card:hover{background:var(--bg-card);border-color:var(--border);transform:none}.stamp-btn:hover{background:var(--bg-secondary);border-color:var(--border);transform:none}.nav-user:hover,.toolbar-btn:hover{background:var(--bg-card);border-color:var(--border)}.game-tab{justify-content:center;align-items:center;min-height:2.75rem;display:flex}.toolbar-btn,.stamp-btn{min-width:2.75rem;min-height:2.75rem}.settings-opt{min-height:2.75rem;padding:.4rem .75rem}.lang-toggle,.theme-toggle,.lang-option,.theme-option{justify-content:center;align-items:center;min-height:2.75rem;display:flex}.stamp-picker{max-width:17.5rem}.settings-panel{max-width:100%}.reversi-cell-valid:hover{background:#2e7d32}.reversi-cell-valid:hover:after{background:rgba(255,255,255,.25)}.five-in-a-row-cell-valid:hover{background:0 0}.five-in-a-row-cell-valid:hover:before,.five-in-a-row-cell-valid:hover:after{background:rgba(0,0,0,.35)}.cf-cell-clickable:hover .cf-hole{background:var(--bg-secondary)}.mancala-pit-valid:hover{background:#4e342e}.shogi-cell-valid:hover,.shogi-cell-selected:hover{background:0 0}.shogi-hand-piece:hover{background:var(--bg-secondary)}.yacht-die-clickable:hover{transform:none}.hb-numpad-btn:hover:not(:disabled){background:var(--bg-secondary);transform:none}.ttt-face:hover{background:0 0}.shogi-cell:hover{background:#d4a056}.promote-yes:hover{background:#c62828}.promote-no:hover{background:#546e7a}.yacht-row-clickable:hover{background:0 0}.game-tab:hover{color:var(--text-secondary);border-color:var(--border)}.volume-mute-btn:hover{background:var(--bg-card);border-color:var(--border)}.settings-opt:hover:not(.active){border-color:var(--border);color:var(--text-secondary)}.rules-btn:hover{border-color:var(--border);color:var(--text-secondary);background:var(--bg-card)}.waiting-card .btn-secondary:hover{color:var(--danger);border-color:var(--danger);box-shadow:none;background:0 0;transform:none}.btn-preset:hover:not(:disabled){border-color:var(--border)}.btn-detail-toggle:hover{color:var(--text-secondary)}.ludo-toggle-row:hover:not(.disabled),[data-theme=pop] .ludo-toggle-row:hover:not(.disabled){background:0 0}}@media (width<=480px){.five-in-a-row-board{border-left:none;border-right:none;border-radius:0;width:100vw;padding:.4rem}.mancala-board{border-radius:1rem;gap:.3rem;width:100vw;padding:.5rem}.mancala-pit{border-radius:.6rem}.mancala-store{border-radius:.8rem;flex:0 0 12%}}