.sound-control-inline{position:relative;display:inline-block}.sound-inline-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.sound-inline-toggle:hover{border-color:#667eea;background:#f8f9ff}.sound-inline-expand{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:10;transition:all .2s ease}.sound-inline-expand:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.sound-dropdown-panel{position:absolute;top:calc(100% + 8px);left:10px;background:#fffffffa;border-radius:12px;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;min-width:280px;padding:12px;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sound-control-ribbon{position:fixed;bottom:20px;right:20px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;gap:8px;padding:8px;transition:all .3s ease}.sound-control-ribbon.expanded{flex-direction:column;align-items:stretch;padding:12px;min-width:280px}.sound-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.sound-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sound-toggle-btn:active{transform:translateY(0)}.sound-icon{font-size:18px;line-height:1}.sound-label{font-size:13px;font-weight:600}.sound-expand-btn{padding:8px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.sound-expand-btn:hover{background:#e0e0e0}.sound-controls-panel{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid #e0e0e0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sound-control-group{display:flex;flex-direction:column;gap:10px}.sound-control-row{display:flex;align-items:center;gap:8px;font-size:13px}.sound-control-row label{display:flex;align-items:center;gap:6px;min-width:85px;font-weight:600;color:#333}.control-icon{font-size:16px;line-height:1}.control-label{font-size:12px}.sound-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,#e0e0e0,#667eea);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.sound-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#764ba2}.sound-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .2s ease}.sound-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#764ba2}.volume-value{min-width:38px;text-align:right;font-size:11px;font-weight:600;color:#667eea}.ambient-toggle-btn{padding:4px 8px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.ambient-toggle-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.sound-control-actions{display:flex;gap:8px;margin-top:4px}.sound-test-btn{flex:1;padding:8px 12px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #11998e4d}.sound-test-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #11998e66}.sound-test-btn:active{transform:translateY(0)}@media (max-width: 768px){.sound-control-ribbon{bottom:10px;right:10px}.sound-control-ribbon.expanded{min-width:240px}.sound-toggle-btn{padding:8px 12px;font-size:12px}.sound-icon{font-size:16px}.sound-dropdown-panel{min-width:240px}}.enhanced-table-container{width:100%;max-width:100%;height:min(72vh,760px);margin:8px 0;position:relative;padding:20px}.enhanced-table-oval{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 -8px 30px #0000004d,0 10px 40px #0003}.enhanced-felt{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--felt-primary, #2d6045);background-image:var(--felt-texture, radial-gradient(circle at 20% 30%, rgba(255,255,255,.03) 0%, transparent 50%)),radial-gradient(circle at 50% 40%,var(--felt-primary, #2d6045),var(--felt-secondary, #243127));box-shadow:inset 0 -6px 24px #00000040}.enhanced-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--rim-bevel, linear-gradient(135deg, #6d3610 0%, #a0522d 50%, #6d3610 100%));box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000080,0 4px 12px #0000004d;pointer-events:none}.enhanced-seat{position:absolute;width:clamp(130px,16vw,170px);min-height:80px;transform:translate(-50%,-50%);transition:transform .3s ease,box-shadow .3s ease}.enhanced-seat-pod{background:var(--seat-bg, #ffffff);border:2px solid var(--seat-border, #e0e3e6);border-radius:12px;padding:8px;box-shadow:0 6px 16px #0000001f;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enhanced-seat:hover .enhanced-seat-pod{transform:scale(1.02);box-shadow:0 8px 20px #00000029}.enhanced-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;margin:0 auto 6px;position:relative;box-shadow:0 3px 10px #00000026;overflow:hidden}.enhanced-avatar-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;z-index:2;display:flex;align-items:center;justify-content:center}.enhanced-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.enhanced-progress-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--progress-color, #228b22) var(--progress-percent, 100%),rgba(200,200,200,.3) var(--progress-percent, 100%));padding:2px;animation:rotate 3s linear infinite;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enhanced-progress-ring:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--seat-bg, #ffffff);z-index:0}.enhanced-seat-header{text-align:center;font-size:12px;font-weight:600;color:var(--seat-text, #222);margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px}.enhanced-seat-stacks{text-align:center;font-size:10px;color:#666;margin-bottom:6px}.enhanced-seat-stacks .current{font-size:12px;font-weight:700;color:var(--seat-text, #222)}.enhanced-chip-pile{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;min-height:24px;margin:4px 0;position:relative}.enhanced-chip{width:24px;height:7px;border-radius:50%;box-shadow:inset 0 -1px 2px #0000004d,0 1px 2px #0003;position:relative;border:1px solid rgba(0,0,0,.2)}.enhanced-chip:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1px dashed rgba(255,255,255,.4)}.enhanced-contribution-badge{position:absolute;background:#fff7e6f2;border:2px solid #ffe3a8;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:600;color:#6b4a00;box-shadow:0 3px 10px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:4px;z-index:10}.enhanced-contribution-badge .chip-icon{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 3px #0000004d}.enhanced-action-badge{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--action-color, #808080);color:#fff;padding:5px 12px;border-radius:16px;font-size:14px;font-weight:700;box-shadow:0 3px 10px #00000040;animation:actionBadgeFade 3s ease-out forwards;z-index:20}@keyframes actionBadgeFade{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}70%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}}.enhanced-seat.hero .enhanced-seat-pod{border-color:var(--hero-border, #ffd700);background:linear-gradient(135deg,#ffd7000d,#ffd70005);animation:heroGlow 3s ease-in-out infinite}@keyframes heroGlow{0%,to{box-shadow:0 6px 16px #0000001f,0 0 25px var(--hero-glow, rgba(255,215,0,.6))}50%{box-shadow:0 6px 16px #0000001f,0 0 40px var(--hero-glow, rgba(255,215,0,.8))}}.enhanced-seat.hero .enhanced-avatar{background:linear-gradient(135deg,gold,#daa520)}.hero-crown{position:absolute;top:-6px;right:-6px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.enhanced-seat.to-act .enhanced-seat-pod{border-color:var(--toact-border, #ffb84d);border-width:3px;animation:toActPulse 2s ease-in-out infinite}@keyframes toActPulse{0%,to{box-shadow:0 6px 16px #0000001f,0 0 20px var(--toact-pulse, rgba(255,200,60,.8));transform:scale(1)}50%{box-shadow:0 6px 16px #0000001f,0 0 35px var(--toact-pulse, rgba(255,200,60,1));transform:scale(1.04)}}.to-act-indicator{position:absolute;top:-10px;right:-10px;background:var(--toact-border, #ffb84d);color:#630;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #0003;animation:indicatorBounce .6s ease infinite}@keyframes indicatorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.enhanced-seat.folded .enhanced-seat-pod{filter:var(--folded-filter, grayscale(.8));opacity:var(--folded-opacity, .5);border-color:#999}.enhanced-seat.folded .enhanced-avatar{background:linear-gradient(135deg,#999,#666)}.enhanced-card-wrapper{display:inline-block;animation:cardDeal .4s ease-out;transform-origin:center}@keyframes cardDeal{0%{transform:translateY(-50px) rotateY(180deg) scale(.5);opacity:0}60%{transform:translateY(5px) rotateY(10deg) scale(1.05);opacity:1}to{transform:translateY(0) rotateY(0) scale(1);opacity:1}}.enhanced-card-flip{animation:cardFlip .6s ease-in-out}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.enhanced-pot-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;min-height:240px;border-radius:14px;background:var(--pot-bg, linear-gradient(180deg, rgba(255,215,102,.98), rgba(255,191,0,.98)));border:3px solid var(--pot-border, #d4af37);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 28px #0003,0 0 35px var(--pot-glow, rgba(255,215,0,.4));padding:14px;z-index:5}.enhanced-pot-chips{display:flex;gap:3px;margin-bottom:10px;align-items:flex-end}.enhanced-pot-amount{font-size:20px;font-weight:800;color:#2d0a2e;text-shadow:0 2px 4px rgba(0,0,0,.1)}.enhanced-pot-bb{font-size:12px;color:#2d0a2e;opacity:.8;margin-top:3px}.enhanced-actions{display:flex;gap:4px;justify-content:center;margin-top:8px;flex-wrap:wrap}.enhanced-action-btn{width:32px;height:32px;border-radius:50%;border:2px solid #ddd;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.enhanced-action-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #0003}.enhanced-action-btn:active:not(:disabled){transform:scale(.95)}.enhanced-action-btn:disabled{opacity:.4;cursor:not-allowed}.enhanced-action-btn.fold{border-color:#dc143c;color:#dc143c}.enhanced-action-btn.check{border-color:#228b22;color:#228b22}.enhanced-action-btn.call{border-color:#4169e1;color:#4169e1}.enhanced-action-btn.raise{border-color:#ff8c00;color:#ff8c00}.enhanced-action-btn.shove{border-color:#8b008b;color:#8b008b}.enhanced-action-btn.post{border-color:#daa520;color:#daa520}.enhanced-action-btn.pressed{animation:btnPress .3s ease}@keyframes btnPress{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.enhanced-theme-switcher{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:100;background:#ffffffe6;padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.theme-option:hover{transform:scale(1.1);border-color:#666}.theme-option.active{border-color:#000;box-shadow:0 0 12px #0000004d}.theme-option.classic{background:linear-gradient(135deg,#2d6045,#8b4513)}.theme-option.dark{background:linear-gradient(135deg,#1a1a2e,#8a2be2)}.theme-option.royal{background:linear-gradient(135deg,#4a0e4e,#daa520)}.theme-option.vegas{background:linear-gradient(135deg,#c41e3a,gold)}.enhanced-seat-pod,.enhanced-avatar,.enhanced-action-btn,.enhanced-chip,.enhanced-contribution-badge{transition:all .3s ease}@media (max-width: 1000px){.enhanced-table-container{height:min(65vh,650px)}.enhanced-seat{width:clamp(120px,20vw,160px)}.enhanced-pot-center{width:220px;min-height:200px}}@media (max-width: 768px){.enhanced-table-container{height:min(60vh,550px)}.enhanced-seat{width:clamp(110px,26vw,145px)}.enhanced-avatar{width:42px;height:42px;font-size:15px}.enhanced-pot-center{width:180px;min-height:160px}.enhanced-action-btn{width:28px;height:28px;font-size:14px}}@media (hover: none) and (pointer: coarse){.enhanced-action-btn{width:38px;height:38px;font-size:18px}.enhanced-seat:hover .enhanced-seat-pod{transform:none}.enhanced-seat:active .enhanced-seat-pod{transform:scale(.98)}}:root{--bg:#f4f6f8;--panel:#f8f5f5;--muted:#80736b;--green-felt-1:#2d6045;--green-felt-2:#243127;--accent:#887087;--base-font:16px}html,body{font-size:var(--base-font);min-height:100%}body{font-family:Inter,Arial,sans-serif;margin:12px;color:#222;background:linear-gradient(180deg,#766876,#eef2f4);min-height:100vh;background-size:cover}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;margin-top:20px}.app-title{color:#0b0b0f;font-weight:800;font-size:32px}.app-grid{display:grid;grid-template-columns:50% 50%;gap:12px;align-items:start;font-size:18px}@media (max-width: 1000px){.app-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid #e6e9ec;padding:14px;border-radius:10px;margin-bottom:12px;box-shadow:0 6px 18px #13161a0a}.table-container{width:100%;max-width:100%;height:min(72vh,760px);margin:8px 0;position:relative}.table-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--green-felt-1),var(--green-felt-2));position:relative;box-shadow:inset 0 -6px 24px #00000040}.seat{position:absolute;width:clamp(140px,18vw,200px);min-height:88px;padding:10px;background:#fff;border-radius:10px;border:1px solid #e0e3e6;box-shadow:0 6px 16px #0206170f;text-align:center;font-size:14px;transition:transform .15s ease,box-shadow .15s ease}.seat:hover{transform:translate(-50%,-50%) scale(1.02)}.seat.folded{background:#fff1f1;border-color:#ff6b6b;color:#600}.seat.hero{border:1px solid #e0e3e6;box-shadow:0 6px 16px #0206170f}.pot-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:275px;height:260px;border-radius:12px;background:linear-gradient(180deg,#ffd766fa,#ffbf00fa);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000029;padding:12px}.pot-amount{font-weight:700;font-size:16px}.pot-amount-muted{font-size:12px;color:#222;opacity:.85}.muted{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.left-col{padding-right:6px}.right-col{padding-left:6px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:300px;overflow:auto}.card-grid-btn{padding:8px;border:1px solid #e3e6ea;background:#fff;border-radius:8px;cursor:pointer;font-size:13px}.card-grid-btn.selected{border-color:#1e88e5;background:#e8f1ff}.card-pill{display:inline-block;background:#eee;padding:6px 10px;border-radius:12px;margin-right:6px;font-size:13px}.action-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-form label{display:block;font-size:13px;margin-bottom:4px}.action-history{margin-top:12px}.seat-quick-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px}.seat-quick-actions .qa{padding:6px 8px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:12px}.seat-quick-actions .qa.danger{background:#ffecec;color:#a00;border-color:#f5c2c2}.center-card{display:flex;justify-content:center;align-items:center;height:92vh;background-image:url(/assets/login-xwTAYeaF.jpg);background-size:cover;background-position:center}.login-form{max-width:260px;margin:12px;width:100%;font-size:15px;background-color:#b1a5ad}.login-form{transform:scale(1.7);transform-origin:center}.login-form div{margin-bottom:16px}.login-form h2{margin-top:0;font-size:20px}.setup-panel{max-width:720px;font-size:20px;margin:198px auto;background-color:#aa96a3}.setup-panel div{margin-bottom:16px}.card{display:inline-block;line-height:0;min-width:48px;min-height:68px}.card img,.card svg{width:100%!important;height:100%!important;display:block;object-fit:contain}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:9999}.modal{width:520px;max-width:92%;background:#fff;border-radius:10px;padding:12px;box-shadow:0 8px 42px #00000047}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-body{margin-top:12px}.close-btn{background:transparent;border:0;font-size:16px;cursor:pointer}.docs-panel{max-height:70vh;overflow:auto}.warning{color:#b22222}.danger{background:#f8d7da;color:#842029;border:1px solid #f5c2c7;padding:6px 8px;border-radius:4px}.contrib-pill{display:inline-block;background:#fff7e6;border:1px solid #ffe3a8;color:#6b4a00;padding:4px 8px;border-radius:12px;font-size:12px}.seat-action-inline select,.seat-action-inline input{padding:6px;border-radius:6px;border:1px solid #e3e6ea;font-size:13px}.seat-header{display:flex;gap:8px;justify-content:center;align-items:center}.board-row{display:flex;gap:6px;align-items:center;justify-content:center}@media (max-width: 700px){.pot-center{width:180px;height:180px}.seat{width:clamp(120px,36vw,160px)}}.qa.pressed{animation:btn-press .26s ease}@keyframes btn-press{0%{transform:translateY(0) scale(1);box-shadow:0 6px 16px #0206170f}40%{transform:translateY(4px) scale(.985);box-shadow:none}to{transform:translateY(0) scale(1);box-shadow:0 6px 16px #0206170f}}.shoresh{background:#314235;border:1px solid #e6e9ec;padding:14px;border-radius:10px;margin-bottom:12px;font-weight:300;color:#f0eceb;box-shadow:0 6px 18px #13161a0a}.btn{font-size:15px;line-height:1.2;padding:10px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s;background:#eceff3;color:#222}.btn:hover{background:#dde3ea}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#5562e6,#363b92);color:#fff;border-color:#3f479e}.btn-primary:hover{background:linear-gradient(135deg,#6671f0,#3b429b)}.btn-primary:active{background:#3a3f83}.btn-secondary{background:#fff;border-color:#c9ced4}.btn-secondary:hover{background:#f3f6f9}.btn-outline{background:#fafafa;border-color:#cacaca;color:#333}.btn-outline:hover{background:#f0f0f0}.btn-danger{background:linear-gradient(135deg,#d95454,#a53030);color:#fff;border-color:#a53030}.btn-danger:hover{background:linear-gradient(135deg,#e46868,#b43737)}.mode-card{background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #d8dbe0;padding:22px;border-radius:14px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;gap:12px}.mode-card-disabled{opacity:.65;position:relative}.mode-card-disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#fff3 0,#fff3 8px,#fafafa33 8px,#fafafa33 16px);border-radius:14px;pointer-events:none}.mode-badge{font-size:12px;margin-left:10px;background:#ffe7c2;padding:4px 10px;border-radius:20px;font-weight:600;letter-spacing:.5px}.table-meta{font-size:12px;margin-left:6px;color:#444}.table-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.board-slot{min-width:72px;height:42px;display:flex;align-items:center;justify-content:center;background:#f2f4f6;border:1px dashed #c9ced4;border-radius:8px;font-size:13px;color:#666}.board-slot.filled{border-style:solid;background:#fff;font-weight:600;color:#222}.qa.pressed,.seat.pressed{animation:seatFlash .34s ease}@keyframes seatFlash{0%{box-shadow:0 0 #ffd23a00}50%{box-shadow:0 0 0 6px #ffd23a59}to{box-shadow:0 0 #ffd23a00}}.explanation-scroll{font-size:15px;line-height:1.45}.explanation-scroll h1,.explanation-scroll h2,.explanation-scroll h3{font-size:1.05em;margin-top:1em;border-bottom:1px solid #d5d5d5;padding-bottom:4px}.explanation-scroll::-webkit-scrollbar{width:10px}.explanation-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.explanation-scroll::-webkit-scrollbar-thumb{background:#c2c6cc;border-radius:10px}.explanation-scroll::-webkit-scrollbar-thumb:hover{background:#a7adb5}.seat-quick-actions{display:flex;flex-wrap:wrap;gap:4px}.seat-quick-actions .qa{font-size:11px;padding:4px 6px}.seat .hero-label{color:#9d1313;font-weight:800;font-size:14px;margin-left:1px;letter-spacing:.4px}body{min-width:768px;overflow-x:auto}@media (min-width: 768px) and (max-width: 834px){.app-grid{grid-template-columns:1fr;gap:16px}.table-container{height:min(60vh,600px)}.pot-center{width:240px;height:220px}.seat{width:clamp(150px,20vw,180px);font-size:13px}.setup-panel{max-width:90%;margin:100px auto}.login-form{transform:scale(1.5)}}@media (min-width: 835px) and (max-width: 1000px){.app-grid{grid-template-columns:1fr;gap:18px}.table-container{height:min(65vh,700px)}.pot-center{width:260px;height:240px}.seat{width:clamp(160px,18vw,190px)}.setup-panel{max-width:85%;margin:120px auto}}@media (min-width: 1001px) and (max-width: 1366px){.app-grid{grid-template-columns:50% 50%;gap:14px}.table-container{height:min(68vh,720px)}.pot-center{width:250px;height:235px}.panel{padding:16px}.setup-panel{max-width:800px;margin:150px auto}}@media (min-width: 1367px){.app-grid{grid-template-columns:50% 50%;gap:16px}.table-container{height:min(72vh,800px)}.pot-center{width:290px;height:270px}.setup-panel{max-width:900px;margin:180px auto}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;padding:12px 18px;font-size:16px}.qa{min-height:40px;padding:8px 12px;font-size:13px}.card-grid-btn{padding:10px;min-height:44px}.seat:hover{transform:translate(-50%,-50%) scale(1)}.btn:hover{transform:none}.seat:active{transform:translate(-50%,-50%) scale(.98)}.btn:active{transform:translateY(2px)}input,select,textarea{min-height:44px;font-size:16px;padding:10px}input:focus,select:focus,textarea:focus{font-size:16px}}@media (orientation: landscape) and (max-height: 768px){.table-container{height:min(80vh,650px)}.pot-center{width:220px;height:200px}.app-header{margin-bottom:15px;margin-top:10px}.panel{padding:12px}.setup-panel{margin:80px auto}}@media (orientation: portrait) and (min-width: 768px){.app-grid{grid-template-columns:1fr}.table-container{height:min(50vh,600px)}}.btn,.qa,.card-grid-btn,.seat-quick-actions,.toolbar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.docs-panel,.explanation-scroll,.action-history{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5){.app-title{font-size:28px}.panel{font-size:17px}.seat{font-size:13px}}@media (max-width: 767px){body:before{content:"⚠️ This application requires a minimum screen width of 768px (tablet or larger). Please use a tablet, iPad, or desktop computer.";display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;color:#333;padding:40px 20px;text-align:center;font-size:18px;line-height:1.6;z-index:999999}#root{display:none!important}}