.game-table{display:flex;flex-direction:column;height:calc(var(--real-vh, 1vh) * 100);overflow:hidden;background-color:#08080e;color:#f8fafc;font-size:clamp(14px,1.8vw,17px)}.game-header{justify-content:space-between;padding:1em 2em;background-color:#0f0f1a;border-bottom:1px solid #1e1e30;flex-shrink:0}.game-header,.game-header-left{display:flex;align-items:center}.game-header-left{gap:1.5em}.game-header-right{display:flex;align-items:center;gap:.75em}.game-nav,.nav-btn{display:flex;gap:.4em}.nav-btn{background:none;border:1.5px solid transparent;border-radius:100px;color:rgba(255,255,255,.5);font-size:.85em;font-weight:600;letter-spacing:.03em;padding:.4em 1em;cursor:pointer;transition:color .15s,border-color .15s,background .15s;align-items:center}.nav-btn:hover:not(:disabled){color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)}.nav-btn-active{color:#f59e0b;border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08)}.nav-btn-highlight{color:#f59e0b;border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.06);text-shadow:0 0 12px rgba(245,158,11,.4)}.nav-btn-highlight:hover:not(:disabled){color:#fbbf24;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.6)}.nav-btn-soon{opacity:.45;cursor:default}.game-title,.game-title-btn{font-size:2em;font-weight:900;letter-spacing:.12em;color:#f59e0b;text-transform:uppercase;text-shadow:0 0 30px rgba(245,158,11,.35)}.game-title-btn{background:none;border:none;padding:0;cursor:pointer;transition:opacity .15s}.game-title-btn:hover{opacity:.75}.game-hud{display:flex;gap:.9em;align-items:center}.menu-container{display:flex;justify-content:flex-end;position:relative}.settings-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.45em;border-radius:8px;color:rgba(255,255,255,.6);transition:background .15s,color .15s,transform .3s}.settings-btn svg{width:22px;height:22px}.settings-btn:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.settings-btn-open{color:#f59e0b;transform:rotate(45deg)}.menu-panel{position:absolute;top:calc(100% + .5em);right:0;background:#0f0f1a;border:1px solid #2a2a40;border-radius:14px;padding:1em;min-width:220px;box-shadow:0 16px 40px rgba(0,0,0,.6);z-index:50;display:flex;flex-direction:column;gap:.75em}.menu-row{display:flex;align-items:center;justify-content:space-between}.menu-label{font-size:.95em;color:rgba(255,255,255,.7);font-weight:600}.menu-toggle{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);border-radius:100px;color:rgba(255,255,255,.5);font-size:.85em;font-weight:700;padding:.3em .9em;cursor:pointer;transition:all .15s;min-width:52px}.menu-toggle-on{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5);color:#22c55e}.menu-section-label{font-size:.85em;color:rgba(255,255,255,.4);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:-.25em}.training-options{display:flex;gap:.4em}.training-btn{flex:1 1;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:8px;color:rgba(255,255,255,.45);font-size:.85em;font-weight:700;padding:.4em .5em;cursor:pointer;transition:all .15s}.training-btn-active{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.5);color:#f59e0b}.training-btn-soon{opacity:.4;cursor:not-allowed;display:flex;flex-direction:column;align-items:center;gap:.2em}.soon-badge{font-size:.65em;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.4);text-transform:uppercase;line-height:1}.menu-divider{height:1px;background:rgba(255,255,255,.08);margin:.1em 0}.table-stats{position:absolute;left:1.5em;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.7em 1em;display:flex;flex-direction:column;gap:.45em;min-width:120px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.table-stats-row{display:flex;justify-content:space-between;gap:1.5em;font-size:.88em;color:rgba(255,255,255,.55)}.table-stats-rate{color:rgba(255,255,255,.8);font-weight:700;margin-top:.15em;border-top:1px solid rgba(255,255,255,.08);padding-top:.3em}.stat-win{color:#22c55e;font-weight:700}.stat-loss{color:#f87171;font-weight:700}.stat-push{color:#f59e0b;font-weight:700}.menu-reset-btn{background:rgba(239,68,68,.12);border:1.5px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9em;font-weight:700;padding:.6em 1em;cursor:pointer;transition:all .15s;width:100%;letter-spacing:.02em}.menu-reset-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.training-hand-panel{position:absolute;right:1.5em;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;z-index:5;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.55em .55em .6em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.training-hand-panel-label{font-size:.68em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);text-align:center;padding:0 .4em .5em}.training-hand-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:7px;color:rgba(255,255,255,.45);font-size:.85em;font-weight:700;padding:.45em 1.1em;cursor:pointer;letter-spacing:.03em;transition:all .15s;width:100%;text-align:center}.training-hand-btn+.training-hand-btn{margin-top:3px}.training-hand-btn-on{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.4);color:#f59e0b}.training-hand-btn:hover:not(:disabled){filter:brightness(1.2)}.training-hand-btn:disabled{opacity:.25;cursor:not-allowed}.training-controls-left{position:absolute;left:1.5em;top:1.5em;display:flex;flex-direction:column;align-items:flex-start;gap:.6em}.strategy-table-panel{position:static;transform:none}.strategy-table-btn{color:rgba(245,158,11,.65);border-color:rgba(245,158,11,.25)}.training-session-stats{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6em .85em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:.35em;width:100%;box-sizing:border-box}.training-session-stat-row{display:flex;justify-content:space-between;align-items:center;gap:1.5em;font-size:.82em;color:rgba(255,255,255,.45)}.training-session-stat-divider{height:1px;background:rgba(255,255,255,.06);gap:0}.training-session-stat-value{font-weight:700;color:rgba(255,255,255,.8)}.training-badge{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.5);color:#f59e0b;letter-spacing:.1em;text-transform:uppercase;font-size:.9em}.training-setup-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20}.training-setup-card{background:#0f0f1a;border:1px solid #2a2a40;border-radius:18px;padding:2em 2.5em;display:flex;flex-direction:column;gap:1.2em;min-width:280px;box-shadow:0 20px 50px rgba(0,0,0,.7)}.training-setup-title{font-size:1.3em;font-weight:900;letter-spacing:.08em;color:#f59e0b;margin:0;text-align:center}.training-setup-subtitle{font-size:.85em;color:rgba(255,255,255,.4);margin:0;text-align:center}.training-setup-checks{display:flex;flex-direction:column;gap:.75em}.training-setup-check{display:flex;align-items:center;gap:.75em;cursor:pointer;font-size:.95em;font-weight:600;color:rgba(255,255,255,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}.training-setup-check input[type=checkbox]{width:18px;height:18px;accent-color:#f59e0b;cursor:pointer}.training-setup-start-btn{background:rgba(245,158,11,.12);border:1.5px solid rgba(245,158,11,.5);border-radius:10px;color:#f59e0b;font-size:1em;font-weight:800;padding:.7em 1em;cursor:pointer;letter-spacing:.04em;transition:background .15s}.training-setup-start-btn:hover:not(:disabled){background:rgba(245,158,11,.22)}.training-setup-start-btn:disabled{opacity:.35;cursor:not-allowed}.action-buttons-wrapper{display:inline-flex;align-items:center;border-radius:16px;padding:2px}.action-buttons-wrapper.feedback-correct{animation:feedbackCorrect .6s ease-out forwards}.action-buttons-wrapper.feedback-incorrect{animation:feedbackIncorrect .6s ease-out forwards}@keyframes feedbackCorrect{0%{box-shadow:none}15%{box-shadow:0 0 0 4px rgba(34,197,94,.85),0 0 30px rgba(34,197,94,.4)}to{box-shadow:none}}@keyframes feedbackIncorrect{0%{box-shadow:none}15%{box-shadow:0 0 0 4px rgba(239,68,68,.85),0 0 30px rgba(239,68,68,.4)}to{box-shadow:none}}.hud-item{background-color:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:100px;padding:.5em 1.4em;font-size:1.05em;font-weight:700;letter-spacing:.02em}.hud-bet{color:#f59e0b;border-color:rgba(245,158,11,.45);background-color:rgba(245,158,11,.09)}.hud-user-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.hud-user-link:hover{color:#f59e0b;border-color:rgba(245,158,11,.5);background-color:rgba(245,158,11,.08)}.menu-auth-btn{background:rgba(245,158,11,.1);border:1.5px solid rgba(245,158,11,.35);border-radius:10px;color:#f59e0b;font-size:.95em;font-weight:700;padding:.6em 1em;cursor:pointer;text-align:center;transition:background .15s}.menu-auth-btn:hover{background:rgba(245,158,11,.18)}.green-board{background-color:#14532d;background-image:radial-gradient(ellipse at 50% 30%,#166534 0,#052e16 100%);overflow:hidden}.green-board,.table-area{flex:1 1;display:flex;flex-direction:column}.table-area{justify-content:space-between;align-items:center;position:relative;background:transparent;padding:2.5em 1em;min-height:0}.table-rules{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6em;font-size:.82em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.1);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.table-rules-divider{color:rgba(255,255,255,.07)}.status-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2.6em,7vw,5em);font-weight:900;text-align:center;text-shadow:0 4px 24px rgba(0,0,0,1),0 0 60px currentColor;animation:bannerFadeIn .3s cubic-bezier(.34,1.56,.64,1);padding:.1em .4em;letter-spacing:.02em;line-height:1;white-space:nowrap;pointer-events:none;z-index:10}@keyframes bannerFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hand-section{flex-direction:column;gap:.8em;width:100%}.hand-label,.hand-section{display:flex;align-items:center}.hand-label{gap:.7em;font-size:1.05em;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.hand-total{background-color:rgba(0,0,0,.55);border-radius:100px;padding:.15em .75em;font-weight:800;color:#fff;font-size:1em;min-width:2em;text-align:center}.hand-total-bust{color:#f87171;background-color:rgba(239,68,68,.2)}.cards-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:.7em}.card{display:flex;flex-direction:column;justify-content:space-between;padding:.42em .48em;border-radius:10px;width:4.8em;height:6.8em;box-sizing:border-box;background:linear-gradient(150deg,#ffffff,#efefee);border:1px solid #c8c8c8;box-shadow:0 6px 20px rgba(0,0,0,.65),0 2px 4px rgba(0,0,0,.3);color:#1a1a1a;position:relative;overflow:hidden}.card-flip{animation:cardFlip .5s ease-out}@keyframes cardFlip{0%{transform:rotateY(90deg) scale(.85);opacity:0}60%{transform:rotateY(-4deg) scale(1.03);opacity:1}to{transform:rotateY(0deg) scale(1);opacity:1}}.card-corner{display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:.06em}.card-corner-bottom{transform:rotate(180deg);align-self:flex-end}.card-corner-value{font-size:1.2em;font-weight:900;line-height:1}.card-corner-suit{font-size:.82em;line-height:1}.card-center-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4em;opacity:.1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-red{color:#b91c1c}.card-face-down{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 12px),linear-gradient(150deg,#4a4a5e,#2a2a38);border:1px solid #5a5a72;box-shadow:0 6px 20px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.1);color:rgba(255,255,255,.4)}.split-hands-row{display:flex;justify-content:center;gap:3em;width:100%}.hand-section-inactive{opacity:.5;transition:opacity .3s ease}.hand-active-dot{color:#22c55e;font-size:.55em;animation:activePulse 1s ease-in-out infinite}@keyframes activePulse{0%,to{opacity:1}50%{opacity:.2}}.controls-bar{background:transparent;padding:1em 2em;min-height:200px;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.betting-controls{display:flex;flex-direction:column;align-items:center;gap:.6em;width:100%;max-width:620px}.action-btn{border:none;padding:.9em 2.4em;margin:.4em;border-radius:12px;font-size:1.25em;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;letter-spacing:.05em;min-width:130px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}.action-btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 10px 28px rgba(0,0,0,.5)}.action-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95);box-shadow:none}.action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn-hit{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 18px rgba(22,163,74,.45)}.btn-stand{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 18px rgba(220,38,38,.45)}.btn-double{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 18px rgba(37,99,235,.45)}.btn-split{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 18px rgba(124,58,237,.45)}.btn-resign{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 18px rgba(217,119,6,.45)}kbd.key-hint{display:inline-block;font-family:inherit;font-size:.58em;font-weight:700;background:rgba(255,255,255,.12);border:solid rgba(255,255,255,.28);border-width:1px 1px 2px;border-radius:3px;padding:.1em .38em;margin-left:.4em;vertical-align:middle;line-height:1.5;letter-spacing:0}.action-btn:disabled kbd.key-hint{opacity:.4}@media (max-width:929px){kbd.key-hint{display:none}.game-title,.game-title-btn{font-size:1.1em;letter-spacing:.06em}.hud-item{font-size:.9em;padding:.4em .9em}.game-header{padding:.6em 1em;flex-wrap:wrap;gap:.5em}.nav-btn{font-size:.75em;padding:.35em .75em}.action-buttons-wrapper{flex-wrap:wrap;justify-content:center;max-width:320px}.action-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.8em);min-width:0;padding:.75em 1em;font-size:1.1em}}.waiting-indicator{color:rgba(255,255,255,.3);font-size:2.2em;letter-spacing:.5em}.waiting-dots{animation:waitingPulse 1.4s ease-in-out infinite;display:inline-block}@keyframes waitingPulse{0%,to{opacity:.1}50%{opacity:.65}}.broke-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.broke-modal,.broke-overlay{display:flex;align-items:center}.broke-modal{background:#0f0f1a;border:1px solid #2a2a40;border-radius:18px;padding:2.5em 3em;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.8);flex-direction:column;gap:.6em}.broke-title{margin:0;font-size:2.4em;font-weight:900;color:#f87171;text-shadow:0 0 30px rgba(248,113,113,.4)}.broke-subtitle{margin:0;font-size:1.1em;color:rgba(255,255,255,.45)}.broke-reset-btn{margin-top:.8em;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:.9em 2.6em;font-size:1.3em;font-weight:800;cursor:pointer;letter-spacing:.05em;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 4px 18px rgba(37,99,235,.4)}.broke-reset-btn:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 8px 26px rgba(37,99,235,.55)}.broke-reset-btn:active{transform:translateY(0);filter:brightness(.95);box-shadow:none}.hud-user{color:#f59e0b;border-color:rgba(245,158,11,.35);background-color:rgba(245,158,11,.08)}.menu-logout-btn{width:100%;background:rgba(239,68,68,.1);border:1.5px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.9em;font-weight:700;padding:.55em 1em;cursor:pointer;transition:background .15s;text-align:center}.menu-logout-btn:hover{background:rgba(239,68,68,.2)}