:root{
  --ui-radius-xs:8px;
  --ui-radius-sm:11px;
  --ui-radius-md:15px;
  --ui-radius-lg:20px;
  --ui-line:#dfe8e4;
  --ui-line-strong:#cbdad3;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f6faf8;
  --ui-text:#1c2a24;
  --ui-muted:#67786f;
  --ui-green:#176b4d;
  --ui-green-2:#23805d;
  --ui-shadow:0 8px 22px rgba(15,23,42,.055);
  --ui-shadow-hover:0 14px 32px rgba(15,23,42,.085);
  --game-panel-bg:#111a17;
  --game-panel-line:rgba(255,255,255,.09);
  --game-panel-soft:rgba(255,255,255,.055);
  --game-panel-text:#edf5f1;
  --game-panel-muted:#a8bbb2;
  --game-depth:0 18px 38px rgba(0,0,0,.20);
}

/* Site: one clean visual system for desktop and mobile. */
.site-head{background:rgba(255,255,255,.96);border-bottom:1px solid var(--ui-line);box-shadow:0 5px 18px rgba(15,23,42,.035);backdrop-filter:saturate(1.15) blur(12px);-webkit-backdrop-filter:saturate(1.15) blur(12px)}
.site-head .topbar{min-height:58px;gap:12px}.site-head .brand{letter-spacing:-.025em}.site-head nav{gap:6px;align-items:center}.site-head nav>.btn,.site-head nav>.pill{min-height:34px;border-radius:10px}
.home-overview,.page-heading,.panel,.game-entry-card,.flow-entity-card,.commercial-table-card,.table-card,.seat-card,.home-widget-card,.admin-card{
  border-color:var(--ui-line)!important;border-radius:var(--ui-radius-md)!important;box-shadow:var(--ui-shadow)!important;
}
.home-overview,.page-heading,.home-widget-card,.admin-card{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important}
.home-overview{padding:18px 20px!important;gap:18px!important}.home-overview-copy h1,.page-heading h1,.home-section-head h2,.game-entry-copy>b{letter-spacing:-.035em!important}
.home-overview-stats{gap:8px!important}.home-overview-stats article,.game-entry-stats>span,.flow-entity-stats>span,.table-meta>span{background:linear-gradient(180deg,#fff,#f4f8f6)!important;border:1px solid #e4ece8!important;border-radius:11px!important}
.page-heading{padding:16px 18px!important;margin-bottom:12px!important}.flow-toolbar{gap:10px!important;margin-bottom:9px!important}.flow-toolbar>.btn,.page-heading .btn,.card-action,.room-enter{border-radius:11px!important}
.app-side{gap:10px!important}.home-widget-card{overflow:hidden}.side-panel-head{padding-bottom:10px!important;border-bottom:1px solid #edf2ef}

/* Game catalogue and visual cards. Existing cover SVGs stay lightweight; presentation is upgraded here. */
.game-entry-grid,.multi-game-grid,.lobby-room-grid,.table-list{gap:12px!important}.game-entry-card{padding:12px!important;gap:10px!important;background:linear-gradient(180deg,#fff,#f9fbfa)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;contain:layout paint style;container-type:inline-size}
.game-entry-card:hover,.flow-entity-card:hover,.commercial-table-card:hover{transform:translateY(-2px)!important;border-color:#bdd0c7!important;box-shadow:var(--ui-shadow-hover)!important}
.game-entry-cover{min-height:128px!important;border-radius:16px!important;overflow:hidden!important;isolation:isolate}.game-entry-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 38%,rgba(0,0,0,.08));pointer-events:none;z-index:0}.game-entry-cover::after{background-size:min(104px,32%)!important;background-position:right 13px bottom 11px!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.18)) saturate(1.08) contrast(1.03)!important;z-index:1}.game-entry-cover-head,.game-entry-cover-tags{position:relative;z-index:2}.game-entry-cover-tags i{border-color:rgba(255,255,255,.24)!important;background:rgba(6,18,15,.14)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.game-entry-copy{min-width:0}.game-entry-copy>b{font-size:18px!important}.game-entry-copy>small{color:var(--ui-muted)!important;line-height:1.42!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-entry-stats{gap:6px!important}.game-entry-stats>span{min-height:50px!important;padding:7px 5px!important}.card-action{min-height:38px!important;padding-top:2px!important}

.premium-home-showcase.premium-showcase-v3{gap:10px!important;margin-bottom:13px!important;scroll-snap-type:x proximity}.premium-showcase-v3 .premium-showcase-game{min-height:92px!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,var(--show-bg1,#f8fbf9) 58%,var(--show-bg2,#edf5f1))!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important;scroll-snap-align:start;contain:layout paint}.premium-showcase-v3 .premium-showcase-game:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(15,23,42,.075)!important}.premium-showcase-v3 .premium-showcase-art{filter:drop-shadow(0 10px 16px rgba(5,18,14,.16)) saturate(1.1) contrast(1.03)!important}

/* Salon / room flow: compact and consistent. */
.flow-entity-card{--flow-accent:#2f8b67;appearance:none;position:relative;width:100%;min-width:0;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"visual content" "stats stats" "enter enter";align-items:center;gap:9px 12px;padding:12px;border:1px solid var(--ui-line);background:linear-gradient(180deg,#fff,#f9fbfa);color:var(--ui-text);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;contain:layout paint style}
.flow-entity-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 999px 999px 0;background:var(--flow-accent);opacity:.9}
.flow-entity-card:focus-visible{outline:2px solid color-mix(in srgb,var(--flow-accent) 58%,#fff);outline-offset:2px}
.flow-entity-card.mode-normal{--flow-accent:#c79f50}.flow-entity-card.mode-101{--flow-accent:#45aabd}.flow-entity-card.mode-card52,.flow-entity-card.mode-pisti,.flow-entity-card.mode-batak,.flow-entity-card.mode-papaz{--flow-accent:#9b5b76}.flow-entity-card.mode-word{--flow-accent:#3a8c68}.flow-entity-card.mode-mines{--flow-accent:#b47245}.flow-entity-card.mode-battleship{--flow-accent:#3e86a8}
.flow-entity-visual{grid-area:visual;width:64px;height:64px;display:grid;place-items:center;border:1px solid #e0e9e5;border-radius:13px;background:linear-gradient(145deg,#f1f7f4,#e5eeea);overflow:hidden}.flow-entity-art{width:100%;height:100%;display:grid;place-items:center;background-position:center;background-repeat:no-repeat;background-size:45px 42px}.flow-room-visual{display:grid;place-items:center;gap:1px}.flow-room-visual b{font-size:19px;line-height:1;color:var(--flow-accent)}.flow-room-visual small{font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#7a8b83}
.flow-entity-content{grid-area:content;min-width:0;display:grid;gap:4px}.flow-entity-title{display:flex;align-items:center;gap:7px;min-width:0}.flow-entity-title>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-.025em}.flow-live-badge{flex:0 0 auto;min-height:22px;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid rgba(44,145,98,.2);border-radius:999px;background:#eff8f3;color:#26714f;font-size:7.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.flow-live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#2ba267;box-shadow:0 0 0 3px rgba(43,162,103,.1)}.flow-entity-description{margin:0;color:#66776e;font-size:11px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-entity-activity{display:flex;gap:5px;flex-wrap:wrap}.flow-entity-activity em{min-height:20px;display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#f2f6f4;color:#64776d;font-size:8px;font-style:normal;font-weight:800}
.flow-entity-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.flow-entity-stats>span{min-width:0;min-height:48px;display:grid;place-items:center;align-content:center;padding:6px}.flow-entity-stats b{font-size:16px;line-height:1;color:#203129}.flow-entity-stats small{margin-top:3px;color:#819088;font-size:7.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.flow-entity-enter{grid-area:enter;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:11px;background:linear-gradient(180deg,var(--ui-green-2),var(--ui-green));color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.flow-entity-enter svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.flow-salon-card{padding:14px 14px 13px}.flow-salon-card .flow-entity-visual{background:linear-gradient(180deg,#f7fbf8,#eef5f1);border-color:#d8e6df;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}.flow-salon-visual{gap:2px}.flow-salon-visual b{font-size:24px;line-height:1;letter-spacing:-.045em;color:var(--flow-accent)}.flow-salon-visual small{font-size:7.6px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#70837a}.flow-salon-card .flow-entity-title{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;row-gap:6px}.flow-salon-card .flow-entity-title>b{flex:1 1 180px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.18}.flow-salon-card .flow-live-badge{margin-left:auto}.flow-salon-card .flow-entity-description{font-size:11.4px;line-height:1.42}.flow-salon-card .flow-entity-activity em{font-size:8.2px}.flow-salon-card .flow-entity-stats>span{min-height:50px}.flow-salon-card .flow-entity-enter{min-height:44px;font-size:11.4px}

/* Tables / creation forms. */
.create-table-panel{padding:14px!important}.table-create-form{gap:10px!important}.table-option-grid,.scoring-select{gap:8px!important}.table-option-grid>label,.scoring-card{border-radius:12px!important;background:#fbfdfc!important;border-color:#e0e9e5!important}.commercial-table-card,.table-card{padding:12px!important;background:linear-gradient(180deg,#fff,#fafcfc)!important}.table-card-actions{gap:6px!important}.table-card-actions .btn{min-height:36px;border-radius:10px!important}

/* Admin/editor: compact, flat and consistent without changing workflows. */
.admin-body .admin-card,.editor-body .admin-card{border:1px solid var(--ui-line)!important;background:linear-gradient(180deg,#fff,#fbfdfc)!important}.admin-card-head{padding-bottom:10px!important;border-bottom:1px solid #edf2ef}.admin-form-grid,.settings-grid{gap:10px!important}.admin-body input,.admin-body select,.admin-body textarea,.editor-body input,.editor-body select,.editor-body textarea{border-radius:10px!important;border-color:#dbe5e0!important}.admin-body .btn,.editor-body .btn{border-radius:10px!important}

/* Non-Okey game stage. Okey and 101 arrangement is intentionally excluded. */
#gamePanel:not(.game-mode-normal):not(.game-mode-101){background:#0e1714!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .game-hud{border-bottom-color:rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(16,27,23,.98),rgba(11,20,17,.98))!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area{background:radial-gradient(circle at 50% -10%,rgba(63,127,99,.10),transparent 38%),#0d1613!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area>div{max-width:1180px;margin-inline:auto}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-head{gap:10px!important;margin-bottom:9px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.075)}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-head h2{letter-spacing:-.035em!important;color:#f4f8f6!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-head .eyebrow{color:#86a899!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-state,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-turn,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-scoreboard>span,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .duel-scoreboard>span{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.055)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-help{border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;color:#b8c8c1!important}

.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell,.duel-game-shell,.papaz-shell{border:1px solid var(--game-panel-line)!important;border-radius:18px!important;box-shadow:var(--game-depth)!important;overflow:hidden}
.game-panel.game-mode-card52 .multi-card-table{background:radial-gradient(circle at 50% 8%,rgba(198,113,170,.12),transparent 32%),linear-gradient(180deg,#281d27,#151116)!important}.game-panel.game-mode-pisti .multi-card-table{background:radial-gradient(circle at 50% 8%,rgba(221,91,105,.11),transparent 32%),linear-gradient(180deg,#2c191c,#151011)!important}.game-panel.game-mode-batak .multi-card-table{background:radial-gradient(circle at 50% 8%,rgba(126,112,226,.12),transparent 32%),linear-gradient(180deg,#211c2f,#111018)!important}.game-panel.game-mode-papaz .papaz-table{background:radial-gradient(circle at 50% 10%,rgba(229,171,209,.10),transparent 34%),linear-gradient(180deg,#4d2943,#291723)!important}
.game-panel.game-mode-dama .board-game-shell{background:linear-gradient(180deg,#352a20,#1c1712)!important}.game-panel.game-mode-chess .board-game-shell{background:linear-gradient(180deg,#263640,#172027)!important}.game-panel.game-mode-tavla .tavla-shell{background:linear-gradient(180deg,#3b291f,#1f1612)!important}.game-panel.game-mode-domino .domino-shell{background:linear-gradient(180deg,#172620,#0d1713)!important}.game-panel.game-mode-mangala .mangala-shell{background:linear-gradient(180deg,#362b1e,#1c1711)!important}.game-panel.game-mode-kizbirader .ludo-shell,.game-panel.game-mode-kizbirader .board-game-shell{background:linear-gradient(180deg,#192b2d,#0e1819)!important}

/* Physical objects: depth is subtle and readability stays high. */
.playing-card{border-radius:11px!important;box-shadow:0 7px 15px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.95)!important;transform-origin:50% 90%}.card-hand-row{gap:2px!important}.card-hand-row .playing-card:hover{transform:translateY(-5px)!important}.card-table-pile,.card-trick{border-radius:15px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 14px 28px rgba(0,0,0,.18)!important}
.strategy-board{border-radius:14px!important;box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.06)!important}.strategy-board .board-square{transition:background .13s ease,box-shadow .13s ease,transform .13s ease!important}.strategy-board .piece{filter:drop-shadow(0 4px 6px rgba(0,0,0,.22)) saturate(1.04)!important}.strategy-board .board-square.legal{box-shadow:inset 0 0 0 3px rgba(97,205,150,.5)!important}
.domino-chain{gap:2px!important;border-radius:15px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 14px 28px rgba(0,0,0,.16)!important}.domino-tile{border-radius:10px!important;background:linear-gradient(180deg,#fffefb,#f7efe2 72%,#eadcc7)!important;box-shadow:0 6px 13px rgba(0,0,0,.18),inset 0 1px 0 #fff!important}.domino-hand-row{gap:2px!important}
.tavla-board{border-radius:16px!important;box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.055)!important}.tavla-checkers i{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 8px rgba(0,0,0,.25)!important}.dice-face{box-shadow:0 5px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.65)!important}
.mangala-board{border-radius:18px!important;box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055)!important}.mangala-pit,.mangala-store{box-shadow:inset 0 8px 16px rgba(0,0,0,.22),0 6px 12px rgba(0,0,0,.12)!important}.mangala-stones{gap:2px!important}.mangala-stones i{filter:drop-shadow(0 3px 4px rgba(0,0,0,.2)) saturate(1.06)!important}
.ludo-board{border-radius:16px!important;box-shadow:0 16px 30px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,255,255,.055)!important}.ludo-token{box-shadow:0 4px 9px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.32)!important}
.domino-controls,.tavla-controls,.ludo-controls,.board-actions,.naval-setup-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.board-actions .btn,.naval-setup-actions .btn{min-height:40px!important;border-radius:10px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.board-actions .btn,.naval-setup-actions .btn{min-width:112px!important;margin:0!important}.game-panel.game-mode-word .word-actions{align-items:stretch!important}.game-panel.game-mode-word .word-actions .btn{height:100%!important;margin:0!important}

/* Mayın Tarlası */
.game-panel.game-mode-mines .duel-game-shell{background:linear-gradient(180deg,#18231f,#0f1815)!important}.mine-grid{border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;background:#111a17!important;box-shadow:0 16px 30px rgba(0,0,0,.20)!important}.mine-cell{border-radius:5px!important;transition:transform .12s ease,background .12s ease,box-shadow .12s ease!important}.mine-cell:not(:disabled):hover{transform:translateY(-1px)}.mine-cell.safe{box-shadow:inset 0 0 0 1px rgba(120,210,170,.14)}

/* Kelime Oyunu: readable, compact and mobile-first. */
.game-panel.game-mode-word .multi-game-area{height:100%;min-height:0}.game-panel.game-mode-word .duel-game-shell{min-height:100%;box-sizing:border-box;background:linear-gradient(180deg,#13231b,#0b1611)!important}.word-board{border:1px solid rgba(255,255,255,.09)!important;background:#0f1d17!important;box-shadow:0 16px 30px rgba(0,0,0,.21)!important}.word-cell{border-radius:4px!important}.word-tile,.word-rack-tile{background:linear-gradient(180deg,#fffdf4,#f1e5c8)!important;color:#193126!important;box-shadow:0 4px 8px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.86)!important}.word-rack-panel{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035))!important}.word-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.word-actions .btn{border-radius:9px!important}.word-action-label{letter-spacing:.01em!important}

/* Amiral Battı */
.game-panel.game-mode-battleship .duel-game-shell{background:linear-gradient(180deg,#10242d,#09161c)!important}.naval-board-card{border:1px solid rgba(115,190,220,.13)!important;background:linear-gradient(180deg,rgba(17,46,58,.86),rgba(8,25,32,.9))!important}.naval-coords{background:rgba(3,18,24,.42)!important}.naval-cell{border-radius:4px!important;transition:transform .12s ease,background .12s ease,box-shadow .12s ease!important}.naval-cell:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px rgba(104,193,227,.38)!important}.naval-mobile-tabs button{border-radius:10px!important}.naval-fleet-panel{border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.035)!important}

/* Word info: uses HUD space only when opened. */
.word-info-btn{font-size:0!important}.word-info-btn .game-tool-label{display:none!important}.word-info-btn .word-info-mark{width:18px;height:18px;border:1px solid rgba(239,216,143,.48);border-radius:50%;display:grid;place-items:center;color:#f4d77e;font-size:12px;font-weight:950;line-height:1;background:rgba(209,183,101,.08)}.game-panel.game-mode-word .word-info-btn:not(.hidden){display:inline-grid}.game-panel:not(.game-mode-word) .word-info-btn{display:none!important}.word-info-popover{position:fixed;z-index:150;top:58px;right:12px;width:min(360px,calc(100vw - 24px));padding:11px 12px 12px;border:1px solid rgba(220,235,226,.14);border-radius:14px;background:linear-gradient(180deg,rgba(12,28,22,.985),rgba(7,19,15,.992));color:#e8f2ed;box-shadow:0 20px 44px rgba(0,0,0,.36)}.word-info-popover.hidden{display:none!important}.word-info-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.word-info-popover-head>div{display:grid;gap:1px}.word-info-popover-head span{font-size:7.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9ab0a5}.word-info-popover-head b{font-size:13px;color:#fff}.word-info-popover-head button{width:27px;height:27px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);color:#eaf4ef;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer}.word-info-popover p{margin:0;color:#d4e3dc;font-size:10px;font-weight:700;line-height:1.5}.word-info-popover small{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);color:#a8bcb2;font-size:8.5px;line-height:1.45}

/* Offscreen rendering and quality profiles. */
@supports(content-visibility:auto){.game-entry-card,.flow-entity-card,.commercial-table-card,.home-widget-card{content-visibility:auto;contain-intrinsic-size:180px}}
body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-card-table,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-game-shell,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-shell,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-shell,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .ludo-shell,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .mangala-shell,body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .flow-entity-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) *{text-shadow:none!important}

@media(max-width:980px){
  .home-overview{grid-template-columns:1fr!important}.home-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-entry-grid,.multi-game-grid,.lobby-room-grid,.table-grid{gap:10px!important}.app-side{position:static!important}
}

@media(max-width:760px){
  .site-head{position:sticky;top:0;z-index:80}.site-head .topbar{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);padding-inline:10px!important}.site-head nav{display:flex;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding:4px 0}.site-head nav::-webkit-scrollbar{display:none}.site-head nav>.pill,.site-head nav>.btn{flex:0 0 auto;min-height:32px;padding-inline:9px!important;font-size:10px!important}
  .app-grid{gap:11px!important;padding-top:10px!important;padding-bottom:18px!important}.page-heading{padding:13px 14px!important;margin-bottom:9px!important}.home-overview{padding:13px 14px!important;margin-bottom:9px!important}.home-overview-stats{gap:6px!important}.home-overview-stats article{padding:7px 5px!important}.premium-home-showcase.premium-showcase-v3{gap:8px!important}
  .game-entry-grid,.multi-game-grid{grid-template-columns:1fr!important;gap:9px!important}.game-entry-card{padding:10px!important;border-radius:14px!important;grid-template-columns:auto minmax(0,1fr)!important}.game-entry-cover{min-height:104px!important;border-radius:13px!important}.game-entry-cover::after{background-size:min(88px,29%)!important}.game-entry-copy>b{font-size:17px!important}.game-entry-copy>small{font-size:10.5px!important;line-height:1.36!important;-webkit-line-clamp:2}.game-entry-stats>span{min-height:44px!important;padding:6px 4px!important}
  .flow-entity-card{grid-template-columns:52px minmax(0,1fr);gap:7px 9px;padding:10px;border-radius:14px!important}.flow-entity-visual{width:52px;height:52px;border-radius:11px}.flow-entity-art{background-size:38px 36px}.flow-entity-title>b{font-size:14px}.flow-live-badge{min-height:20px;padding:2px 6px;font-size:7px}.flow-entity-description{font-size:9.8px}.flow-entity-activity{gap:4px}.flow-entity-activity em{min-height:19px;padding:2px 6px;font-size:7.5px}.flow-entity-stats{gap:5px}.flow-entity-stats>span{min-height:43px;padding:5px 4px}.flow-entity-stats b{font-size:14px}.flow-entity-stats small{font-size:6.8px}.flow-entity-enter{min-height:39px;padding:7px 10px;font-size:10px}
  .flow-salon-card{padding:11px}.flow-salon-card .flow-entity-title{row-gap:5px}.flow-salon-card .flow-entity-title>b{font-size:14.4px}.flow-salon-card .flow-live-badge{margin-left:0}.flow-salon-card .flow-entity-description{font-size:10.2px}.flow-salon-card .flow-entity-stats>span{min-height:44px}.flow-salon-card .flow-entity-enter{min-height:40px}.flow-salon-visual b{font-size:20px}.flow-salon-visual small{font-size:7px}
  .create-table-panel{padding:10px!important}.table-option-grid{grid-template-columns:1fr!important}.commercial-table-card,.table-card{padding:10px!important}
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .game-hud{min-height:42px!important;padding:4px 6px!important;grid-template-columns:minmax(0,1fr)!important}#gamePanel:not(.game-mode-normal):not(.game-mode-101) .game-hud-main{width:100%!important;min-width:0!important}.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-mobile-menu-btn,.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-share-btn{width:42px!important;height:36px!important;min-width:42px!important;max-width:42px!important;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-mobile-menu-btn svg,.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-share-btn svg{width:22px!important;height:22px!important}.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-share-btn{border-color:rgba(230,244,237,.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 12px rgba(0,0,0,.12)!important}.game-panel.game-mode-word .word-info-btn{display:grid!important;width:38px!important;height:36px!important;min-width:38px!important;margin-left:auto!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(209,183,101,.10),rgba(209,183,101,.045))!important;border-color:rgba(239,216,143,.24)!important}
  .multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell,.duel-game-shell,.papaz-shell{padding:9px!important;border-radius:14px!important}.card-table-pile,.card-trick{min-height:118px!important;padding:10px!important}.playing-card{width:50px!important;height:74px!important;flex-basis:50px!important}.strategy-board{width:min(94vw,540px)!important}.domino-chain{min-height:112px!important}.tavla-row,.tavla-point{min-height:132px!important;height:132px!important}
  .domino-controls,.tavla-controls,.ludo-controls,.board-actions,.naval-setup-actions{gap:5px!important}.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.board-actions .btn,.naval-setup-actions .btn{flex:1 1 110px!important;min-width:0!important;min-height:38px!important;padding:6px 9px!important}
  .game-panel.game-mode-word .duel-game-shell{height:100%!important;min-height:0!important;padding:5px 6px max(6px,env(safe-area-inset-bottom))!important;overflow:hidden!important}.game-panel.game-mode-word .duel-game-shell .multi-game-head{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;margin-bottom:3px!important;padding:2px 2px 4px!important}.game-panel.game-mode-word .duel-game-shell .multi-game-head .eyebrow{display:none!important}.game-panel.game-mode-word .duel-game-shell .multi-game-head h2{margin:0!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}.game-panel.game-mode-word .duel-scoreboard{gap:3px!important}.game-panel.game-mode-word .duel-scoreboard>span{min-height:30px!important;padding:3px 5px!important}.game-panel.game-mode-word .duel-scoreboard b{font-size:9px!important}.game-panel.game-mode-word .duel-scoreboard small{font-size:7px!important}.game-panel.game-mode-word .duel-info-strip{gap:3px!important;margin:3px 0 4px!important}.game-panel.game-mode-word .duel-info-strip>span{min-height:23px!important;padding:3px 2px!important;font-size:7px!important}.game-panel.game-mode-word .word-board{width:min(100%,92vw,390px)!important;padding:3px!important;gap:1px!important;border-radius:9px!important}.game-panel.game-mode-word .word-last-move{min-height:24px!important;margin-bottom:3px!important;padding:4px 6px!important}.game-panel.game-mode-word .word-rack-panel{margin-top:4px!important;padding:6px!important;border-radius:10px!important}.game-panel.game-mode-word .word-rack-head{gap:5px!important;margin-bottom:4px!important}.game-panel.game-mode-word .word-rack-tile{height:44px!important}.game-panel.game-mode-word .word-rack-tile b{font-size:18px!important}.game-panel.game-mode-word .word-actions{gap:3px!important;margin-top:4px!important}.game-panel.game-mode-word .word-actions .btn{min-height:35px!important}.game-panel.game-mode-word .word-action-btn svg{width:17px!important;height:17px!important}.word-info-popover{top:48px;right:7px;width:min(340px,calc(100vw - 14px));padding:10px 11px}
  .game-panel.game-mode-battleship .duel-game-shell{padding:7px!important}.naval-mobile-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.naval-mobile-tabs button{min-height:34px!important}.naval-board-card{padding:6px!important}.naval-fleet-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

@media(max-width:430px){
  .game-panel:not(.game-mode-normal):not(.game-mode-101) .game-share-btn,.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-mobile-menu-btn{width:39px!important;height:36px!important;min-width:39px!important;max-width:39px!important}.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-share-btn svg,.game-panel:not(.game-mode-normal):not(.game-mode-101) .game-mobile-menu-btn svg{width:21px!important;height:21px!important}
  .home-overview{padding:11px!important}.home-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-heading{padding:12px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(80vw,260px)!important}.game-entry-cover{min-height:98px!important}
  .flow-entity-card{grid-template-columns:48px minmax(0,1fr);padding:9px}.flow-entity-visual{width:48px;height:48px}.flow-entity-title>b{font-size:13.5px}.flow-entity-description{font-size:9.3px}.flow-entity-stats>span{min-height:41px}.flow-entity-enter{min-height:38px}
  .flow-salon-card{padding:10px 9px}.flow-salon-card .flow-entity-title>b{font-size:13.8px}.flow-salon-card .flow-live-badge{min-height:19px;padding:2px 5px}.flow-salon-card .flow-entity-description{font-size:9.6px}.flow-salon-visual b{font-size:18px}.flow-salon-visual small{font-size:6.7px}
  .game-panel.game-mode-word .duel-game-shell .multi-game-head{grid-template-columns:80px minmax(0,1fr)!important}.game-panel.game-mode-word .duel-game-shell .multi-game-head h2{font-size:12px!important}.game-panel.game-mode-word .word-board{width:min(100%,91vw,378px)!important}.game-panel.game-mode-word .word-rack-tile{height:42px!important}.game-panel.game-mode-word .word-rack-tile b{font-size:17px!important}.game-panel.game-mode-word .word-actions .btn{min-height:34px!important}.word-info-popover{top:44px;right:5px;width:calc(100vw - 10px)}
}

@media(pointer:coarse){
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) button,#gamePanel:not(.game-mode-normal):not(.game-mode-101) [role="button"]{touch-action:manipulation}#gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-tile,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .playing-card.playable,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-hand-item[data-domino-id],#gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-point.own,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-bar,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-square.own-piece,#gamePanel:not(.game-mode-normal):not(.game-mode-101) [data-naval-ship-select]{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.board-actions .btn{min-height:43px!important}
}

@media(prefers-reduced-motion:reduce){
  .game-entry-card,.flow-entity-card,.premium-showcase-game,.playing-card,.strategy-board .board-square,.mine-cell,.naval-cell{transition:none!important;animation:none!important}.game-entry-card:hover,.flow-entity-card:hover,.premium-showcase-game:hover,.playing-card:hover{transform:none!important}
}

/* Build 166: adaptive performance pass. Keeps layouts intact while lowering paint/composite cost. */
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-card-table,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-game-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .ludo-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .mangala-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .duel-game-shell,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .papaz-shell{contain:layout paint style}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .strategy-board,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-board,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .mine-grid,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .naval-coords,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-chain{contain:layout paint}
body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) *,body[data-game-quality="performance"] .game-mobile-menu{animation:none!important;text-shadow:none!important}
body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .playing-card,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .piece,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-tile,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-tile,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-tile{filter:none!important;box-shadow:none!important}
body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-head,body[data-game-quality="performance"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-game-quality="balanced"] #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area{--game-depth:0 8px 18px rgba(0,0,0,.16)}
.game-hold-dragging .game-drag-source{will-change:transform,opacity}.game-drag-ghost,.word-drag-ghost,.card-drag-ghost,.domino-drag-ghost,.tavla-drag-ghost,.naval-drag-ghost{will-change:transform;backface-visibility:hidden}

/* Build 175: interaction-first performance profile. No Okey layout changes. */
.game-action-pending #multiGameArea button,
.game-action-pending #rackWrap .tile,
.game-action-pending .incoming-draggable{pointer-events:none}
.game-action-pending #multiGameArea{cursor:progress}
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area,
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-panel,
#gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-actions{contain:layout paint style}
@media (hover:none),(pointer:coarse){
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .game-hud-main,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-area,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-game-head,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-panel,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .multi-card-table,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-game-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .ludo-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .mangala-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .duel-game-shell,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .papaz-shell,
  .game-mobile-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .playing-card,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-tile,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .word-rack-tile,
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-tile{transition-duration:.08s!important}
  .game-entry-card,.flow-entity-card,.premium-showcase-game{will-change:auto!important}
}

/* Build 182 — offscreen/site rendering cost is deferred without changing layout. */
@supports (content-visibility:auto){
  .game-entry-card,.home-widget-card,.flow-entity-card,.commercial-table-card{
    content-visibility:auto;
    contain-intrinsic-size:1px 180px;
  }
}
@media (hover:none),(pointer:coarse){
  .site-head,.game-entry-cover-tags i{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .game-entry-cover::after{filter:none!important}
}