.game-screen{--hud-pill:var(--surface);--hud-ink:var(--ink);--hud-muted:var(--muted-ink);--hud-accent:var(--primary);--hud-soft:var(--surface-muted);--hud-line:var(--border);--hud-shadow:var(--shadow-sm);--hud-on-accent:#fff}:root{--screen-height:100svh}@media (display-mode:standalone){:root{--screen-height:100lvh}html:has(.game-screen){min-height:100lvh}}:root{--safe-top:env(safe-area-inset-top,0px)}@supports (-webkit-touch-callout:none){:root{--safe-top:calc(env(safe-area-inset-top, 0px) + min(20px, env(safe-area-inset-top, 0px)))}}.page-shell.game-page{--game-gutter:14px;--game-gap:12px;box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding:0 max(var(--game-gutter),env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(var(--game-gutter),env(safe-area-inset-left,0px))}@media (min-width:981px){.page-shell.game-page{--game-gutter:24px;--game-gap:20px;padding-top:16px;padding-bottom:32px}}.game-mode-shell.game-screen{row-gap:var(--game-gap,12px)}.game-screen>.game-mode-panel{width:min(100%,var(--game-content-max,100%));margin-inline:auto}.game-screen>.game-mode-panel>:first-child{margin-top:0}.game-screen>.game-mode-panel:has(>:is(.room-lobby,.online-room-loading)){width:100%}.game-mode-panel>:is(.room-lobby,.online-room-loading){width:min(100%,1040px);margin-inline:auto;justify-self:center}body:has(.game-screen){padding-bottom:0}body:has(.game-screen) :is(.pwa-update-toast,.push-permission-toast,.push-event-toast){display:none}:where(.game-topbar){position:relative;z-index:20;min-height:58px;padding-block:max(12px,var(--safe-top)) 6px;display:flex;align-items:center;gap:8px;color:var(--hud-ink)}:where(.game-topbar) h1{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;font-size:19px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}:where(.game-topbar-button,.game-menu>summary){flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--hud-line);border-radius:50%;background:var(--hud-pill);color:var(--hud-ink);box-shadow:var(--hud-shadow);cursor:pointer;list-style:none}:where(.game-menu>summary)::-webkit-details-marker{display:none}:where(.game-topbar-button,.game-menu>summary):focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}:where(.game-menu){position:relative}:where(.game-menu-panel){position:absolute;z-index:30;top:calc(100% + 8px);inset-inline-end:0;width:min(320px,calc(100vw - 24px));max-height:calc(100svh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 14px;display:grid;gap:12px;border:1px solid var(--hud-line);border-radius:20px;background:var(--hud-pill);color:var(--hud-ink);box-shadow:0 18px 50px rgba(0,0,0,.32)}:where(.game-menu-panel)>header{display:flex;align-items:center;justify-content:space-between;font-size:14px}:where(.game-menu-panel)>header button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--hud-soft);color:var(--hud-ink);cursor:pointer}:where(.game-menu-panel) section{display:grid;gap:6px}:where(.game-menu-panel) section>small{color:var(--hud-muted);font-size:11px}.game-menu-row{width:100%;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:14px;background:var(--hud-soft);color:var(--hud-ink);font:inherit;font-size:13px;font-weight:800;text-align:start;cursor:pointer}.game-menu-row:disabled{opacity:.5;cursor:default}.game-menu-row[aria-current=true]{box-shadow:inset 0 0 0 1px var(--hud-accent)}:where(.game-menu-choices){display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px}:where(.game-menu-choices) .game-menu-row{justify-content:center;padding:0 6px}:where(.game-menu-panel) :focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}:where(.game-guide){margin:0;overflow:hidden;border:0;border-radius:14px;background:var(--hud-soft);box-shadow:none;backdrop-filter:none}:where(.game-guide) summary{min-height:52px;padding:8px 10px;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;list-style:none;cursor:pointer}:where(.game-guide) summary::-webkit-details-marker{display:none}:where(.guide-icon){width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--hud-accent);color:#fff}:where(.guide-icon) svg{width:17px}:where(.game-guide) summary>span:nth-child(2){display:grid;gap:2px}:where(.game-guide) summary small{color:var(--hud-muted);font-size:11px}:where(.game-guide) summary b{font-size:13px}:where(.guide-chevron){color:var(--hud-muted);transition:transform .2s ease}:where(.game-guide[open] .guide-chevron){transform:rotate(180deg)}:where(.game-guide-body){padding:0 10px 10px}:where(.guide-intro){margin:2px 0 10px;color:var(--hud-muted);font-size:12px;line-height:1.9}:where(.guide-grid){display:grid;gap:8px}:where(.guide-grid) section{padding:10px;display:flex;align-items:flex-start;gap:8px;border-radius:12px;background:var(--hud-pill)}:where(.guide-grid) section>svg{flex:0 0 18px;width:18px;color:var(--hud-accent)}:where(.guide-grid) section div{display:grid;gap:4px}:where(.guide-grid) section b{font-size:12px}:where(.guide-grid) :is(p,ol){margin:0;color:var(--hud-muted);font-size:12px;line-height:1.8}:where(.guide-grid) ol{padding-inline-start:17px}:where(.guide-grid) li+li{margin-top:4px}.game-mode-mini{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05)}.game-mode-mini button{flex:1;min-width:0;min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:9px;background:transparent;color:#b9bed6;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.game-mode-mini button.active{background:linear-gradient(135deg,#ff315f,#ff6b8c);color:#fff;box-shadow:0 6px 14px rgba(255,49,95,.28)}.game-mode-mini button:focus-visible{outline:2px solid #fff;outline-offset:2px}:where(.game-topbar) .game-mode-mini{flex:0 1 auto;border-color:var(--hud-line);background:var(--hud-pill)}:where(.game-topbar) .game-mode-mini button{min-height:34px;padding-inline:10px;color:var(--hud-muted)}.game-topbar .game-mode-mini button.active{background:var(--hud-accent);color:var(--hud-on-accent);box-shadow:none}@media (max-width:340px){:where(.game-topbar) .game-mode-mini button>span{display:none}}.table-undo{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 14px;border:0;border-radius:14px;background:linear-gradient(180deg,#423c9e,#221e68);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #0c0b26,0 8px 16px -8px rgba(0,0,0,.5);font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:15px;font-weight:400;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.table-undo:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 #0c0b26}.table-undo:disabled{opacity:.5;filter:saturate(.5);cursor:default}.table-undo:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.confirm-armed{outline:2px solid var(--hud-accent);outline-offset:2px}:where(.game-topbar-items){display:flex;align-items:center;gap:6px}:where(.game-topbar-items,.game-topbar-sound){display:flex;align-items:center;gap:6px}:where(.game-topbar-items,.game-topbar-sound):empty{display:none}.game-chat-button{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--hud-line);border-radius:50%;background:var(--hud-pill);color:var(--hud-ink);box-shadow:var(--hud-shadow);cursor:pointer}:where(.game-chat-unread){position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--hud-accent);color:#fff;font-size:11px;font-weight:800}.game-topbar:has(.game-topbar-items>*) .game-mode-mini button>span{display:none}:where(.game-chat-backdrop){position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s}:where(.game-chat-backdrop.show){opacity:1;pointer-events:auto}:where(.game-chat-sheet){position:fixed;z-index:41;bottom:0;inset-inline:0;height:min(78svh,680px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--hud-line);border-bottom:0;border-radius:22px 22px 0 0;background:var(--surface);box-shadow:0 -18px 50px rgba(0,0,0,.35);transform:translateY(105%);transition:transform .26s var(--ease)}:where(.game-chat-sheet.show){transform:translateY(0)}:where(.game-chat-sheet) .chat-panel{min-height:0;height:100%;border:0;border-radius:0}.game-chat-sheet .message-list{flex:1;min-height:0;height:auto}:where(.game-chat-handle){width:44px;height:5px;margin:8px auto 0;border-radius:999px;background:color-mix(in srgb,var(--hud-muted) 50%,transparent)}@media (min-width:701px){:where(.game-chat-sheet){inset-inline:auto 24px;width:min(440px,calc(100% - 48px))}}@media (prefers-reduced-motion:reduce){:where(.game-chat-sheet,.game-chat-backdrop){transition:none}}:where(.game-action-bar){position:sticky;z-index:10;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--surface-soft) 32%)}.game-screen[data-table=landscape] .game-menu-panel{max-height:calc(min(100svh, 100vw) - 70px)}.game-screen[data-orientation=portrait]>.game-topbar{position:sticky;top:0;border-image:conic-gradient(color-mix(in srgb,var(--surface-soft) 90%,transparent) 0 0) fill 0 //0 100vw}.game-screen[data-table=landscape] .game-table{position:fixed;z-index:5;inset:0;width:auto;max-width:none;margin:0;display:flex;flex-direction:row;gap:8px;padding:max(8px,var(--safe-top)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.game-screen:is([data-table=landscape],:has(.chess-board-shell))>.game-topbar{position:fixed;z-index:25;inset:0 0 auto;min-height:0;padding:max(14px,var(--safe-top)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));align-items:flex-start;border-image:none;pointer-events:none}.game-screen:is([data-table=landscape],:has(.chess-board-shell))>.game-topbar>*{pointer-events:auto}.game-screen:is([data-table=landscape],:has(.chess-board-shell))>.game-topbar>h1{visibility:hidden;pointer-events:none}.game-screen:is([data-table=landscape],:has(.chess-board-shell))>.game-topbar>.game-mode-mini{display:none}.game-screen:has(.board-curtain:not(.lifting))>.game-topbar{visibility:hidden}.game-screen{--bar-start:66px;--bar-end:66px}.game-screen:has(>.game-topbar .game-topbar-sound:not(:empty)){--bar-start:116px}.game-screen:has(>.game-topbar .game-topbar-items:not(:empty)){--bar-end:116px}body:has(.game-screen[data-table=landscape]){overflow:hidden}html:has(.game-screen[data-table=landscape]){scrollbar-gutter:auto}@media (orientation:portrait) and (max-width:700px),(orientation:portrait) and (pointer:coarse) and (max-width:1100px){.game-screen[data-table=landscape] :is(.game-table,.game-mode-panel>:is(.winner-celebration,.room-notice)){inset:auto;top:0;left:0;width:var(--screen-height);height:100vw;transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}.game-screen[data-table=landscape] .game-table{padding:6px max(6px,env(safe-area-inset-bottom,0px)) 6px max(6px,var(--safe-top))}.game-screen[data-table=landscape]>.game-topbar{inset:auto;top:0;left:0;width:var(--screen-height);height:100vw;padding:14px max(16px,env(safe-area-inset-bottom,0px)) 0 max(16px,var(--safe-top));transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}}.game-screen[data-table=landscape] .game-table>.game-sidebar{display:none}:where(.table-status,.table-dock){display:none}.game-screen[data-table=landscape] .table-status{display:-webkit-box;min-width:0;margin:0;align-self:center;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--hud-ink);font-size:12px;font-weight:750;line-height:1.45;text-align:center}.game-screen[data-table=landscape] .table-dock{position:absolute;z-index:2;bottom:14px;inset-inline-end:14px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.table-dock>*{pointer-events:auto}.table-action{min-width:64px;min-height:56px;padding:7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:18px;background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f,0 14px 24px -10px rgba(255,60,90,.55);font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:15px;font-weight:400;line-height:1.2;text-shadow:0 2px 0 rgba(0,0,0,.18);white-space:nowrap;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.table-action:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 0 0 #a0122f}.table-dock .table-undo{min-height:34px;padding:0 10px;font-size:14px}.table-action:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.table-clock{padding:0 6px;border-radius:999px;background:#ffffff1f;font-variant-numeric:tabular-nums}.table-clock.urgent{color:#ff6b7a}.game-screen[data-table=landscape] :is(.backgammon-3d-host,.ludo-3d-host,.tic-3d-host,.chess-3d-host,.hokm-3d-host) .board-view-controls{position:absolute;z-index:3;inset:auto 12px 12px auto;flex-direction:column;gap:7px;transform:none}.game-screen[data-table=landscape] :is(.backgammon-3d-host,.ludo-3d-host,.tic-3d-host,.chess-3d-host,.hokm-3d-host) .board-view-controls button{width:40px;height:40px;border-radius:13px}.room-notice{position:fixed;z-index:70;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:max(14px,var(--safe-top));pointer-events:none}.room-notice>span{display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:9px 16px;border-radius:999px;background:var(--hud-ink);color:var(--hud-pill);box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:13px;font-weight:800}.game-screen[data-table=landscape] .winner-celebration.interactive .winner-message{min-width:min(460px,calc(100% - 24px));max-height:calc(100% - 24px)}.game-screen[data-table=landscape] .game-chat-sheet{height:88%}.game-screen .game-chat-sheet[data-keyboard-open]{top:var(--messages-viewport-top,0);bottom:auto;height:var(--messages-viewport-height,100%);border-radius:0}.game-screen[data-orientation=portrait][data-game]{--ink:#fff8f0;--muted-ink:#b9b4dc;--surface:#1c1954;--surface-soft:#0c0a25;--surface-muted:rgba(255,255,255,.07);--border:rgba(255,214,140,.2);--card:linear-gradient(170deg,rgba(42,38,112,.97),rgba(20,18,62,.98));--control:rgba(0,0,0,.3);--primary:#ef2349;--primary-start:#ff7488;--primary-strong:#ef2349;--primary-soft:rgba(255,79,100,.18);--accent:#ffd98a;--accent-soft:rgba(255,214,140,.14);--success:#5ce0a0;--warning:#ffd45c;--danger:#ff7488;--shadow-sm:0 16px 34px -14px rgba(0,0,0,.6);--shadow-md:0 26px 60px -20px rgba(0,0,0,.7);--shadow-primary:0 14px 26px -12px rgba(255,60,90,.55);--lobby-case:linear-gradient(170deg,#2a2670,#14123e);--lobby-line:rgba(255,214,140,.22);--lobby-gold:#ffd98a;--lobby-display:Lalezar,"Vazirmatn Variable",Vazirmatn,sans-serif;color:var(--ink)}html body:has(.game-screen[data-orientation=portrait]){background:radial-gradient(90% 55% at 50% -8%,rgba(96,58,204,.55),transparent 70%),radial-gradient(45% 40% at 100% 30%,rgba(255,79,100,.2),transparent 70%),radial-gradient(50% 45% at 0 78%,rgba(46,230,176,.1),transparent 70%),linear-gradient(180deg,#140f35,#0c0a25 55%,#07061a) fixed;color:#fff8f0}.game-screen>.game-topbar{--hud-pill:rgba(255,255,255,.08);--hud-ink:#fff8f0;--hud-muted:#b9b4dc;--hud-accent:#ef2349;--hud-soft:rgba(255,255,255,.07);--hud-line:rgba(255,214,140,.22);--hud-shadow:0 3px 0 #0c0b26;--hud-on-accent:#fff;color:#fff8f0}.game-screen>.game-topbar,.game-screen[data-orientation=portrait]>.game-topbar{border-image:conic-gradient(rgba(12,10,37,.92) 0 0) fill 0 //0 100vw}.game-screen>.game-topbar h1{color:#fff8f0;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:23px;font-weight:400;text-shadow:0 2px 0 #c8184a,0 4px 10px rgba(0,0,0,.45)}.game-screen>.game-topbar :is(.game-topbar-button,.game-menu>summary,.game-chat-button){position:relative;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #0c0b26;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.game-screen>.game-topbar .game-topbar-button:is(a,button){background:linear-gradient(180deg,#423c9e,#221e68);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #0c0b26,0 8px 16px -8px rgba(0,0,0,.5)}.game-screen>.game-topbar .game-menu>summary{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 #a86a0c}.game-screen>.game-topbar button.game-chat-button{background:linear-gradient(180deg,#80d4ff,#2f86ff);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #154fb2}.game-screen>.game-topbar :is(.game-topbar-button,.game-menu>summary,.game-chat-button):active{transform:translateY(3px);box-shadow:none}.game-screen>.game-topbar .game-mode-mini{border:0;border-radius:14px;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}.game-screen .game-mode-mini button{color:#b9b4dc;font-size:12px}.game-screen .game-mode-mini button.active,.game-screen .game-topbar .game-mode-mini button.active{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 2px 0 #a0122f}.game-screen>.game-topbar .game-menu-panel{border-color:rgba(255,214,140,.22);background:linear-gradient(170deg,#2a2670,#14123e);box-shadow:0 24px 50px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}.game-screen>.game-topbar .game-menu-panel>header b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:18px;font-weight:400}.game-screen>.game-topbar .game-menu-panel section>small{color:#ffd98a}.game-screen>.game-topbar .game-menu-row{border:1px solid rgba(255,255,255,.06)}.game-screen>.game-topbar .guide-icon{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:0 2px 0 #a86a0c}.game-screen>.game-topbar .guide-grid section>svg{color:#ffd98a}.game-screen>.game-topbar .guide-grid section{background:rgba(0,0,0,.2)}.game-screen[data-orientation=portrait] .game-mode-panel .button{border:0;font-family:var(--lobby-display);font-size:17px;font-weight:400;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s}.game-screen[data-orientation=portrait] .game-mode-panel .button-primary{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f,0 14px 24px -10px rgba(255,60,90,.45)}.game-screen[data-orientation=portrait] .game-mode-panel :is(.button-secondary,.button-ghost,.button-dark){background:rgba(255,255,255,.08);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 #0c0b26}.game-screen[data-orientation=portrait] .game-mode-panel .button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.game-screen[data-orientation=portrait] .game-mode-panel .button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.game-screen[data-orientation=portrait] .game-mode-panel .button:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.game-screen[data-orientation=portrait] .game-mode-panel .button:disabled{opacity:.5;filter:saturate(.5)}.game-screen[data-orientation=portrait] .game-chat-sheet{--ink:#fff8f0;--muted-ink:#b9b4dc;--surface:#1a1750;--surface-muted:rgba(255,255,255,.07);--border:rgba(255,214,140,.18);--card:transparent;--primary:#ef2349;--primary-soft:rgba(255,79,100,.2);--primary-strong:#ff7488;--accent-soft:rgba(255,214,140,.14);--accent:#ffd98a;border-color:rgba(255,214,140,.22);background:linear-gradient(170deg,#2a2670,#14123e);color:var(--ink)}.game-screen[data-orientation=portrait] .game-chat-sheet .chat-panel{background:transparent;box-shadow:none;backdrop-filter:none}.game-screen[data-orientation=portrait] .game-chat-sheet .chat-panel>header{border-bottom-color:rgba(255,214,140,.18);background:rgba(0,0,0,.12)}.game-screen[data-orientation=portrait] .game-chat-sheet .chat-panel>header b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:19px;font-weight:400}.game-screen[data-orientation=portrait] .game-chat-sheet .chat-panel header small{color:var(--muted-ink);font-size:11px}.game-screen[data-orientation=portrait] .game-chat-sheet .panel-icon{border-radius:13px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}.game-screen[data-orientation=portrait] .game-chat-handle{background:rgba(255,214,140,.35)}.game-screen[data-orientation=portrait] .chat-voice-tab{min-height:42px;background:rgba(255,255,255,.07);color:var(--muted-ink);font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:16px;font-weight:400;box-shadow:0 3px 0 #0c0b26}.game-screen[data-orientation=portrait] .chat-voice-tab.active{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}.game-screen[data-orientation=portrait] .game-chat-sheet .message-list{background:rgba(0,0,0,.18)}.game-screen[data-orientation=portrait] .game-chat-sheet .message-bubble.theirs{background:rgba(255,255,255,.09);color:var(--ink)}.game-screen[data-orientation=portrait] .game-chat-sheet .chat-composer{border-color:rgba(255,214,140,.18);background:rgba(0,0,0,.22)}.game-screen[data-orientation=portrait] .voice-room{--voice-shell-bg:rgba(255,255,255,.05);--voice-panel-bg:transparent;--voice-raised-bg:rgba(255,255,255,.07);--voice-muted-bg:rgba(0,0,0,.25);--voice-consent-bg:rgba(0,0,0,.18);--voice-success-bg:rgba(92,224,160,.14);--voice-success-strong-bg:linear-gradient(180deg,#6ff0b0,#1fae6e);--voice-success-border:rgba(92,224,160,.35);--voice-success-ink:#7ff2bd;--voice-danger-bg:rgba(255,79,100,.14);--voice-danger-border:rgba(255,116,136,.45);--voice-danger-ink:#ffb3be;border:1px solid rgba(255,214,140,.2);border-radius:20px;background:var(--voice-shell-bg)}.game-screen[data-orientation=portrait] .voice-room-head{border-bottom-color:rgba(255,214,140,.16)}.game-screen[data-orientation=portrait] .voice-room-head b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400}.game-screen[data-orientation=portrait] .voice-room-head small{font-size:11px}.game-screen[data-orientation=portrait] .voice-room-icon{box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 rgba(0,0,0,.3)}.game-screen[data-orientation=portrait] .voice-room.is-live .voice-room-icon{color:#073d24;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 #0f6a40}.game-screen[data-orientation=portrait] .voice-live-badge{font-size:11px}.game-screen[data-orientation=portrait] .voice-participants li{min-height:52px;border:1px solid rgba(255,255,255,.06)}.game-screen[data-orientation=portrait] .voice-participants li>span{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;font-size:13px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 2px 0 #a0122f}.game-screen[data-orientation=portrait] .voice-participants li b{font-size:13px}.game-screen[data-orientation=portrait] .voice-participants li small{font-size:11px}.game-screen[data-orientation=portrait] .voice-participants li.muted>span{background:rgba(255,255,255,.12);color:var(--muted-ink);box-shadow:none}.game-screen[data-orientation=portrait] .voice-room .button{min-height:46px;border:0;border-radius:15px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:16px;font-weight:400}.game-screen[data-orientation=portrait] .voice-room :is(.button-secondary,.button-ghost,.button-dark){background:rgba(255,255,255,.08);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 #0c0b26}.game-screen[data-orientation=portrait] .voice-room .button-primary{background:linear-gradient(180deg,#ff7488,#ef2349);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f}.game-screen[data-orientation=portrait] .voice-room .voice-leave-button{border:0!important;background:rgba(255,79,100,.16);color:#ffb3be;box-shadow:0 4px 0 #5a0f22}.game-screen[data-orientation=portrait] .voice-room .button:active{transform:translateY(3px);box-shadow:none}@media (min-width:981px){.game-screen:not([data-table=landscape]):not(:has(.chess-board-shell))>.game-screen-layer>.game-chat-sheet{top:82px;bottom:auto;inset-inline:auto var(--game-gutter,24px);width:min(420px,calc(100vw - 48px));height:min(640px,calc(100svh - 106px));border-bottom:1px solid var(--hud-line);border-radius:22px;box-shadow:0 24px 50px -12px rgba(0,0,0,.7);opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .16s}.game-screen:not([data-table=landscape]):not(:has(.chess-board-shell))>.game-screen-layer>.game-chat-sheet.show{opacity:1;pointer-events:auto;transform:none}.game-screen:not([data-table=landscape]):not(:has(.chess-board-shell))>.game-screen-layer>:is(.game-chat-sheet .game-chat-handle,.game-chat-backdrop){background:transparent}.game-screen:not([data-table=landscape]):not(:has(.chess-board-shell))>.game-screen-layer .game-chat-handle{display:none}}.game-screen .game-chat-sheet .chat-login .button-primary{border:0;background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f}.game-screen .game-chat-sheet .chat-login .button-primary:active{transform:translateY(3px);box-shadow:none}.game-menu-panel .board-view-controls{position:static;inset:auto;display:flex;gap:6px;transform:none}.game-menu-panel .board-view-controls button{width:40px;height:40px;border:0;border-radius:12px;background:var(--hud-soft);color:var(--hud-ink);box-shadow:none}.game-menu-panel .board-view-controls button[aria-checked=true]{background:var(--hud-accent);color:#fff}.game-menu-panel .board-view-hint{position:static;margin-top:-4px;color:var(--hud-muted);text-shadow:none;text-align:start;font-size:11px}.game-screen :is(.backgammon-redesign-shell .backgammon-player-strip,.ludo-seat-chips>span,.snakes-seat-chips>span,.tic-seat-chips>span,.connect-arena .connect-arena-scoreboard,.chess-board-shell .chess-vs-card,.hokm-3d-host .hokm-hud-pill,.hokm-3d-host .hokm-plate,.hokm-3d-host .hokm-3d-plate,.hokm-3d-host .hokm-hud-score,.hokm-3d-host .hokm-own-seat){border:1px solid rgba(255,214,140,.22);background:linear-gradient(170deg,rgba(42,38,112,.95),rgba(20,18,62,.95));color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #0c0b26,0 10px 20px -12px rgba(0,0,0,.6)}.game-screen :is(.backgammon-redesign-shell .backgammon-player-strip.active,.ludo-seat-chips>span.active,.snakes-seat-chips>span.active,.tic-seat-chips>span.active,.chess-board-shell .chess-vs-card.active,.hokm-3d-host .hokm-plate.active,.hokm-3d-host .hokm-3d-plate.active){border-color:#ff7488;background:linear-gradient(170deg,rgba(120,36,86,.95),rgba(42,20,62,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 0 #5a0f22,0 0 0 3px rgba(255,79,100,.22)}.game-screen :is(.backgammon-player-strip,.ludo-seat-chips,.snakes-seat-chips,.tic-seat-chips,.chess-vs-card,.hokm-plate,.hokm-3d-plate,.hokm-hud-pill,.hokm-own-seat) :is(small,.hokm-plate-text small){color:#b9b4dc}.game-screen :is(.backgammon-strip-score,.ludo-seat-chips em,.snakes-seat-chips em,.tic-seat-chips em){border-radius:999px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.game-screen .connect-arena .connect-arena-scoreboard>*{background:transparent}.game-screen .snakes-layout .snakes-view-toolbar{border:0;background:transparent}.game-screen .chess-board-shell .table-dock .table-status{border:1px solid rgba(255,214,140,.22);background:linear-gradient(170deg,rgba(42,38,112,.95),rgba(20,18,62,.95));color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #0c0b26}.game-screen .game-mode-panel :is(.trump-picker,.hokm-phase-panel,.domino-round-result){border:1px solid rgba(255,214,140,.22);background:linear-gradient(170deg,rgba(42,38,112,.97),rgba(20,18,62,.97));color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 70px -18px rgba(0,0,0,.75);backdrop-filter:none}.game-screen .game-mode-panel :is(.trump-picker,.hokm-phase-panel,.domino-round-result)>svg{width:44px;height:44px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}.game-screen .game-mode-panel :is(.trump-picker,.hokm-phase-panel,.domino-round-result) h2{color:#fff8f0;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-weight:400;text-shadow:0 2px 0 #c8184a,0 6px 14px rgba(0,0,0,.4)}.game-screen .game-mode-panel :is(.trump-picker,.hokm-phase-panel,.domino-round-result) :is(p,small){color:#b9b4dc}.game-screen .game-mode-panel .trump-picker button{border:0;background:linear-gradient(180deg,#fffdf8,#f1e9da);box-shadow:inset 0 1px 0 #fff,0 4px 0 #b9ab8d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.game-screen .game-mode-panel .trump-picker button:active{transform:translateY(4px);box-shadow:inset 0 1px 0 #fff,0 0 0 #b9ab8d}.game-screen .game-mode-panel .button{border:0;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-weight:400;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s}.game-screen .game-mode-panel .button-primary{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f,0 14px 24px -10px rgba(255,60,90,.45)}.game-screen .game-mode-panel :is(.button-secondary,.button-ghost,.button-dark){background:rgba(255,255,255,.08);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 #0c0b26}.game-screen .game-mode-panel .button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.game-screen .game-mode-panel .button:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.game-screen .winner-celebration .winner-message{border:1px solid rgba(255,214,140,.22);background:linear-gradient(170deg,#2a2670,#14123e);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 100px rgba(0,0,0,.6)}.game-screen .winner-celebration .winner-message strong{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-weight:400;text-shadow:0 2px 0 #c8184a,0 6px 14px rgba(0,0,0,.4)}.game-screen .winner-celebration .winner-message small{color:#b9b4dc}.game-screen .winner-celebration .winner-kicker{color:#ffd98a}.game-screen .winner-celebration .winner-trophy{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 4px 0 #a86a0c,0 14px 30px -10px rgba(255,200,80,.5)}.game-screen .winner-celebration:is(.outcome-loss,.outcome-draw) .winner-trophy{background:linear-gradient(180deg,#423c9e,#221e68);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 0 #0c0b26}.game-screen .winner-celebration .winner-close{background:rgba(255,255,255,.08);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #0c0b26}.game-screen .winner-celebration .winner-stats span{background:rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.game-screen .winner-celebration .winner-stats b{color:#ffd98a}.game-screen .winner-celebration .winner-signup{background:linear-gradient(180deg,#80d4ff,#2f86ff);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #154fb2}.game-screen .winner-celebration .winner-actions .button{font-size:16px}body .live-coach-prompt{border-color:rgba(255,214,140,.22);background:linear-gradient(170deg,#2a2670,#14123e);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 70px -18px rgba(0,0,0,.75)}body .live-coach-icon{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}body .live-coach-prompt b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:16px;font-weight:400}body .live-coach-prompt p{color:#d9d5f5;font-size:13px}body .live-coach-prompt small{color:#ffd98a;font-size:11px}body .live-coach-actions button{min-height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 #0c0b26;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:15px;font-weight:400}body .live-coach-actions .live-coach-back{background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f}body .live-coach-actions button:active{transform:translateY(3px);box-shadow:none}.game-screen .live-coach-toggle{font-size:12px}.game-screen .live-coach-toggle small{font-size:11px}.game-screen>.game-topbar .game-sound-button svg{width:24px;height:24px;overflow:visible}.game-sound-button .sound-speaker{fill:#ffd98a;stroke:#a86a0c;stroke-width:.6}.game-sound-button .sound-wave{fill:none;stroke:#ffd98a;stroke-width:2.1;stroke-linecap:round;transform-origin:12px 12px;animation:sound-wave 1.6s ease-in-out infinite}.game-sound-button .sound-wave.two{animation-delay:.25s}@keyframes sound-wave{0%,to{opacity:.45}50%{opacity:1}}.game-sound-button.off .sound-speaker{fill:#9c97c4;stroke:#4a4585}.game-sound-button .sound-off{fill:none;stroke:#ff7488;stroke-width:2.4;stroke-linecap:round}.game-screen>.game-topbar .game-chat-button{background:linear-gradient(180deg,#423c9e,#221e68);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #0c0b26,0 8px 16px -8px rgba(0,0,0,.5)}.game-chat-button .chat-voice-icon{width:34px;height:34px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.game-screen>.game-topbar .game-chat-unread{top:-7px;inset-inline-end:-7px;min-width:22px;height:22px;border:2px solid #fff8f0;background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:0 2px 0 #a0122f,0 4px 10px rgba(239,35,73,.45);font-size:12px;animation:chat-unread-pop .42s cubic-bezier(.34,1.56,.64,1)}@keyframes chat-unread-pop{0%{scale:0}}@media (prefers-reduced-motion:reduce){.game-chat-unread,.game-sound-button .sound-wave{animation:none}}.menu-skin-list{display:grid;gap:6px}.menu-skin-list .game-menu-row{min-height:52px;padding:5px 8px 5px 12px}.menu-skin-list .game-menu-row>svg{margin-inline-start:auto;color:#ff7488;visibility:hidden}.menu-skin-list .game-menu-row[aria-pressed=true]{border-color:#ff7488;background:rgba(255,79,100,.14)}.menu-skin-list .game-menu-row[aria-pressed=true]>svg{visibility:visible}.menu-skin-swatch{flex:none;width:64px;height:40px;border-radius:9px;background:#1c1954 50%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,214,140,.22)}.game-screen[data-table=landscape] .hokm-3d-host .board-view-controls{gap:5px}.game-screen[data-table=landscape] .hokm-3d-host .board-view-controls button{width:36px;height:36px;border-radius:12px}