:root{--bg-primary:#2a2a38;--bg-secondary:#1d2129;--bg-card:#334155;--bg-board:#1e293b;--board-surface:#1e293b;--board-line:#94a3b8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-goat:#38bdf8;--accent-goat-dark:#0284c7;--accent-tiger:#ea580c;--accent-tiger-dark:#c2410c;--accent-gold:#fbbf24;--accent-green:#4ade80;--danger:#ef4444;--border:#334155;--font:"Inter", system-ui, -apple-system, sans-serif;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:absolute;top:0;left:0;right:0}.header-title,.header .btn-restart{pointer-events:auto}.header-title{align-items:center;gap:10px;display:flex}.header-icon{color:var(--accent-gold);font-size:24px}.header h1{letter-spacing:3px;color:var(--text-primary);font-size:18px;font-weight:800}.btn{font-family:var(--font);letter-spacing:1px;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-restart{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-restart:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.game-area{justify-content:center;align-items:stretch;gap:24px;margin:4vh 0 auto;padding:60px 20px 80px;display:flex;transform:none}.scores-col,.logs-col{flex-direction:column;gap:20px;display:flex}.scores-col .panel{flex:1;justify-content:center}.btn-replay-launch{color:#fff;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(135deg,#221105eb,#482c12eb);border:1px solid #ffffff1f;width:100%;min-height:48px;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 24px #2211052e}.btn-replay-launch.show{visibility:visible;opacity:1;pointer-events:auto}.btn-replay-launch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2211053d}.btn-replay-launch:disabled,.replay-step-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.logs-panel{flex-direction:column;flex:1;min-height:0;max-height:min(55vw,77vh);display:flex}.logs-panel .panel-log{flex:1;min-height:0;max-height:none;margin-top:0}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:10vw;padding:24px 16px;transition:box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 30px #0000000f}.panel:before{content:"";border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);background:0 0;width:6px;transition:background .3s;position:absolute;top:0;bottom:0;left:-1px}.panel.active:before{background:var(--accent-goat)}#panelBagh.active:before{background:var(--accent-tiger)}.panel-right:before{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);left:auto;right:-1px}.panel-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.panel-header h2{letter-spacing:2px;color:var(--text-secondary);font-size:13px;font-weight:700}.piece-icon{background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:50%;width:28px;height:28px}.piece-icon-bakhra{background-color:var(--accent-goat);border:2px solid var(--accent-goat-dark);mask-image:url(./goat-DSUhzyYW.webp);mask-position:50%;mask-size:80%;mask-repeat:no-repeat}.piece-icon-bagh{background-color:var(--accent-tiger);border:2px solid var(--accent-tiger-dark);mask-image:url(./Tiger-Dbo__3p2.webp);mask-position:50%;mask-size:80%;mask-repeat:no-repeat}.stat-grid{flex-direction:column;gap:12px;display:flex}.stat{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.stat-value-danger,.stat-value-warn{color:var(--text-primary)}.board-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.board-actions{gap:16px;width:max-content;display:flex;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.board-wrapper{aspect-ratio:1;border-radius:var(--radius);background:var(--bg-secondary);width:min(55vw,77vh);min-height:400px;overflow:hidden;box-shadow:0 16px 48px #0000001a,0 0 0 1px #0000000a}#gameCanvas{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.game-over-overlay{backdrop-filter:blur(8px);border-radius:var(--radius);z-index:10;background:#0f172ad9;justify-content:center;align-items:center;animation:.4s fadeIn;display:none;position:absolute;inset:0}.game-over-overlay.show{display:flex}.game-over-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:36px 48px;box-shadow:0 16px 48px #00000080}.game-over-card h2{letter-spacing:2px;margin-bottom:8px;font-size:28px;font-weight:800}.game-over-card p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.game-over-card .btn{padding:10px 28px;font-size:14px}.game-over-card .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.game-over-card .btn-cancel{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.game-over-card .btn-cancel:hover{background:var(--bg-card);box-shadow:0 4px 12px #0000000d}.game-over-buttons{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-log{border-top:1px dashed var(--border);flex-direction:column;flex:1;gap:8px;min-height:100px;max-height:250px;margin-top:16px;padding-top:12px;display:flex}.panel-log-header{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.panel-log-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.panel-log-scroll::-webkit-scrollbar{width:4px}.panel-log-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.log-entry{color:var(--text-primary);background:0 0;border-left:2px solid #0000;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:500}.log-entry:last-child{font-weight:600}.log-entry:last-child.log-goat{border-left-color:var(--accent-goat)}.log-entry:last-child.log-tiger{border-left-color:var(--accent-tiger)}.log-entry:last-child.log-capture{border-left-color:var(--danger)}.log-entry:last-child.log-system{border-left-color:var(--text-secondary)}.log-entry:last-child.log-win{border-left-color:var(--accent-gold)}.log-entry.log-active{background:#38bdf833;border-radius:4px;font-weight:600;transition:background .2s;border-left-color:var(--accent-goat)!important}.log-entry.log-active.log-tiger,.log-entry.log-active.log-capture{background:#ea580c33;border-left-color:var(--accent-tiger)!important}.log-entry.log-active.log-system{background:#49505714;border-left-color:var(--text-secondary)!important}.momo-container{z-index:100;cursor:pointer;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:30px;left:30px}.momo-img{object-fit:contain;filter:drop-shadow(0 10px 15px #00000026);width:80px;height:80px;transition:transform .3s;animation:3s ease-in-out infinite bounceFloat}.momo-container:hover .momo-img{animation-play-state:paused;transform:scale(1.1)}.momo-tooltip{color:#4a2e14;white-space:nowrap;pointer-events:none;opacity:0;background:#fff8e7;border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:800;transition:all .3s;animation:5s infinite attentionTooltip;position:absolute;bottom:100%;left:0;transform:translateY(10px);box-shadow:0 4px 12px #00000026}.momo-tooltip:after{content:"";border:6px solid #0000;border-top-color:#fff8e7;position:absolute;top:100%;left:40px;transform:translate(-50%)}.momo-container:hover .momo-tooltip{opacity:1;animation:none;transform:translateY(0)}.momo-steam-container{opacity:1;pointer-events:none;gap:6px;animation:5s infinite hideSteam;display:flex;position:absolute;bottom:60px;left:40px;transform:translate(-50%)}.momo-container:hover .momo-steam-container{opacity:0;animation:none}.steam{filter:blur(1px);opacity:0;background:0 0;border-radius:50%;width:10px;height:30px}.steam-1{border-left:2px solid #786e6499;animation:2.6s ease-in infinite floatSteamA}.steam-2{border-right:2px solid #786e6480;animation:2.2s ease-in .4s infinite floatSteamB}.steam-3{border-left:2px solid #786e64b3;animation:2.8s ease-in 1s infinite floatSteamA}.steam-4{border-right:2px solid #786e6480;animation:2.4s ease-in .7s infinite floatSteamB}@keyframes floatSteamA{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}30%{opacity:1}60%{transform:translateY(-25px)translate(3px)scale(1.2)}to{opacity:0;transform:translateY(-50px)translate(-4px)scale(1.5)}}@keyframes floatSteamB{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}30%{opacity:1}60%{transform:translateY(-25px)translate(-3px)scale(1.2)}to{opacity:0;transform:translateY(-50px)translate(4px)scale(1.5)}}@keyframes hideSteam{0%,75%,to{opacity:1}80%,95%{opacity:0}}@keyframes bounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes attentionTooltip{0%,75%,to{opacity:0;transform:translateY(10px)}80%,95%{opacity:1;transform:translateY(0)}}.seo-content{max-width:800px;color:var(--text-secondary);margin:0 auto;padding:60px 28px 40px;line-height:1.7}.seo-content-title{letter-spacing:1px;color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:22px;font-weight:800}.seo-content-intro{text-align:center;margin-bottom:32px;font-size:15px}.seo-content details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;transition:box-shadow .2s;overflow:hidden}.seo-content details:hover,.seo-content details[open]{box-shadow:0 4px 16px #0000000f}.seo-content summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;list-style:none;transition:background .2s;display:flex}.seo-content summary:hover{background:var(--bg-card)}.seo-content summary:after{content:"+";color:var(--text-muted);flex-shrink:0;margin-left:12px;font-size:20px;font-weight:600;transition:transform .2s}.seo-content details[open] summary:after{content:"−"}.seo-content summary::-webkit-details-marker{display:none}.seo-content summary h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.seo-content details>p,.seo-content details>ul,.seo-content details>dl{padding:0 20px 16px;font-size:14px}.seo-content details>p:first-of-type{padding-top:0}.seo-content ul{margin:0;padding-left:20px}.seo-content li{margin-bottom:8px}.seo-faq dt{color:var(--text-primary);margin-top:16px;font-size:14px;font-weight:700}.seo-faq dt:first-child{margin-top:0}.seo-faq dd{border-left:2px solid var(--border);color:var(--text-secondary);margin-top:6px;margin-left:0;padding-left:16px;font-size:14px}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);max-width:800px;margin:0 auto;padding:24px 20px 32px;font-size:13px}.site-footer p{margin-bottom:4px}.site-footer a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.site-footer a:hover{color:var(--text-primary)}@media (width<=1100px){.game-area{flex-direction:column;align-items:center;gap:32px;padding:40px 16px 60px;transform:none}.board-actions,.replay-bar{margin:10px 0;position:static;transform:none}.replay-bar{opacity:0;pointer-events:none}.replay-bar.show{opacity:1;pointer-events:auto;transform:none}.board-container{gap:16px;width:100%;max-width:600px}.btn-replay-launch{order:2;max-width:640px}.board-wrapper{width:100%;height:auto}.scores-col{display:contents}.desktop-only{display:none!important}#panelBakhra{order:1}.board-container{order:3}#panelBagh{order:4}.panel{flex-direction:row;align-items:center;width:100%;max-width:640px;padding:16px 20px}.panel-header{border-bottom:none;border-right:1px solid var(--border);margin-bottom:0;margin-right:20px;padding-bottom:0;padding-right:20px}.panel-right:before{border-radius:var(--radius) 0 0 var(--radius);left:-1px;right:auto}.panel .stat-grid{flex-direction:row;flex:1;justify-content:space-around;gap:20px}.stat{text-align:center;flex-direction:column;gap:4px}.panel-log{display:none}}@media (width<=500px){.game-area{gap:12px;margin:0;padding:50px 8px 24px}.board-container{gap:8px;width:100%;max-width:100%}.board-wrapper{aspect-ratio:1;width:100%;height:auto;min-height:auto}.panel{margin:0;padding:12px 16px}.panel-header h2{display:none}.panel-header{margin-right:12px;padding-right:12px}.panel .stat-grid{gap:10px}.stat-label{font-size:11px}.stat-value{font-size:16px}.header{padding:10px 16px}.momo-container{display:none!important}#btnExitRoom .exit-text{display:none}#btnExitRoom{justify-content:center;width:48px;height:48px;border-radius:50%!important;padding:12px!important;bottom:16px!important;right:16px!important}}