@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Rajdhani:wght@500;600;700&family=Vazirmatn:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Vazirmatn:wght@300;400;500;600;700;800;900&family=Cinzel:wght@400;600;700;900&display=swap";:root{--bg-deep: #0a1120;--bg-surface: rgba(15, 23, 42, .92);--bg-surface-elevated: rgba(30, 41, 59, .95);--border-glass: rgba(255, 255, 255, .12);--border-glass-hover: rgba(56, 189, 248, .6);--cyan-glow: #38bdf8;--cyan-glow-dim: rgba(56, 189, 248, .2);--amber-glow: #f59e0b;--crimson-glow: #ef4444;--emerald-glow: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--font-fa: "Vazirmatn", -apple-system, BlinkMacSystemFont, sans-serif;--font-tactical: "Rajdhani", "Orbitron", monospace}.risk-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-fa);direction:rtl;z-index:20}.risk-page *{box-sizing:border-box;-webkit-user-select:none;user-select:none}.risk-page #canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;box-shadow:0 16px 36px #00000073,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.16,1,.3,1)}#top-bar{position:absolute;top:16px;left:20px;right:20px;height:68px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.top-section-left,.top-section-right{display:flex;align-items:center;gap:14px}.brand-badge{display:flex;align-items:center;gap:8px}.brand-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--cyan-glow))}.brand-title{font-family:"Orbitron",var(--font-fa);font-size:20px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#ffffff 40%,var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.turn-badge{background:#00e5ff1f;border:1px solid var(--border-glass);padding:4px 12px;border-radius:20px;font-family:var(--font-tactical);font-size:15px;font-weight:700;color:var(--cyan-glow)}.current-player-display{display:flex;align-items:center;gap:12px;background:#16233b99;padding:6px 16px;border-radius:30px;border:1px solid var(--border-glass)}.player-avatar-circle{font-size:22px}.player-info-meta{display:flex;flex-direction:column}.player-label{font-size:11px;color:var(--text-muted)}.player-name{font-size:15px;font-weight:700}.phase-stepper{display:flex;align-items:center;gap:8px;background:#00000059;padding:4px;border-radius:24px}.phase-pill{padding:6px 14px;border-radius:18px;font-size:12px;font-weight:600;color:var(--text-muted);transition:all .25s ease}.phase-pill.active{background:var(--cyan-glow);color:#060913;font-weight:800;box-shadow:0 0 12px var(--cyan-glow)}.icon-btn{background:#16233bb3;border:1px solid var(--border-glass);color:var(--text-main);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.icon-btn:hover{background:#00e5ff33;border-color:var(--cyan-glow);box-shadow:0 0 12px var(--cyan-glow-dim);transform:translateY(-2px)}#left-panel{position:absolute;top:96px;right:20px;width:270px;bottom:120px;z-index:10;display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;margin-bottom:6px}.panel-title{font-size:13px;font-weight:700;color:var(--cyan-glow);letter-spacing:.5px}.players-container{display:flex;flex-direction:column;gap:10px}.player-card{background:#0a101e8c;border:1px solid rgba(255,255,255,.06);border-right:4px solid var(--cyan-glow);border-radius:8px;padding:10px 12px;transition:all .25s ease}.player-card.active-player{background:#00e5ff14;border-color:var(--border-glass-hover);box-shadow:0 0 16px #00e5ff26}.player-card.eliminated{opacity:.35;filter:grayscale(1)}.player-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.player-avatar{font-size:16px}.player-title{font-size:13px;font-weight:700;flex:1}.badge-human,.badge-ai{font-size:10px;padding:2px 6px;border-radius:10px;background:#ffffff1a;color:var(--text-muted)}.player-stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.player-stats-row b{color:var(--text-main);font-family:var(--font-tactical)}.continents-container{display:flex;flex-direction:column;gap:6px}.continent-item{background:#00000040;border-radius:6px;padding:6px 10px;font-size:11px}.cont-info{display:flex;justify-content:space-between;margin-bottom:2px;font-weight:600}.cont-bonus{font-family:var(--font-tactical);color:var(--amber-glow)}.cont-status{font-size:10px;color:var(--text-muted)}#right-panel{position:absolute;top:96px;left:20px;width:290px;z-index:10;padding:18px}.territory-empty-state{text-align:center;color:var(--text-muted);font-size:13px;padding:24px 0}.t-header{margin-bottom:14px}.t-name-fa{font-size:18px;font-weight:800;color:#fff}.t-name-en{font-family:var(--font-tactical);font-size:13px;color:var(--text-muted);direction:ltr;text-align:right}.t-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.t-detail-row .label{color:var(--text-muted)}.t-detail-row .val{font-weight:700}.t-adj-container{margin-top:12px}.t-adj-container .label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:6px}.t-adj-list{display:flex;flex-wrap:wrap;gap:5px}.adj-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:2px 8px;border-radius:12px;font-size:11px}.battle-odds-box{margin-top:14px;background:#00e5ff14;border:1px solid var(--border-glass);border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center}.odds-val{font-family:var(--font-tactical);font-size:18px;font-weight:800}#action-dock{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:680px;max-width:90vw;height:90px;z-index:10;display:flex;align-items:center;justify-content:center;padding:0 24px}#action-dock.ai-thinking{background:#ff174426;border-color:#ff174459;box-shadow:0 0 30px #ff174433}#action-dock.ai-thinking:after{content:"هوش مصنوعی در حال بررسی و تحلیل نبرد...";color:#ff80ab;font-weight:700;font-size:15px;animation:pulseText 1.5s infinite}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}.dock-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.dock-left,.dock-right{display:flex;align-items:center;gap:12px}.dock-badge-title{font-size:12px;color:var(--text-muted)}.dock-badge-val{font-family:var(--font-tactical);font-size:22px;font-weight:800;color:var(--cyan-glow)}.btn-tactical{background:linear-gradient(135deg,#16233be6,#0a1423e6);border:1px solid var(--border-glass);color:var(--text-main);padding:10px 18px;border-radius:8px;font-family:var(--font-fa);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-tactical:hover:not(:disabled){border-color:var(--cyan-glow);box-shadow:0 0 14px var(--cyan-glow-dim);transform:translateY(-2px)}.btn-tactical:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-tactical.btn-primary{background:linear-gradient(135deg,#00b0ff,#00e5ff);color:#060913;border-color:#80f0ff;box-shadow:0 0 16px #00e5ff66}.btn-tactical.btn-danger{background:linear-gradient(135deg,#d50000,#ff1744);color:#fff;border-color:#ff80ab;box-shadow:0 0 16px #ff174466}.btn-tactical.btn-amber{background:linear-gradient(135deg,#ff8f00,#ffd600);color:#060913;border-color:#ffe082;box-shadow:0 0 16px #ffd60066}.dice-selector{display:flex;gap:6px}.dice-opt-btn{background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);padding:4px 10px;border-radius:6px;font-family:var(--font-tactical);font-size:12px;cursor:pointer}.dice-opt-btn.active{border-color:var(--crimson-glow);background:#ff174433;color:#fff;box-shadow:0 0 8px #ff17444d}.tactical-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:6px;background:#ffffff26;border-radius:3px;outline:none}.tactical-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan-glow);cursor:pointer;box-shadow:0 0 8px var(--cyan-glow)}#event-log-container{position:absolute;bottom:20px;right:20px;width:270px;height:85px;z-index:10;padding:8px 12px;display:flex;flex-direction:column}.log-header{font-size:11px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px;margin-bottom:4px}.event-feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:11px}.log-entry{line-height:1.4}.log-time{color:var(--text-muted);font-family:var(--font-tactical);margin-left:4px}.log-reinforce{color:#80d8ff}.log-combat{color:#ff8a80}.log-conquest{color:#ffd180;font-weight:700}.log-victory{color:#b9f6ca;font-weight:800}.log-warning{color:#ffab40}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#040810d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-window{width:580px;max-width:95vw;background:#0d1527f2;border:1px solid var(--border-glass-hover);border-radius:16px;box-shadow:0 24px 60px #000000b3,0 0 30px #00e5ff33;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.modal-title{font-size:18px;font-weight:800;color:var(--cyan-glow)}.btn-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.btn-close:hover{color:#fff}#combat-dice-container{width:100%;height:220px;background:#04081099;border-radius:12px;overflow:hidden;position:relative}.combat-score-banner{display:flex;justify-content:space-between;align-items:center;background:#0006;padding:12px 18px;border-radius:10px}.combat-combatant{display:flex;flex-direction:column;align-items:center;gap:4px}.combatant-name{font-size:14px;font-weight:700}.combatant-troops{font-family:var(--font-tactical);font-size:26px;font-weight:800;color:var(--cyan-glow)}.combat-vs{font-family:Orbitron,monospace;font-size:18px;font-weight:800;color:var(--crimson-glow)}.combat-round-log{text-align:center;font-size:13px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.loss-red{color:#ff5252;font-weight:700}.loss-blue{color:#40c4ff;font-weight:700}.combat-actions-row{display:flex;justify-content:center;gap:12px}.conquest-movement-box{background:#00e6761a;border:1px solid rgba(0,230,118,.3);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.conquest-title{color:var(--emerald-glow);font-weight:800;font-size:15px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff99}.hidden{display:none!important}.cards-modal-window{max-width:760px;width:92%}.cards-explanation-box{background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:14px 18px;margin-bottom:16px;font-size:13px;line-height:1.6}.rule-title{font-weight:700;color:var(--amber-glow);margin-bottom:4px}.rule-desc{color:var(--text-muted);margin-bottom:10px}.stars-table-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.star-badge-item{background:#1e293bd9;border:1px solid rgba(245,158,11,.35);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;color:#fbbf24}.territory-match-hint{font-size:12px;color:#38bdf8;border-top:1px dashed rgba(255,255,255,.1);padding-top:8px}.cards-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--text-muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:290px;overflow-y:auto;padding:4px;margin-bottom:16px}.risk-card-item{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:165px}.risk-card-item:hover{transform:translateY(-4px);border-color:var(--cyan-glow);box-shadow:0 8px 20px #00000080}.risk-card-item.selected{border-color:#fbbf24;box-shadow:0 0 16px #f59e0b80;background:linear-gradient(145deg,#2a2012,#0f172a)}.card-stars-display{font-size:18px;color:#fbbf24;letter-spacing:2px;margin-bottom:4px}.card-type-icon{font-size:32px;margin:4px 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.card-territory-fa{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.card-territory-en{font-size:10px;color:var(--text-muted)}.card-ownership-tag{margin-top:6px;font-size:10px;padding:2px 6px;border-radius:4px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.cards-action-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-glass);padding-top:14px}.cards-empty-message{grid-column:1 / -1;text-align:center;padding:30px;color:var(--text-muted);font-size:14px}.risk-lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172ae0,#0a1120fa);padding:20px}.risk-lobby-panel{max-width:820px;width:100%;padding:32px;display:flex;flex-direction:column;gap:22px}.risk-lobby-header{text-align:center;border-bottom:1px solid var(--border-glass);padding-bottom:18px}.risk-lobby-title{font-family:"Orbitron",var(--font-fa);font-size:26px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;text-shadow:0 0 16px var(--cyan-glow)}.risk-lobby-subtitle{color:var(--text-muted);font-size:14px}.risk-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 768px){.risk-slots-grid{grid-template-columns:repeat(2,1fr)}}.risk-slot-card{background:#1e293bb3;border:1px solid var(--border-glass);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .25s ease;position:relative;overflow:hidden}.risk-slot-card.filled{border-color:#38bdf866;background:#1e293be6;box-shadow:0 4px 12px #0000004d}.risk-slot-card.is-me{border-color:var(--cyan-glow);box-shadow:0 0 15px var(--cyan-glow-dim)}.risk-slot-card.empty{border-style:dashed;opacity:.55}.risk-slot-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 10px #00000080;flex-shrink:0}.risk-slot-info{display:flex;flex-direction:column;overflow:hidden}.risk-slot-name{font-weight:700;font-size:14px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.risk-slot-faction{font-size:11px;color:var(--text-muted)}.risk-lobby-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:10px}.mp-page{--mp-b: min(94vw, calc(100vh - 96px) , 720px);--mp-ink: #14302c;--mp-cell: #f6f1e1;--mp-line: #8fa59f;--mp-teal: #0ea5a4;position:relative;width:100%;max-width:1320px;padding:58px 12px 28px;direction:rtl;color:#f1f5f9;font-family:Vazirmatn,Tahoma,sans-serif;box-sizing:border-box}.mp-page *,.mp-page *:before,.mp-page *:after{box-sizing:border-box}.mp-loading{text-align:center;padding:80px 0;color:#94a3b8}.mp-top{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:18px;font-weight:800;font-size:15px;color:#6ef3f6;pointer-events:none}.mp-top-room{font-weight:500;font-size:12px;color:#94a3b8}.mp-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:80;background:#7f1d1df2;color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px #00000080;animation:mpPop .25s ease-out}.mp-btn{font:inherit;font-weight:700;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5a4,#0b7a8a);padding:9px 18px;border-radius:10px;font-size:clamp(12px,calc(var(--mp-b) * .021),15px);box-shadow:0 4px 14px #0ea5a459;transition:transform .15s,filter .15s}.mp-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.mp-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.mp-btn.sec{background:transparent;border:1.5px solid rgba(255,255,255,.3);box-shadow:none;color:#e2e8f0}.mp-btn.big{font-size:17px;padding:13px 34px}.mp-btn.small{padding:4px 12px;font-size:12px;margin-top:8px}.mp-btn:focus-visible,.mp-prop-btns button:focus-visible{outline:3px solid #6ef3f6;outline-offset:2px}.mp-hint{color:#94a3b8;font-size:13px;margin:6px 0}.mp-wait{max-width:640px;margin:26px auto 0;text-align:center;padding:28px 22px;background:linear-gradient(160deg,#0f3354d1,#0a2540f0);border:1px solid rgba(110,243,246,.22);border-radius:22px;box-shadow:0 30px 80px #0000008c,inset 0 1px #6ef3f61a}.mp-wait-emoji{font-size:54px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.mp-wait h1{margin:8px 0 4px;font-size:30px;font-weight:900;color:#6ef3f6}.mp-sub{color:#cbd5e1;margin:0 0 16px;font-size:14px}.mp-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}.mp-seat{border:2px dashed rgba(255,255,255,.18);border-radius:14px;padding:14px 8px;background:#02061759}.mp-seat.full{border-style:solid;background:#0206178c}.mp-seat-tk{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff14;border:2px solid rgba(255,255,255,.7);box-shadow:0 4px 10px #0006}.mp-seat-name{font-weight:700;font-size:14px;word-break:break-word}.mp-seat-sub{font-size:11px;color:#94a3b8;margin-top:3px}.mp-rules{margin-top:18px;text-align:right;color:#cbd5e1;font-size:13px}.mp-rules summary{cursor:pointer;font-weight:700;color:#6ef3f6}.mp-rules li{margin:6px 0;line-height:1.8}.mp-main{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start}.mp-board{width:var(--mp-b);aspect-ratio:1;display:grid;direction:ltr;gap:1px;grid-template-columns:1.6fr repeat(9,1fr) 1.6fr;grid-template-rows:1.6fr repeat(9,1fr) 1.6fr;background:var(--mp-line);border:6px solid var(--mp-teal);border-radius:12px;box-shadow:0 14px 40px #0000008c,0 0 0 2px #0006}.mp-cell{direction:rtl;position:relative;overflow:hidden;cursor:pointer;color:var(--mp-ink);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;font-size:clamp(5.5px,calc(var(--mp-b) * .0135),10.5px);line-height:1.25;font-weight:700;background:linear-gradient(160deg,var(--mp-cell),#e7dfc6);transition:filter .15s}.mp-cell:hover{filter:brightness(1.06)}.mp-cell.sel{outline:3px solid #f59e0b;outline-offset:-3px;z-index:2}.mp-cell.mort{background:repeating-linear-gradient(135deg,#d9d3c0 0,#d9d3c0 6px,#cfc8b2 6px,#cfc8b2 12px)}.mp-bar{width:100%;height:22%;min-height:4px;font-size:.78em;line-height:1.2;box-shadow:inset 0 -2px #00000040;overflow:hidden}.mp-nm{padding:0 1px}.mp-ic{font-size:2em;line-height:1.1}.mp-pr{color:#5d716d;font-weight:500}.mp-own{position:absolute;bottom:0;left:0;right:0;height:4px}.mp-mort-tag{position:absolute;top:28%;right:2px;background:#7f1d1d;color:#fff;font-size:.8em;padding:0 3px;border-radius:3px;transform:rotate(-12deg)}.mp-tks{display:flex;flex-wrap:wrap;justify-content:center;min-height:2em}.mp-tk{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px #0009;font-size:1.45em;margin:0 -.15em;animation:mpHop .28s ease-out}.mp-tk.active{box-shadow:0 0 0 2px #f59e0b,0 0 10px #f59e0b;z-index:2}.mp-mid{grid-row:2 / 11;grid-column:2 / 11;direction:rtl;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;background:radial-gradient(circle,#0f3a40 0 24%,transparent 62%),repeating-conic-gradient(from 0deg,rgba(110,243,246,.13) 0 10deg,transparent 10deg 20deg),#0c2f33;color:#e6fffb;overflow:hidden}.mp-mid-title{font-size:clamp(22px,calc(var(--mp-b) * .07),52px);line-height:1;letter-spacing:6px}.mp-mid-name{font-weight:900;font-size:clamp(14px,calc(var(--mp-b) * .045),32px);color:#6ef3f6;text-shadow:0 2px 0 rgba(0,0,0,.4)}.mp-dice{display:flex;gap:14px;margin:4px 0;animation:mpRoll .7s ease-out}.mp-die{width:clamp(34px,calc(var(--mp-b) * .08),58px);aspect-ratio:1;background:#fff;border-radius:18%;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:14%;box-shadow:0 3px #b8b8b8,0 7px 12px #0006}.mp-die i{border-radius:50%}.mp-die i.on{background:#14302c}.mp-turn{font-weight:800;font-size:clamp(12px,calc(var(--mp-b) * .024),17px);filter:brightness(1.35)}.mp-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.mp-cardmsg{max-width:82%;background:#fffdf4;color:#14302c;border-radius:10px;padding:7px 12px;border:2px solid #f59e0b;font-size:clamp(11px,calc(var(--mp-b) * .02),14px);box-shadow:0 6px 18px #00000073;animation:mpPop .3s ease-out}.mp-buy{max-width:90%;font-size:clamp(11px,calc(var(--mp-b) * .021),15px)}.mp-buy-title{font-weight:800}.mp-over{display:flex;flex-direction:column;align-items:center;gap:8px}.mp-over-tk{font-size:clamp(40px,calc(var(--mp-b) * .12),90px);animation:mpHop .6s ease-out infinite alternate}.mp-over-txt{font-weight:900;font-size:clamp(16px,calc(var(--mp-b) * .04),28px);color:#fbbf24}.mp-side{width:min(94vw,340px);display:flex;flex-direction:column;gap:10px}.mp-box{background:linear-gradient(160deg,#0f3354c7,#0a2540eb);border:1px solid rgba(110,243,246,.2);border-radius:14px;padding:12px;font-size:13px;box-shadow:0 10px 28px #0006}.mp-box h3{margin:0 0 8px;font-size:14px;color:#6ef3f6}.mp-pl{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:4px 0;border-radius:10px;border-inline-start:5px solid;background:#0206174d}.mp-pl.on{background:#6ef3f624;box-shadow:0 0 0 1px #6ef3f666}.mp-pl.dead{opacity:.45}.mp-pl.dead .mp-pl-name{text-decoration:line-through}.mp-pl-tk{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;border:1.5px solid #fff;flex:none}.mp-pl-name{flex:1;font-weight:700;word-break:break-word}.mp-pl-money{display:flex;flex-direction:column;align-items:flex-end}.mp-pl-money small{color:#94a3b8;font-size:10px}.mp-deed{background:#fffdf4;color:#14302c;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #00000059}.mp-deed-head{padding:8px 10px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mp-deed-body{padding:8px 10px;font-size:12px}.mp-deed-body .row{display:flex;justify-content:space-between;padding:2px 0}.mp-deed-body .row.sep{border-top:1px dashed #b9ae94;margin-top:4px;padding-top:5px}.mp-region{color:#5d716d;margin-bottom:4px}.mp-owner{margin-top:6px;padding-top:6px;border-top:1px solid #e0d8bd}.mp-prop{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.12);flex-wrap:wrap}.mp-prop-name{cursor:pointer;font-weight:600}.mp-prop-name em{color:#94a3b8;font-style:normal;font-weight:400;font-size:11px}.mp-prop-btns{display:flex;gap:4px}.mp-prop-btns button{font:inherit;font-size:11px;border:1px solid rgba(110,243,246,.4);background:#0ea5a42e;color:#e6fffb;padding:3px 7px;border-radius:7px;cursor:pointer}.mp-prop-btns button:disabled{opacity:.35;cursor:default}.mp-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px}.mp-leg{display:flex;justify-content:space-between;padding:3px 0;color:#cbd5e1}.mp-log{max-height:190px;overflow:auto;color:#cbd5e1;font-size:12px}.mp-log div{padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.mp-log .lg-turn{color:#6ef3f6}.mp-log .lg-rent{color:#fca5a5}.mp-log .lg-buy,.mp-log .lg-build{color:#86efac}.mp-log .lg-bankrupt,.mp-log .lg-jail{color:#fdba74}.mp-log .lg-win{color:#fbbf24;font-weight:800}@keyframes mpHop{0%{transform:translateY(-9px) scale(1.25)}to{transform:none}}@keyframes mpPop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes mpRoll{0%{transform:rotate(0) translateY(-22px) scale(1.2)}70%{transform:rotate(540deg) translateY(0) scale(1)}to{transform:rotate(720deg)}}@media (prefers-reduced-motion: reduce){.mp-dice,.mp-tk,.mp-cardmsg,.mp-over-tk,.mp-toast{animation:none}}@media (max-width: 720px){.mp-page{padding-top:54px}.mp-board{border-width:3px}}.mp-btn.gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#3b2300;box-shadow:0 4px 16px #f59e0b73}.mp-hint b{color:#e2e8f0}.mp-log .lg-auction{color:#fcd34d}.mp-log .lg-trade{color:#c4b5fd}.mp-cell.auc{outline:3px solid #fbbf24;outline-offset:-3px;z-index:3;animation:mpPulse 1s ease-in-out infinite}.mp-jc-badge{margin-inline-start:4px;font-size:12px;background:#fbbf2433;border-radius:8px;padding:0 5px}.mp-trade-btn{font:inherit;font-size:16px;line-height:1;border:1px solid rgba(110,243,246,.35);background:#0ea5a42e;color:#fff;border-radius:9px;padding:5px 7px;cursor:pointer;transition:transform .15s,background .15s}.mp-trade-btn:hover{transform:scale(1.12);background:#0ea5a466}.mp-trade-btn:focus-visible{outline:3px solid #6ef3f6;outline-offset:2px}.mp-tradebar{text-align:center;color:#c4b5fd;font-weight:700;animation:mpPop .3s ease-out}.mp-mycards{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding:8px;background:#fbbf2414;border-radius:10px;border:1px dashed rgba(251,191,36,.35)}.mp-mycards .mp-hint{flex:1;min-width:120px;margin:0;font-size:11.5px;line-height:1.7}.jc{--w: 190px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:var(--w);aspect-ratio:5 / 7;padding:calc(var(--w) * .06) calc(var(--w) * .05) calc(var(--w) * .05);border-radius:calc(var(--w) * .08);overflow:hidden;direction:rtl;text-align:center;color:#fff;font:inherit;font-size:calc(var(--w) * .082);font-weight:900;line-height:1.2;flex:none;border:calc(var(--w) * .022) solid #fbbf24;box-shadow:0 10px 28px #00000080,inset 0 0 0 calc(var(--w) * .014) #ffffff59,inset 0 0 calc(var(--w) * .1) #00000040}.jc-chance{background:radial-gradient(circle at 50% 35%,#8b5cf6 0,#5b21b6 55%,#2e1065)}.jc-chest{background:radial-gradient(circle at 50% 35%,#2dd4bf 0,#0f766e 55%,#083a3a)}.jc:before{content:"";position:absolute;inset:calc(var(--w) * .035);border:1.5px dashed rgba(253,230,138,.55);border-radius:calc(var(--w) * .055);pointer-events:none}.jc-title{position:relative;z-index:1;padding:0 .2em;text-shadow:0 2px 0 rgba(0,0,0,.45);color:#fff3b0;letter-spacing:-.01em}.jc-art{position:relative;z-index:1;width:92%;height:auto;flex:1;min-height:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.jc-foot{position:relative;z-index:1;font-size:.82em;font-weight:800;padding:.12em .8em;border-radius:99px;background:#00000059;color:#fde68a}.jc-count{position:absolute;top:4px;left:6px;z-index:2;background:#f59e0b;color:#3b2300;border-radius:99px;padding:0 .5em;font-size:.8em}.jc-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);background-size:260% 100%;background-position:130% 0;animation:jcShine 3.6s ease-in-out infinite}.jc-spark{transform-box:fill-box;transform-origin:center;animation:jcSpark 1.8s ease-in-out infinite}.jc-key{animation:jcKey 2.6s ease-in-out infinite;transform-origin:40px 118px}.jc-lg{--w: min(210px, 52vw)}.jc-md{--w: 150px}.jc-sm{--w: 82px}.jc-sm .jc-foot,.jc-xs .jc-foot{display:none}.jc-sm .jc-title{font-size:1.15em}.jc-xs{--w: 60px}.jc-xs .jc-title{font-size:1.25em}.jc-sm .jc-shine,.jc-xs .jc-shine{animation:none}.jc.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.jc.clickable:hover:not(:disabled){transform:translateY(-4px) rotate(-1.5deg)}.jc.clickable:focus-visible{outline:3px solid #6ef3f6;outline-offset:3px}.jc.picked{transform:translateY(-5px) scale(1.04);box-shadow:0 0 0 3px #6ef3f6,0 0 22px #6ef3f6cc,0 10px 22px #00000080}.jc:not(.picked).clickable{filter:saturate(.7) brightness(.85)}.mp-pop{grid-row:2 / 11;grid-column:2 / 11;z-index:6;direction:rtl;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;background:#031216b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mpFade .25s ease-out}.mp-pop-in{display:flex;flex-direction:column;align-items:center;gap:12px;perspective:900px}.mp-pop-note{max-width:320px;text-align:center;color:#fde68a;font-weight:700;font-size:clamp(12px,calc(var(--mp-b) * .022),15px);line-height:1.8;animation:mpPop .5s .7s both}.mp-flip{position:relative;width:clamp(190px,calc(var(--mp-b) * .42),300px);height:clamp(120px,calc(var(--mp-b) * .26),190px)}.mp-flip.jail{width:min(210px,52vw);height:calc(min(210px,52vw)*1.4)}.mp-flip-in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:mpFlip .95s cubic-bezier(.2,.8,.2,1) both}.mp-flip .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mp-flip .back{transform:rotateY(180deg);font-size:54px;border:3px solid #fbbf24;box-shadow:0 14px 34px #0009}.mp-flip.chance .back,.mp-flip.jail .back{background:repeating-linear-gradient(45deg,#5b21b6 0,#5b21b6 10px,#4c1d95 10px,#4c1d95 20px)}.mp-flip.chest .back{background:repeating-linear-gradient(45deg,#0f766e 0,#0f766e 10px,#115e59 10px,#115e59 20px)}.mp-flip.jail .back{border-radius:16px}.mp-flip .front{background:#fffdf4;color:#14302c;padding:14px 16px;gap:6px;border:3px solid #f59e0b;box-shadow:0 14px 34px #0009}.mp-flip.jail .front{background:none;border:0;box-shadow:none;padding:0}.mp-flip.chance .front b{color:#6d28d9}.mp-flip.chest .front b{color:#0f766e}.mp-flip .front b{font-size:clamp(15px,calc(var(--mp-b) * .028),20px)}.mp-flip .front p{margin:0;font-weight:700;line-height:1.8;font-size:clamp(12px,calc(var(--mp-b) * .024),17px)}.mp-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:14px;background:#020a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mpFade .2s ease-out;overflow:auto}.mp-modal{position:relative;direction:rtl;width:min(96vw,640px);max-height:94vh;overflow:auto;padding:18px;color:#f1f5f9;background:linear-gradient(160deg,#0f3354,#0a2540);border:1px solid rgba(110,243,246,.3);border-radius:20px;box-shadow:0 30px 90px #000000b3,inset 0 1px #6ef3f61f;animation:mpPop .28s ease-out;font-family:Vazirmatn,Tahoma,sans-serif}.mp-modal.trade{width:min(96vw,900px)}.mp-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mp-modal-head h2{margin:0;font-size:19px;font-weight:900;color:#6ef3f6}.mp-modal-head p{margin:2px 0 0;font-size:12.5px;color:#94a3b8;line-height:1.7}.mp-modal-head .gavel{font-size:38px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.gavel{display:inline-block;animation:mpGavel .5s ease-out;transform-origin:80% 90%}.mp-x{margin-inline-start:auto;align-self:flex-start;font:inherit;color:#cbd5e1;background:#ffffff14;border:0;border-radius:9px;width:32px;height:32px;cursor:pointer;flex:none}.mp-x:hover{background:#ffffff2e}.mp-modal-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.chip{font:inherit;font-size:12px;font-weight:700;color:#e6fffb;background:#0ea5a433;border:1px solid rgba(110,243,246,.35);border-radius:99px;padding:4px 11px;cursor:pointer;transition:background .15s,transform .15s}.chip:hover{background:#0ea5a46b;transform:translateY(-1px)}.chip:focus-visible,.tc-pt:focus-visible,.pc:focus-visible{outline:3px solid #6ef3f6;outline-offset:2px}.auc-grid{display:grid;grid-template-columns:minmax(180px,230px) 1fr;gap:14px;align-items:start}.auc-side{display:flex;flex-direction:column;gap:10px;min-width:0}.auc-bid{text-align:center;padding:12px;border-radius:14px;background:radial-gradient(circle at 50% 0,#fbbf2438,#02061766);border:1px solid rgba(251,191,36,.35)}.auc-bid small{color:#fcd34d;font-weight:700}.auc-bid-n{font-size:36px;font-weight:900;color:#fde68a;line-height:1.25;text-shadow:0 3px 0 rgba(0,0,0,.35);animation:mpBump .4s ease-out}.auc-leader{font-weight:800;font-size:14px;color:#94a3b8}.auc-base{font-size:11px;color:#94a3b8;margin-top:4px}.auc-list{display:flex;flex-direction:column;gap:5px}.auc-p{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;border-inline-start:5px solid;background:#02061759;font-size:13px;transition:background .2s}.auc-p .nm{flex:1;font-weight:700;word-break:break-word}.auc-p .st{font-size:11.5px;color:#94a3b8;white-space:nowrap}.auc-p.turn{background:#6ef3f629;box-shadow:0 0 0 1px #6ef3f680;animation:mpPulse 1.3s ease-in-out infinite}.auc-p.turn .st{color:#6ef3f6;font-weight:800}.auc-p.lead .st{color:#fcd34d;font-weight:800}.auc-p.out{opacity:.5}.auc-p.out .nm{text-decoration:line-through}.auc-ctl{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.18)}.auc-money{font-size:13px;color:#cbd5e1;margin-bottom:8px}.auc-quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.auc-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.auc-inp{display:flex;align-items:center;gap:4px;background:#0206178c;border:1.5px solid rgba(110,243,246,.4);border-radius:10px;padding:0 10px;flex:1;min-width:120px}.auc-inp span{color:#94a3b8;font-weight:800}.auc-inp input{flex:1;min-width:0;font:inherit;font-weight:800;font-size:18px;color:#fff;background:none;border:0;outline:none;padding:8px 0}.auc-inp:focus-within{border-color:#6ef3f6;box-shadow:0 0 0 3px #6ef3f633}.auc-err{min-height:20px;margin-top:6px;font-size:12px;color:#fca5a5}.auc-wait{margin-top:14px;text-align:center;color:#cbd5e1;font-weight:700;padding:10px;background:#02061759;border-radius:12px}.pc{position:relative;display:flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;color:#14302c;text-align:start;cursor:pointer;background:#f6f1e1;border:2px solid transparent;border-radius:10px;padding:5px 9px 5px 8px;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.pc-bar{width:6px;align-self:stretch;margin:-5px 0 -5px -8px;margin-inline-start:-8px;margin-inline-end:2px;background:var(--pc);flex:none}.pc small{margin-inline-start:auto;color:#5d716d;font-weight:600;font-size:11px}.pc:hover:not(:disabled){transform:translateY(-2px)}.pc.on{border-color:#0ea5a4;box-shadow:0 0 0 3px #0ea5a473;background:#e3fbf7}.pc.dis{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.pc:disabled:not(.dis){cursor:default}.pc.mini{font-size:11.5px;padding:3px 8px 3px 6px}.pc-ck{position:absolute;top:0;left:0;background:#0ea5a4;color:#fff;font-size:10px;padding:0 5px;border-bottom-right-radius:8px}.tc-partners{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tc-pt{font:inherit;font-weight:800;font-size:13px;color:#e2e8f0;background:#02061766;border:2px solid transparent;border-radius:99px;padding:5px 14px;cursor:pointer}.tc-pt span{margin-inline-end:3px}.tc-pt.on{border-color:var(--c);background:#ffffff1a;box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent)}.tc-grid,.tv-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}.tv-arrow{align-self:center;font-size:26px;color:#6ef3f6;text-shadow:0 0 12px rgba(110,243,246,.6)}.tc-panel,.ts{min-width:0;background:#02061759;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px}.tc-ph,.ts-h{display:flex;align-items:center;gap:8px;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid}.tc-ph small,.ts-h small{display:block;color:#94a3b8;font-size:11px}.tc-ph b,.ts-h b{font-size:14px;word-break:break-word}.tc-cash{margin-inline-start:auto;font-weight:800;font-size:12px;color:#86efac}.tc-money{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tc-money span{font-size:12.5px;font-weight:700}.tc-money input{flex:1;min-width:70px;max-width:110px;font:inherit;font-weight:800;color:#fff;background:#02061799;border:1.5px solid rgba(110,243,246,.35);border-radius:8px;padding:5px 8px;outline:none}.tc-money input:focus{border-color:#6ef3f6}.tc-sub{font-size:11.5px;font-weight:800;color:#6ef3f6;margin:8px 0 5px}.tc-props{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto;padding:2px}.tc-cards{display:flex;gap:8px;flex-wrap:wrap;padding:6px 2px}.tc-err{min-height:22px;margin-top:10px;text-align:center;font-size:12.5px;color:#fca5a5}.ts-empty{color:#94a3b8;font-size:12px;padding:6px 2px}.ts-money{font-weight:900;font-size:17px;color:#86efac;margin-bottom:6px}.ts-props{display:flex;flex-wrap:wrap;gap:5px}.ts-cards{display:flex;gap:8px;margin-top:8px}@keyframes mpFade{0%{opacity:0}to{opacity:1}}@keyframes mpPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes mpBump{0%{transform:scale(1.35);color:#fff}to{transform:none}}@keyframes mpGavel{0%{transform:rotate(-55deg) translateY(-6px)}60%{transform:rotate(8deg)}to{transform:none}}@keyframes mpFlip{0%{transform:rotateY(180deg) scale(.7)}70%{transform:rotateY(-6deg) scale(1.04)}to{transform:rotateY(0) scale(1)}}@keyframes jcShine{0%,55%{background-position:130% 0}to{background-position:-40% 0}}@keyframes jcSpark{0%,to{opacity:.15;transform:translate(var(--tx, 0)) scale(.5)}50%{opacity:1}}@keyframes jcKey{0%,to{transform:translate(0)}50%{transform:translate(3px) rotate(4deg)}}@media (prefers-reduced-motion: reduce){.jc-shine,.jc-spark,.jc-key,.gavel,.mp-flip-in,.mp-modal,.mp-modal-back,.mp-pop,.mp-cell.auc,.auc-p.turn,.auc-bid-n,.mp-pop-note{animation:none}}@media (max-width: 720px){.auc-grid{grid-template-columns:1fr}.auc-grid .mp-deed{max-width:300px;margin:0 auto}.tc-grid,.tv-grid{grid-template-columns:1fr}.tv-arrow{transform:rotate(90deg);justify-self:center}.tc-props{max-height:170px}.mp-modal{padding:14px}}:root{--bg: #020c1b;--bg-deep: #020c1b;--bg-mid: #0a2540;--bg-surface: #0f3354;--bg-card: #11385a;--surface: #0a2540;--card: #0f3354;--gold: #6ef3f6;--gold-hi: #b2f5f7;--gold-lo: #1598a0;--gold-dim: #1598a0;--gold-light: #b2f5f7;--amber: #1aabaf;--ivory: #e0f7fa;--walnut: #1598a0;--muted: #8ab2c5;--dim: #2a4a5a;--bd: rgba(110,243,246,.15);--bd-hi: rgba(110,243,246,.4);--border-dim: rgba(110, 243, 246, .15);--border-glow: rgba(110, 243, 246, .4);--text-primary:#f0fbff;--text-muted: #8ab2c5;--text-dim: #4a6a7a;--check-red: #ff5252;--water-light: #6ef3f6;--water-mid: #1598a0;--water-deep: #084d61;--glass: rgba(10,37,70,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Vazirmatn,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse at top,var(--surface) 0%,var(--bg) 70%);color:var(--ivory);min-height:100vh;overflow-x:hidden;direction:rtl;user-select:none;-webkit-user-select:none}body>*{position:relative;z-index:2}.min-h-screen{min-height:100vh}.w-full{width:100%}.relative{position:relative}.fixed{position:fixed}.top-4{top:1rem}.left-4{left:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.cursor-pointer{cursor:pointer}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.page-wrap{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;width:100%}.hero{text-align:center;margin-bottom:44px}.logo-ring{width:80px;height:80px;border-radius:50%;border:2px solid var(--bd-hi);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;background:radial-gradient(circle,rgba(110,243,246,.1) 0%,transparent 70%);box-shadow:0 0 30px #6ef3f61f,inset 0 0 20px #6ef3f60f;animation:logo-breathe 4s ease-in-out infinite}@keyframes logo-breathe{0%,to{box-shadow:0 0 20px #6ef3f61f}50%{box-shadow:0 0 50px #6ef3f652}}.hero-title{font-family:Cinzel,serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:900;letter-spacing:.12em;background:linear-gradient(135deg,var(--water-deep) 0%,var(--water-light) 50%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.hero-sub{font-size:12px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-weight:300}.game-cards{display:flex;gap:12px;margin-bottom:36px;flex-wrap:wrap;justify-content:center;max-width:820px}.game-card{width:130px;padding:18px 10px;border:1px solid var(--bd);border-radius:14px;background:linear-gradient(160deg,#0f335499,#0a2540d9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all .25s cubic-bezier(.2,0,0,1);text-align:center;position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(110,243,246,.08) 0%,transparent 60%);opacity:0;transition:opacity .25s}.game-card:hover:after{opacity:1}.game-card:hover{border-color:var(--bd-hi);transform:translateY(-4px);box-shadow:0 16px 40px #00000080,0 0 0 1px var(--bd-hi)}.game-card.selected{border-color:var(--water-light);box-shadow:0 0 0 1px var(--water-light),0 0 28px #6ef3f633}.game-card.selected:after{opacity:1}.card-dot{position:absolute;top:9px;left:9px;width:6px;height:6px;border-radius:50%;background:var(--water-light);box-shadow:0 0 8px var(--water-light);opacity:0;transition:opacity .2s}.game-card.selected .card-dot{opacity:1}.card-icon{font-size:32px;display:block;margin-bottom:8px;transition:transform .25s}.game-card:hover .card-icon{transform:scale(1.15)}.card-title{font-size:12px;font-weight:700;color:var(--ivory);margin-bottom:3px}.card-sub{font-size:10px;color:var(--muted)}.card-badge{position:absolute;top:7px;right:7px;font-size:9px;font-weight:700;background:linear-gradient(135deg,var(--amber),var(--water-mid));color:#fff;padding:2px 6px;border-radius:20px;letter-spacing:.04em}.login-panel{width:100%;max-width:380px;background:linear-gradient(160deg,#0f3354bf,#0a2540eb);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--bd);border-radius:20px;padding:34px 30px;box-shadow:0 0 0 1px #0006,0 32px 80px #0009,inset 0 1px #6ef3f614}.section-label{font-size:10px;font-weight:500;color:var(--gold-lo);letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--bd)}.field-group{margin-bottom:12px;text-align:right}.field-label{font-size:11px;color:var(--muted);margin-bottom:5px;display:block}input[type=text]{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--bd);background:#020c1b8c;color:var(--ivory);font-family:Vazirmatn,sans-serif;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]::placeholder{color:var(--dim)}input[type=text]:focus{border-color:var(--bd-hi);box-shadow:0 0 0 3px #6ef3f614}.error-msg{background:#ff52521a;border:1px solid rgba(255,82,82,.3);border-radius:8px;padding:10px 14px;font-size:12px;color:#ff8080;margin-bottom:14px}.submit-btn{width:100%;padding:13px;margin-top:6px;border:1px solid var(--water-mid);border-radius:12px;background:linear-gradient(160deg,var(--water-mid) 0%,var(--water-deep) 100%);color:var(--ivory);font-weight:700;font-size:14px;cursor:pointer;font-family:Vazirmatn,sans-serif;letter-spacing:.04em;transition:all .22s;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .45s}.submit-btn:hover:before{left:100%}.submit-btn:hover{border-color:var(--water-light);box-shadow:0 6px 24px #6ef3f640;background:linear-gradient(160deg,#1aabaf 0%,var(--water-mid) 100%);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.footer{margin-top:36px;font-size:11px;color:var(--dim);letter-spacing:.05em;text-align:center}.glass-container,.glass{background:linear-gradient(160deg,#0f3354a6,#0a2540d9);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--border-dim);border-radius:16px;box-shadow:0 0 0 1px #0000004d,0 20px 60px #00000080,inset 0 1px #6ef3f626}.game-layout{display:flex;flex-direction:column;gap:16px;align-items:center;padding:20px;width:100%}.scoreboard{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:510px;padding:14px 24px;border-radius:14px}.player{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:120px}.player.w-player{align-items:flex-end}.player-info{display:flex;align-items:center;gap:8px}.player-name{font-size:14px;font-weight:700;color:var(--text-primary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-weight:400}.score{background:#6ef3f61a;border:1px solid var(--border-dim);padding:2px 10px;border-radius:20px;color:var(--water-light);font-size:13px;font-weight:700;min-width:28px;text-align:center}.vs-divider{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vs-text{font-family:Cinzel,serif;font-size:11px;color:var(--text-dim);letter-spacing:.12em}.vs-line{width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--water-light),transparent)}.piece-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.status-box{position:relative;z-index:2;margin-bottom:16px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px;padding:0 2px;text-shadow:0 0 10px rgba(110,243,246,.4)}.status-indicator{width:6px;height:6px;border-radius:50%;background:var(--water-light);box-shadow:0 0 6px var(--water-light);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.board-wrapper.glass-container{background-color:#e0f7fa17!important;backdrop-filter:blur(25px) saturate(140%)!important;-webkit-backdrop-filter:blur(25px) saturate(140%)!important;border:2px solid rgba(110,243,246,.6)!important;box-shadow:0 0 40px #6ef3f673,0 20px 50px #000000a6,inset 0 0 25px #ffffff40!important;padding:24px 24px 20px;border-radius:16px;position:relative;overflow:hidden}.board3d-container{width:460px;height:460px;max-width:85vw;max-height:85vw;border-radius:14px;overflow:hidden;touch-action:none;cursor:grab}.board3d-container:active{cursor:grabbing}.board3d-container.hidden{display:none}.ct-fab{position:fixed;left:20px;bottom:20px;z-index:50;width:50px;height:50px;border-radius:50%;border:1px solid var(--border-glow);background:linear-gradient(160deg,#0f3354d9,#0a2540f2);color:var(--water-light);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00000080,0 0 20px #6ef3f640;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}.ct-fab:hover{transform:scale(1.07) rotate(20deg);box-shadow:0 12px 34px #0000008c,0 0 28px #6ef3f666}.ct-panel{position:fixed;left:20px;bottom:84px;z-index:50;width:300px;max-height:70vh;overflow-y:auto;background:linear-gradient(160deg,#0f3354eb,#081c30f5);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--border-dim);border-radius:16px;box-shadow:0 20px 60px #0000008c,inset 0 1px #6ef3f61f;padding:14px;color:var(--text-primary);transition:opacity .2s ease,transform .2s ease}.ct-panel.hidden{opacity:0;pointer-events:none;transform:translateY(8px) scale(.98)}.ct-panel-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;color:var(--water-light);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-dim)}.ct-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:4px}.ct-close:hover{color:var(--water-light)}.ct-3d-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-primary);padding:6px 4px 10px;margin-bottom:8px;border-bottom:1px dashed var(--border-dim);cursor:pointer}.ct-switch{position:relative;display:inline-block;width:38px;height:20px}.ct-switch input{opacity:0;width:0;height:0}.ct-switch-track{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#020c1bb3;border:1px solid var(--border-dim);border-radius:20px;transition:.2s}.ct-switch-thumb{position:absolute;height:14px;width:14px;left:3px;top:2px;background:var(--text-muted);border-radius:50%;transition:.2s}.ct-switch input:checked+.ct-switch-track{background:linear-gradient(135deg,var(--water-mid),var(--water-light));border-color:var(--water-light)}.ct-switch input:checked+.ct-switch-track .ct-switch-thumb{transform:translate(18px);background:#020c1b}.ct-grid{display:grid;grid-template-columns:1fr;gap:8px}.ct-card{display:flex;align-items:center;gap:10px;padding:8px;background:#020c1b73;border:1px solid var(--border-dim);border-radius:10px;cursor:pointer;text-align:right;transition:all .2s}.ct-card:hover{border-color:var(--border-glow);background:#020c1bb3;transform:translate(-3px)}.ct-card.active{border-color:var(--water-light);box-shadow:0 0 15px #6ef3f640;background:#6ef3f614}.ct-mini{width:36px;height:36px;border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.ct-card-name{font-size:13px;font-weight:700;color:var(--ivory)}.ct-card-tag{font-size:10px;color:var(--text-muted);display:block}.ct-hint{margin-top:10px;font-size:10px;color:var(--text-dim);line-height:1.5}.bg-page{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:0 12px}.wood-panel{background:linear-gradient(180deg,#ffdcaa24,#00000061),url(/img/textures/wood-walnut.jpg) center / 420px;border:1px solid rgba(243,210,122,.45);box-shadow:inset 0 1px #ffe6be59,inset 0 -2px 6px #0000008c,0 10px 28px #0000008c}.bg-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;border-radius:14px;gap:12px}.bg-player-box{display:flex;flex-direction:column;gap:2px;min-width:120px;padding:6px 12px;border-radius:10px;border:1px solid transparent;transition:all .25s}.bg-player-box.active-player{background:#00000061;border-color:#f3d27ab3;box-shadow:0 0 16px #f3d27a59,inset 0 0 10px #0006}.bg-player-label{font-size:10px;color:#e6cf9e;letter-spacing:.08em}.bg-player-name{font-size:14px;font-weight:700;color:#fff4dc;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bg-score{font-size:10px;color:#d9bd80}.bg-piece-dot{width:26px;height:26px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(25,10,2,.9);box-shadow:0 2px 5px #0009,inset 0 0 0 2px #ffffff26}.bg-piece-white{background:radial-gradient(circle at 32% 30%,#ffffffd9,#fff0 55%),url(/img/textures/wood-oak.jpg) center / 90px;background-blend-mode:screen,normal;filter:brightness(1.25)}.bg-piece-black{background:radial-gradient(circle at 32% 30%,#ffd29659,#0000 55%),url(/img/textures/wood-walnut.jpg) center / 90px;filter:brightness(.65)}.bg-center{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.bg-title{font-family:Cinzel,serif;font-size:15px;color:#f3d27a;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.8)}#rollBtn{width:auto;padding:10px 22px;font-size:13px;border-radius:10px;letter-spacing:.04em;display:flex;align-items:center;gap:8px;transition:all .2s;border:1px solid #f3d27a;background:linear-gradient(180deg,#d9a54a,#9c6a22 55%,#7a4f14);color:#2a1405;text-shadow:0 1px 0 rgba(255,235,180,.5);box-shadow:inset 0 1px #fff0c8b3,0 4px 10px #00000080;cursor:pointer;font-family:Vazirmatn,sans-serif;font-weight:800}#rollBtn:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff0c8b3,0 8px 20px #f3d27a66}#rollBtn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:saturate(.6)}.bg-canvas-wrap{width:100%;max-width:860px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #f3d27a40,0 28px 60px #000000bf;position:relative;background:#2a160a}#bg-canvas{display:block;width:100%;image-rendering:auto}.bg-status{font-size:12px;color:#e6cf9e;display:flex;align-items:center;gap:6px}.bg-dot{width:6px;height:6px;border-radius:50%;background:#f3d27a;box-shadow:0 0 6px #f3d27a;animation:pulse-dot 2s infinite}.bg-help{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bg-hint-badge{font-size:11px;color:#e6cf9e;background:#28160a8c;border:1px solid rgba(243,210,122,.22);border-radius:8px;padding:4px 12px}.bm2-app-container{--gold: #e8c77d;--gold-deep: #c9a24f;--p1: #22d3ee;--p2: #fb7185;--p3: #a3e635;--p4: #fbbf24;--glass: rgba(20, 22, 36, .66);--line: rgba(255, 255, 255, .09);--muted: #8d92a8;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 12px;user-select:none;-webkit-user-select:none;position:relative}.bm2-app-container .hud{width:min(100%,1040px)}.bm2-app-container .topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bm2-app-container .brand{display:flex;align-items:center;gap:10px}.bm2-app-container .brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#1b1406;background:linear-gradient(180deg,#f3d891,var(--gold-deep));box-shadow:0 6px 18px #e8c77d40}.bm2-app-container .brand-name{font-weight:900;font-size:20px}.bm2-app-container .actions{display:flex;gap:6px}.bm2-app-container .icon-btn{min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;background:var(--glass);border:1px solid var(--line);color:#cfd2e2;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.bm2-app-container .icon-btn:hover{background:#ffffff17;color:#fff;border-color:#e8c77d66}.bm2-app-container .icon-btn.is-off{color:#fb7185}.bm2-app-container .scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}.bm2-app-container .scoreboard.is-multi{grid-template-columns:1fr auto 1fr}.bm2-app-container .side-cards{display:flex;flex-direction:column;gap:6px}.bm2-app-container .pcard{--pc: var(--p1);display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:14px;background:linear-gradient(180deg,#1c1f30d9,#0f111dd9);border:1px solid var(--line);border-top:2px solid var(--pc);box-shadow:0 8px 25px #00000059;transition:opacity .3s,filter .3s}.bm2-app-container .pcard.is-dead{opacity:.4;filter:grayscale(.8)}.bm2-app-container .pcard-head{display:flex;align-items:center;gap:8px}.bm2-app-container .helmet{width:28px;height:28px;flex:none}.bm2-app-container .pname{font-size:13px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm2-app-container .pips{display:flex;gap:4px}.bm2-app-container .pip{width:10px;height:10px;border-radius:3px;transform:rotate(45deg);border:1.5px solid var(--pc);transition:background .3s}.bm2-app-container .pip.on{background:var(--pc);box-shadow:0 0 8px var(--pc)}.bm2-app-container .stats{display:flex;gap:5px;flex-wrap:wrap}.bm2-app-container .chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 32%,transparent)}.bm2-app-container .chip i{opacity:.6;font-style:normal}.bm2-app-container .chip-flag{opacity:.28;filter:grayscale(.7);padding:2px 6px}.bm2-app-container .chip-flag.on{opacity:1;filter:none}.bm2-app-container .clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;gap:1px}.bm2-app-container .round-label{font-size:11px;color:var(--muted);font-weight:600}.bm2-app-container .time{font-size:32px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--gold)}.bm2-app-container .time.is-low{color:#fb7185}.bm2-app-container .time.is-sudden{color:#ef4444;animation:throb .9s ease-in-out infinite}.bm2-app-container .sudden-tag{font-size:11px;font-weight:700;color:#ef4444;visibility:hidden}.bm2-app-container .sudden-tag.show{visibility:visible}@keyframes throb{50%{transform:scale(1.08)}}.bm2-app-container .stage{width:100%;display:flex;justify-content:center}.bm2-app-container .arena-wrap{position:relative;width:min(100%,1040px,calc((100dvh - 240px) * 15 / 11.42));min-width:min(100%,300px)}.bm2-app-container .arena-canvas{display:block;width:100%;aspect-ratio:15 / 11.42;border-radius:16px;border:1px solid rgba(232,199,125,.2);box-shadow:0 20px 60px #000000b3,0 0 0 3px #ffffff05;background:#0b0e1a}.bm2-app-container .btn{height:44px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;transition:transform .12s,box-shadow .15s,background .15s}.bm2-app-container .btn:active{transform:translateY(1px) scale(.99)}.bm2-app-container .btn-primary{color:#1b1406;background:linear-gradient(180deg,#f6dc98,var(--gold-deep));box-shadow:0 8px 24px #e8c77d47}.bm2-app-container .btn-ghost{background:#ffffff0d;border:1px solid var(--line);color:#e6e8f2}.bm2-app-container .btn-sm{height:34px;padding:0 12px;font-size:12px}.bm2-app-container .btn-lg{height:50px;padding:0 26px;font-size:16px;font-weight:800}.bm2-app-container .btn-block{width:100%}.bm2-app-container .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:16px;background:#04050ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bm2-app-container .panel{width:min(92%,460px);padding:22px;border-radius:20px;background:linear-gradient(180deg,#1e2134f0,#0e101cf5);border:1px solid var(--line);box-shadow:0 30px 80px #000000a6}.bm2-app-container .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bm2-app-container .panel-title{font-size:19px;font-weight:900}.bm2-app-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#05060ca6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bm2-app-container .panel-result{text-align:center}.bm2-app-container .result-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;color:#1b1406;background:linear-gradient(180deg,#f6dc98,var(--gold-deep))}.bm2-app-container .result-score{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 16px;padding:12px;border-radius:12px;background:#00000059;border:1px solid var(--line)}.bm2-app-container .score-cell{display:flex;flex-direction:column;gap:2px}.bm2-app-container .form{display:flex;flex-direction:column;gap:14px}.bm2-app-container .field{display:flex;flex-direction:column;gap:6px}.bm2-app-container .field>label{font-size:12px;font-weight:700;color:#c4c8da;display:flex;justify-content:space-between}.bm2-app-container .field>label em{font-style:normal;color:var(--gold)}.bm2-app-container .field-row{flex-direction:row;align-items:center;justify-content:space-between}.bm2-app-container .segmented{display:flex;padding:3px;gap:3px;border-radius:12px;background:#00000052;border:1px solid var(--line)}.bm2-app-container .segmented button{flex:1;height:32px;border-radius:9px;font-size:12px;font-weight:600;color:var(--muted)}.bm2-app-container .segmented button.on{background:linear-gradient(180deg,#f6dc98,var(--gold-deep));color:#1b1406;font-weight:700}.bm2-app-container .themes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bm2-app-container .theme-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);font-size:12px;font-weight:600;color:#cfd2e2}.bm2-app-container .theme-card.on{border-color:var(--gold);background:#e8c77d1a;color:#fff}.bm2-app-container .swatch{width:26px;height:26px;border-radius:7px;border:1.5px solid;flex:none}.bm2-app-container .toggle{position:relative;width:44px;height:24px;border-radius:999px;background:#ffffff24}.bm2-app-container .toggle span{position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}.bm2-app-container .toggle.on{background:var(--gold-deep)}.bm2-app-container .toggle.on span{inset-inline-start:22px}.bm2-lobby-wrap{width:100%;max-width:580px;margin:16px auto;padding:0 8px}.bm2-lobby-card{background:linear-gradient(180deg,#1c1f30f2,#0f111dfa);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 25px 70px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bm2-lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bm2-lobby-brand{display:flex;align-items:center;gap:12px}.bm2-room-code-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00000059;border:1px dashed rgba(232,199,125,.35);border-radius:14px}.bm2-slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bm2-slot-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;background:#ffffff08;border:1px solid var(--line);min-height:60px}.bm2-slot-card.is-occupied{background:#ffffff0d}.bm2-slot-card.is-empty{border-style:dashed}.bm2-empty-avatar{width:32px;height:32px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.2);display:grid;place-items:center;font-size:12px;font-weight:700}.bm2-badge-me{font-size:10px;padding:2px 6px;border-radius:6px;background:#22d3ee33;color:#22d3ee;font-weight:800}.bm2-badge-host{font-size:10px;padding:2px 6px;border-radius:6px;background:#e8c77d33;color:var(--gold);font-weight:800;display:inline-flex;align-items:center;gap:3px}.bm2-badge-ready{font-size:10px;padding:2px 6px;border-radius:6px;background:#4ade8033;color:#4ade80;font-weight:800;display:inline-flex;align-items:center;gap:3px}.bm2-settings-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:10px;background:#0003;border-radius:12px}.bm2-setting-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.bm2-mobile-dock{position:fixed;bottom:12px;left:0;right:0;padding:0 16px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:100;user-select:none;-webkit-user-select:none;touch-action:none}.bm2-dpad-wrap{pointer-events:auto;touch-action:none}.bm2-dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:4px;align-items:center;justify-items:center;background:#0e1221c7;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:6px;box-shadow:0 12px 35px #0000008c}.bm2-dpad-btn{width:54px;height:54px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform .08s,background .08s,border-color .08s}.bm2-dpad-btn:active,.bm2-dpad-btn.active{background:#e8c77d66;border-color:var(--gold);transform:scale(.92);color:#fde68a}.bm2-dpad-btn.up{grid-column:2;grid-row:1}.bm2-dpad-btn.left{grid-column:1;grid-row:2}.bm2-dpad-center{grid-column:2;grid-row:2;width:14px;height:14px;border-radius:50%;background:#fff3}.bm2-dpad-btn.right{grid-column:3;grid-row:2}.bm2-dpad-btn.down{grid-column:2;grid-row:3}.bm2-action-wrap{pointer-events:auto;touch-action:none}.bm2-bomb-btn{width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#b91c1c);border:3px solid rgba(255,255,255,.45);box-shadow:0 8px 30px #ef444480,inset 0 2px 4px #fff6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform .08s,box-shadow .08s}.bm2-bomb-btn:active{transform:scale(.88);box-shadow:0 2px 10px #ef444499}.bm2-bomb-label{font-size:11px;font-weight:900;margin-top:-2px;letter-spacing:.5px}@media (max-width: 760px){.bm2-app-container .scoreboard{grid-template-columns:1fr 1fr}.bm2-app-container .clock{grid-column:1 / -1;order:-1;flex-direction:row;gap:14px}.bm2-app-container .arena-wrap{width:min(100%,calc((100dvh - 330px) * 15 / 11.42))}.bm2-slots-grid{grid-template-columns:1fr}}.br-page{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:620px;padding:20px 14px 32px}.br-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;gap:12px}.br-player{display:flex;flex-direction:column;gap:5px;min-width:120px}.br-player.right{align-items:flex-end}.br-player-chip{display:flex;align-items:center;gap:8px}.br-player.right .br-player-chip{flex-direction:row-reverse}.br-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.br-color-dot.red{background:#f05060;color:#f05060}.br-color-dot.blue{background:#38bdf8;color:#38bdf8}.lu-page{width:100%;max-width:960px;padding:14px 10px 28px;display:flex;flex-direction:column;align-items:center;gap:12px}.lu-header{width:100%;padding:12px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.lu-players-left,.lu-players-right{display:flex;flex-direction:column;gap:6px}.lu-players-right{align-items:flex-end}.lu-player{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;border:1px solid transparent;transition:all .3s}.lu-player.active-turn{border-color:#6ef3f659;background:#6ef3f60f;box-shadow:0 0 16px #6ef3f61a}.lu-avatar{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;border:2px solid rgba(255,255,255,.2);flex-shrink:0;transition:transform .3s,box-shadow .3s}.lu-avatar.active{transform:scale(1.18);animation:av-p 1.4s ease-in-out infinite}@keyframes av-p{0%,to{opacity:1}50%{opacity:.5}}.av-red{background:radial-gradient(circle at 30% 30%,#ff8090,#a01830);box-shadow:0 3px 10px #f0506066}.av-blue{background:radial-gradient(circle at 30% 30%,#6ea8fe,#1d4ed8);box-shadow:0 3px 10px #3b82f666}.av-grn{background:radial-gradient(circle at 30% 30%,#6ee7a0,#15803d);box-shadow:0 3px 10px #22c55e66}.av-yel{background:radial-gradient(circle at 30% 30%,#fde047,#a16207);box-shadow:0 3px 10px #eab30866}.lu-center{display:flex;flex-direction:column;align-items:center;gap:8px}.lu-roll-btn{padding:8px 20px;border-radius:11px;border:1px solid var(--water-mid);background:linear-gradient(160deg,var(--water-mid),var(--water-deep));color:var(--ivory);font-family:Vazirmatn,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;width:auto}.lu-roll-btn:disabled{opacity:.3;cursor:not-allowed}.wc-layout{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;width:100%;max-width:700px;margin:0 auto}.wc-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;border-radius:14px}.wc-topbar-title{font-family:Cinzel,serif;font-size:18px;color:var(--gold);letter-spacing:.08em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#020c1bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal.hidden{display:none}.modal-content{background:linear-gradient(160deg,#0f3354,#020c1b);border:1px solid var(--water-light);padding:48px 40px 40px;border-radius:20px;text-align:center;max-width:380px;width:90%;box-shadow:0 0 60px #6ef3f633}.modal-crown{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 0 16px rgba(110,243,246,.5))}@media (max-width: 480px){.game-card{width:110px;padding:14px 8px}.login-panel{padding:24px 18px}.hero{margin-bottom:30px}}.hokm-app{--cw: clamp(46px, 8vw, 86px);--ch: calc(var(--cw) * 1.4);--gold: #e8c46a;--ink: #f4efe3;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;font-family:Vazirmatn,Tahoma,sans-serif;background:radial-gradient(ellipse at 50% 45%,#1f8556,#0f4d34 48%,#04170f);color:var(--ink);z-index:20}.hokm-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px);pointer-events:none}.hokm-app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #000000b3;pointer-events:none}.hokm-app .menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative;text-align:center;padding:20px;z-index:2;overflow-y:auto}.hokm-app .float{position:absolute;font-size:70px;opacity:.08;animation:fl 9s ease-in-out infinite;pointer-events:none}@keyframes fl{50%{transform:translateY(-34px) rotate(14deg)}}.hokm-app .logo{font-size:clamp(48px,12vw,90px);font-weight:900;color:var(--gold);text-shadow:0 4px 0 #8a6a1f,0 14px 40px rgba(0,0,0,.5);animation:pop .8s cubic-bezier(.2,1.4,.4,1) both;line-height:1}.hokm-app .sub{opacity:.85;margin-top:-4px}.hokm-app .mbtns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:14px}.hokm-app .mb{cursor:pointer;border:1px solid rgba(232,196,106,.5);background:linear-gradient(160deg,#ffffff24,#ffffff0a);color:var(--ink);padding:14px 24px;border-radius:18px;font:700 18px Vazirmatn,Tahoma,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.25s;min-width:170px}.hokm-app .mb small{display:block;font-weight:400;font-size:13px;opacity:.75;margin-top:4px}.hokm-app .mb:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 34px #00000073,0 0 24px #e8c46a59}@keyframes pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}}.hokm-app .board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:". t ." "l c r" "b b b";padding:58px 8px 6px;z-index:1}.hokm-app .hud{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:6}.hokm-app .pill{background:#00000073;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;display:flex;gap:8px;align-items:center}.hokm-app .pill b{color:var(--gold);font-size:18px;display:inline-block}.hokm-app .trump{font-size:26px;line-height:1;display:inline-flex;align-items:center}.hokm-app .trump.r{color:#ff6b6b}.hokm-app .ib{cursor:pointer;background:none;border:0;color:var(--ink);font:16px Vazirmatn,sans-serif;opacity:.8;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s}.hokm-app .ib:hover{opacity:1}.hokm-app .seat{display:flex;align-items:center;gap:6px;justify-self:center;align-self:center}.hokm-app .s-t{grid-area:t;flex-direction:column}.hokm-app .s-l{grid-area:l;flex-direction:column}.hokm-app .s-r{grid-area:r;flex-direction:column}.hokm-app .av{position:relative;padding:5px 12px;border-radius:30px;background:#00000073;border:2px solid rgba(255,255,255,.15);font-size:13px;white-space:nowrap;transition:.3s;overflow:hidden;display:flex;align-items:center;gap:4px}.hokm-app .av.ally{border-color:#e8c46a99}.hokm-app .av.on{border-color:var(--gold);box-shadow:0 0 14px #e8c46a80}.hokm-app .av.on.ai:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--gold);animation:think 1s linear both}@keyframes think{0%{width:100%}to{width:0}}.hokm-app .backs{display:flex}.hokm-app .s-l .backs,.hokm-app .s-r .backs{flex-direction:column}.hokm-app .bk{width:calc(var(--cw) * .55);height:calc(var(--ch) * .55);margin-inline-start:calc(var(--cw) * -.33);animation:dealto .55s cubic-bezier(.2,.9,.3,1.1) backwards;--dx: 0px;--dy: 0px;border-radius:7px;border:2px solid #f4efe3;background:repeating-linear-gradient(45deg,#1b3a8a 0,#1b3a8a 5px,#274bb0 5px,#274bb0 10px);box-shadow:0 3px 8px #00000073;flex-shrink:0}.hokm-app .s-t .bk{--dy: 200px}.hokm-app .s-l .bk{--dx: 240px;margin-inline-start:0;margin-top:calc(var(--ch) * -.4)}.hokm-app .s-r .bk{--dx: -240px;margin-inline-start:0;margin-top:calc(var(--ch) * -.4)}.hokm-app .bk:first-child{margin:0}@keyframes dealto{0%{transform:translate(var(--dx),var(--dy)) rotate(60deg) scale(.5);opacity:0}}.hokm-app .center{grid-area:c;position:relative;min-height:0;container-type:size}.hokm-app .card.tc{position:absolute;left:50%;top:50%;margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);animation:fly .55s cubic-bezier(.2,.9,.3,1.05) both;z-index:3}.hokm-app .tc.sweep{animation:fly .55s cubic-bezier(.2,.9,.3,1.05) both,sweep .55s .95s cubic-bezier(.5,0,.8,.4) forwards}.hokm-app .tc.win{z-index:4}.hokm-app .tag{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty)));font-size:12px;background:#000000a6;padding:2px 10px;border-radius:10px;white-space:nowrap;z-index:5;animation:fade .3s .4s backwards;border:1px solid rgba(255,255,255,.1)}.hokm-app .tag.w{color:var(--gold)}.hokm-app .tag.out{opacity:0;transition:opacity .3s .7s}.hokm-app .msg{position:absolute;left:50%;bottom:50%;margin-bottom:calc(var(--ch) * 1.05);transform:translate(-50%);background:#0009;padding:6px 18px;border-radius:20px;font-size:14px;white-space:nowrap;animation:msgin .4s both;z-index:5;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hokm-app .msg.w{color:var(--gold);font-weight:900;font-size:17px;border-color:var(--gold)}@keyframes fly{0%{transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.75) rotateY(var(--ry));opacity:0}18%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1) rotateY(0);opacity:1}}@keyframes sweep{0%{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--ss, 1))}to{transform:translate(var(--sx, 0px),var(--sy, 0px)) rotate(200deg) scale(.35);opacity:.4}}@keyframes msgin{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.8)}}.hokm-app .pile{position:absolute;right:6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;opacity:.95}.hokm-app .p0{bottom:4px}.hokm-app .p1{top:4px;flex-direction:column-reverse}.hokm-app .stack{position:relative;width:calc(var(--cw) * .6);height:calc(var(--ch) * .6);border:2px dashed rgba(255,255,255,.25);border-radius:7px}.hokm-app .stack i{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:7px;border:2px solid #f4efe3;background:repeating-linear-gradient(45deg,#1b3a8a 0,#1b3a8a 4px,#274bb0 4px,#274bb0 8px);box-shadow:0 2px 4px #00000080}.hokm-app .cnt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;text-shadow:0 0 6px #000,0 0 12px #000;z-index:2;font-weight:900}.hokm-app .hand{grid-area:b;display:flex;justify-content:center;direction:ltr;padding:12px 0 4px;min-height:calc(var(--ch) + 30px)}.hokm-app .card{width:var(--cw);height:var(--ch);border-radius:9px;background:linear-gradient(160deg,#fff,#ece6d6);color:#1a1a1f;position:relative;box-shadow:0 4px 12px #00000080,inset 0 0 0 1px #00000014;font-family:Georgia,Times New Roman,serif;font-weight:700;flex:none;direction:ltr;-webkit-user-select:none;user-select:none}.hokm-app .card.red{color:#c8202f}.hokm-app .cr{position:absolute;top:4px;left:6px;font-size:calc(var(--cw) * .25);line-height:1;text-align:center}.hokm-app .cr.bot{top:auto;left:auto;bottom:4px;right:6px;transform:rotate(180deg)}.hokm-app .cc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw) * .6)}.hokm-app .card.tr:before{content:"";position:absolute;left:50%;bottom:3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold)}.hokm-app .hand .card{margin-left:calc(var(--cw) * -.52);cursor:pointer;transition:transform .22s,filter .25s,box-shadow .25s;animation:deal .6s cubic-bezier(.2,.9,.3,1.1) backwards}.hokm-app .hand .card:first-child{margin-left:0}.hokm-app .hand .card.ok:hover{transform:translateY(-26px) rotate(-2deg) scale(1.08);z-index:20;box-shadow:0 8px 24px #0009,0 0 12px #e8c46a80}.hokm-app .hand .card.dim{filter:brightness(.5) saturate(.5);cursor:not-allowed;opacity:.6}@keyframes deal{0%{transform:translateY(-300px) translate(var(--dxx, 0px)) rotate(-40deg) scale(.5);opacity:0}}.hokm-app .ov{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:30;animation:fade .3s}@keyframes fade{0%{opacity:0}}.hokm-app .box{background:linear-gradient(160deg,#17302a,#0c1c17);border:1px solid rgba(232,196,106,.5);border-radius:24px;padding:26px 32px;text-align:center;max-width:94vw;box-shadow:0 30px 80px #0009;animation:pop .5s cubic-bezier(.2,1.4,.4,1)}.hokm-app .box h2{margin:0 0 8px;color:var(--gold);font-size:28px}.hokm-app .suits{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.hokm-app .sb{width:70px;height:84px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:#f6f1e4;font-size:36px;cursor:pointer;color:#1a1a1f;transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:pop .5s backwards}.hokm-app .sb small{font:700 12px Vazirmatn,sans-serif;margin-top:2px}.hokm-app .sb.r{color:#c8202f}.hokm-app .sb:hover{transform:translateY(-6px) rotate(-3deg);box-shadow:0 0 24px var(--gold)}.hokm-app .go{margin-top:16px;cursor:pointer;border:0;background:linear-gradient(180deg,#f3d889,#c9a13d);color:#2a1d00;font:900 17px Vazirmatn,sans-serif;padding:12px 28px;border-radius:14px;box-shadow:0 5px #8a6a1f;transition:.15s}.hokm-app .go:active{transform:translateY(4px);box-shadow:0 1px #8a6a1f}@media (max-height: 560px){.hokm-app{--cw: 42px}.hokm-app .board{padding-top:50px}}