:root{--okeypro-style-ready:1;
  --bg:#f3f5f7;--card:#fff;--ink:#17202a;--muted:#667085;--line:#dfe5e9;--soft:#eef2f4;
  --accent:#176b4d;--accent-strong:#0f5138;--accent-soft:#e8f3ee;--danger:#b42318;--danger-soft:#fff0ee;
  --warning:#b76e00;--shadow:0 6px 20px rgba(16,24,40,.055);--felt:#0d664b;--felt-dark:#094a38;
  --wood:#7a421f;--wood-dark:#4c2815;--wood-light:#a96835;--gold:#e9b949
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.shell{max-width:1280px;margin:auto;padding:0 18px}
h1,h2,h3{margin:0 0 10px;letter-spacing:-.025em}p{line-height:1.55}.muted{color:var(--muted)}
.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.brand{font-weight:900;text-decoration:none;color:var(--accent);letter-spacing:-.02em;white-space:nowrap;flex:0 0 auto}.brand.big{font-size:28px}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,background .15s,transform .15s}.btn:hover:not(:disabled){border-color:#b9c5cf}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.danger{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.btn.ghost{background:transparent}.pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:var(--soft);border-radius:999px;font-size:13px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:none;margin-bottom:14px}.panel.compact{padding:14px}
.app-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:16px;padding-top:20px;padding-bottom:40px}.app-grid.content-wide{grid-template-columns:minmax(0,1fr)}.app-grid.content-wide .game-flow{width:100%;max-width:1120px;margin:0 auto}.game-flow{min-width:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid #dbe4e0;border-radius:14px;background:#fff}.page-heading h1{font-size:28px;margin:3px 0 4px}.page-heading p{margin:0;max-width:760px;color:#728078}.eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--ink)}.breadcrumb b:before{content:"/";color:#98a2b3;margin-right:8px}
.game-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-entry-card{appearance:none;text-align:left;width:100%;border:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"cover cover" "mark copy" "stats stats" "action action";gap:12px;align-items:start;align-content:stretch;transition:transform .16s,border-color .16s,box-shadow .16s}.game-entry-card:hover{background:#fbfdfc}.game-entry-cover{--cover-art:none;--cover-glow:radial-gradient(circle at 76% 38%,rgba(255,255,255,.28),transparent 38%);grid-area:cover;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);padding:13px 14px;display:grid;align-content:space-between;gap:10px;color:#fff}.game-entry-cover::before,.game-entry-cover::after{content:"";position:absolute;pointer-events:none}.game-entry-cover::before{inset:0;z-index:0}.game-entry-cover::after{z-index:0;background:var(--cover-art) center/contain no-repeat}.game-entry-cover-head,.game-entry-cover-tags{position:relative;z-index:1}.game-entry-cover-head{display:grid;gap:4px;max-width:calc(100% - 128px)}.game-entry-cover-head small{font-size:10px;text-transform:uppercase;color:rgba(255,255,255,.82);font-weight:800}.game-entry-cover-head b{line-height:1.05;color:#fff}.game-entry-cover-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 112px)}.game-entry-cover-tags i{font-style:normal;padding:5px 8px;border-radius:999px;backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:800;color:#fff}.game-entry-cover.mode-normal{--cover-art:url("../img/game-covers/normal.svg");--cover-glow:radial-gradient(circle at 82% 42%,rgba(248,232,171,.34),transparent 34%);background:linear-gradient(135deg,#176b4d,#228968 52%,#8fcbb0)}.game-entry-cover.mode-101{--cover-art:url("../img/game-covers/101.svg");--cover-glow:radial-gradient(circle at 80% 38%,rgba(177,234,250,.28),transparent 34%);background:linear-gradient(135deg,#11556f,#157fa2 55%,#8cd5e6)}.game-entry-cover.mode-card52{--cover-art:url("../img/game-covers/card52.svg");--cover-glow:radial-gradient(circle at 82% 40%,rgba(255,207,240,.28),transparent 36%);background:linear-gradient(135deg,#61234e,#8a2e6d 55%,#d775b6)}.game-entry-cover.mode-pisti{--cover-art:url("../img/game-covers/pisti.svg");--cover-glow:radial-gradient(circle at 80% 38%,rgba(255,210,220,.28),transparent 36%);background:linear-gradient(135deg,#7b2433,#a1354b 55%,#ef889c)}.game-entry-cover.mode-batak{--cover-art:url("../img/game-covers/batak.svg");--cover-glow:radial-gradient(circle at 82% 38%,rgba(222,213,255,.28),transparent 36%);background:linear-gradient(135deg,#4330a6,#5d43d1 55%,#a394f3)}.game-entry-cover.mode-dama{--cover-art:url("../img/game-covers/dama.svg");--cover-glow:radial-gradient(circle at 80% 38%,rgba(232,237,229,.26),transparent 36%);background:linear-gradient(135deg,#49544d,#6d7b73 55%,#bcc7c1)}.game-entry-cover.mode-chess{--cover-art:url("../img/game-covers/chess.svg");--cover-glow:radial-gradient(circle at 82% 38%,rgba(223,231,243,.27),transparent 36%);background:linear-gradient(135deg,#2f3e54,#445b79 55%,#90a8c4)}.game-entry-cover.mode-tavla{--cover-art:url("../img/game-covers/tavla.svg");--cover-glow:radial-gradient(circle at 82% 42%,rgba(253,228,195,.28),transparent 36%);background:linear-gradient(135deg,#6b3f24,#96613b 55%,#dba777)}.game-entry-cover.mode-domino{--cover-art:url("../img/game-covers/domino.svg");--cover-glow:radial-gradient(circle at 82% 42%,rgba(220,234,238,.28),transparent 36%);background:linear-gradient(135deg,#293740,#405462 55%,#8ca0ab)}.game-mark{grid-area:mark;width:52px;height:52px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:950;letter-spacing:-.06em}.game-mark.wide{font-size:19px}.game-entry-copy{grid-area:copy;display:grid;gap:5px;align-self:center;min-width:0}.game-entry-copy b{font-size:20px}.game-entry-copy small{min-height:34px;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-entry-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.game-entry-stats>span{min-width:0;min-height:52px;padding:8px;border:1px solid #e0e8e4;display:grid;place-items:center;align-content:center;gap:3px;text-align:center}.game-entry-stats b{font-size:18px;line-height:1;color:#1c392d;letter-spacing:-.03em;text-align:center}.game-entry-stats small{min-width:0;max-width:100%;color:#74837b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.card-action{grid-area:action;align-self:end;width:100%;color:var(--accent);font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-action>small{min-width:0;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-action>span{white-space:nowrap}
.game-entry-card:focus-visible,.lobby-room-card:focus-visible,.seat-card.can-sit:focus-visible{outline:2px solid rgba(23,107,77,.5);outline-offset:2px}
.home-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:center;gap:18px;padding:18px 20px;margin-bottom:12px;border:1px solid #dbe5e0;border-left:3px solid var(--accent)}.home-overview-copy h1{margin:3px 0 5px}.home-overview-copy p{margin:0;max-width:620px}.home-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-overview-stats article{min-width:0;padding:10px 8px;border:1px solid #dde7e2;display:grid;gap:2px;text-align:center}.home-overview-stats span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#78877f}.home-overview-stats b{font-size:20px;letter-spacing:-.04em;color:#1d352b}.home-resume-table{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin:10px 0 2px;padding:10px 12px;border:1px solid #b9d6c8;border-radius:11px;background:#f3faf6;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.home-resume-table:hover{border-color:#7fb79d;background:#edf8f2}.home-resume-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:18px;font-weight:900}.home-resume-copy{display:grid;gap:1px;min-width:0}.home-resume-copy small{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.home-resume-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-resume-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-resume-action{font-size:10px;font-weight:900;color:var(--accent);white-space:nowrap}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;padding-bottom:8px;border-bottom:1px solid #edf1ef}.home-section-head>div{display:flex;align-items:baseline;gap:10px}.home-section-head h2{margin:0;font-size:17px}.home-section-head span{font-size:11px;color:var(--muted)}.app-side{align-self:start;position:static;top:auto;max-height:none;overflow:visible}.leaderboard-panel{margin-bottom:0}.side-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid #edf1ef}.side-panel-head h2{margin:2px 0 0;font-size:17px}.side-panel-head .eyebrow{font-size:9px}.live-dot{width:9px;height:9px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 4px rgba(23,178,106,.11)}.leaderboard-empty{padding:20px 4px;text-align:center;color:var(--muted);font-size:12px}
.lobby-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-room-card{appearance:none;width:100%;border:1px solid #dbe5e0;padding:15px 16px;cursor:pointer;text-align:left;display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"number copy stats" "number enter enter";gap:9px 14px;align-items:center;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.lobby-room-card:hover{transform:translateY(-1px);background:#fbfdfc}.room-number{grid-area:number;width:46px;height:46px;border-radius:11px;background:#edf6f1;color:var(--accent);border:1px solid #d4e6dd;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.lobby-room-copy{grid-area:copy;display:grid;gap:4px;min-width:0}.lobby-room-copy b{font-size:16px;color:#203129}.lobby-room-copy small{color:#7a8780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-room-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(56px,1fr));gap:6px}.lobby-room-stats span{min-height:46px;padding:6px 8px;border:1px solid #e1e9e5;border-radius:9px;display:grid;justify-items:center;align-content:center;gap:2px;text-align:center}.lobby-room-stats b{font-size:15px;color:#21362c}.lobby-room-stats small{font-size:9px;color:#78867f;text-transform:uppercase;letter-spacing:.035em}.room-enter{grid-area:enter;justify-self:end;display:inline-flex;align-items:center;min-height:28px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:850}
.tables-head{align-items:center}.tables-head h1{font-size:28px;margin:3px 0}.tables-head p{margin:0}.create-table-panel{box-shadow:none;background:#f9fafb}.table-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.table-create-form>.scoring-select,.table-create-form>.table-option-grid{grid-column:1/-1}.table-create-form>button[type="submit"]{grid-column:1/-1;justify-self:end;min-width:170px}.form-grid{display:grid;gap:12px}.form-grid label{font-weight:700;font-size:14px;display:grid;gap:6px}.form-grid input,.table-create-form input,.inline-form select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.form-grid input:focus,.table-create-form input:focus,.inline-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,107,77,.12)}.table-list{display:grid}.table-card{background:linear-gradient(180deg,#fff,#fbfcfb);border:1px solid #dbe5e0;border-radius:14px;padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;box-shadow:0 1px 0 rgba(16,24,40,.02);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.table-card:hover{border-color:#a9c7b9;background:#fbfdfc;transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,24,40,.04)}.table-card-main{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.table-card-main>div:last-child{min-width:0}.table-card-main h3{font-size:16px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#203129}.table-icon{width:46px;height:46px;flex:0 0 46px;border-radius:11px;background:#edf6f1;border:1px solid #d4e6dd;color:var(--accent);display:grid;place-items:center;font-size:15px;font-weight:950;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.table-icon span{line-height:1}.table-meta{display:flex;gap:6px;flex-wrap:wrap;color:#6f7f77;font-size:10px}.table-meta>span{min-height:23px;padding:3px 7px;border:1px solid #e7ece9;border-radius:7px;background:#f7f9f8;display:inline-flex;align-items:center}.table-meta>.table-option-tag{min-height:22px!important}.status-dot{display:inline-flex;align-items:center;gap:5px;font-weight:800}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#98a2b3}.status-dot.waiting:before{background:#12b76a}.status-dot.playing:before{background:#f79009}.lock-mark{display:inline-flex;vertical-align:middle;margin-left:4px;padding:3px 6px;border-radius:6px;background:#f2f4f7;color:#667085;font-size:10px}.empty-state{border:1px dashed #cbd5dc;border-radius:12px;padding:24px;background:#fff;display:grid;gap:5px;text-align:center;color:var(--muted)}.empty-state b{color:var(--ink)}
.table-wait-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e9eeeb}.table-wait-head h2{font-size:26px;margin:3px 0}.table-wait-head p{margin:0}.table-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.seat-card{min-height:88px;border:1px dashed #cad7d1;padding:13px 14px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px}.seat-card.occupied{border-style:solid;border-color:#dbe5e0;box-shadow:0 1px 0 rgba(16,24,40,.02)}.seat-no{width:36px;height:36px;border-radius:10px;background:#edf2ef;color:#67766f;display:grid;place-items:center;font-weight:900}.seat-card.occupied .seat-no{background:var(--accent-soft);color:var(--accent);border:1px solid #d1e5db}.seat-card div{display:grid;gap:3px;min-width:0}.seat-card div>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-card div small{color:#7b8982}.team-tag{font-size:10px;background:#f3f6f4;padding:5px 7px;border:1px solid #e0e7e3;border-radius:7px;color:#66776e;font-weight:800;white-space:nowrap}
.gender-select,.scoring-select{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gender-select legend,.scoring-select legend{grid-column:1/-1;padding:0 0 2px;font-size:12px;font-weight:850;color:var(--muted)}.gender-card,.scoring-card{position:relative;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:62px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.gender-card input,.scoring-card input{position:absolute;opacity:0;pointer-events:none}.gender-card>span:last-child,.scoring-card>span{display:grid;gap:2px}.gender-card small,.scoring-card small{font-size:10px;font-weight:500;color:var(--muted);line-height:1.35}.gender-card:has(input:checked),.scoring-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px rgba(23,107,77,.08)}.gender-card.female:has(input:checked){border-color:#e58dad;background:#fff5f8;box-shadow:0 0 0 2px rgba(229,141,173,.10)}.gender-card.male:has(input:checked){border-color:#69a8e3;background:#f4f9ff;box-shadow:0 0 0 2px rgba(105,168,227,.10)}.gender-preview{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#f2f4f7;border:2px solid #cfd7dc;font-size:11px;font-weight:900}.gender-card.female .gender-preview{border-color:#ef8fb2;color:#a44467;background:#fff3f7}.gender-card.male .gender-preview{border-color:#68a9e8;color:#316caa;background:#f1f7ff}.scoring-card{grid-template-columns:1fr}.scoring-card.paired:has(input:checked){border-color:#b18a32;background:#fffaf0;box-shadow:0 0 0 2px rgba(177,138,50,.1)}.settings-grid>label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#65747b}.settings-grid input,.settings-grid select,.settings-grid textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid #dce3e6;border-radius:9px;background:#fff;color:var(--ink);outline:none}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,107,77,.10)}.settings-grid textarea{resize:vertical;min-height:86px;line-height:1.55;font:inherit;font-size:13px}.admin-settings-overview{padding:14px;border:1px solid #dce8e1;border-radius:12px;background:#f7fbf8;display:grid;gap:7px;color:#224e37}.admin-settings-overview b{font-size:13px}.admin-settings-overview p{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.admin-settings-overview small{font-size:11px;line-height:1.5;color:#688272}.admin-settings-overview a{color:#15704b;font-weight:750;text-decoration:underline;text-underline-offset:2px}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);max-width:1160px;margin:auto;align-items:center;gap:56px;padding:36px}.auth-hero{position:relative;padding:28px 0}.auth-brand-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auth-live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #cfe0d8;border-radius:999px;background:#f6faf8;color:#476158;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.auth-live-badge i{width:7px;height:7px;border-radius:50%;background:#27a56f}.hero h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:22px 0 15px;max-width:650px}.hero p{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 16px;max-width:620px}.auth-feature-grid span{padding:12px 13px;border:1px solid #dce7e1;border-radius:11px;background:#fff;display:grid;gap:2px}.auth-feature-grid b{font-size:17px;color:#203a30}.auth-feature-grid small{font-size:9px;font-weight:800;color:#78877f;text-transform:uppercase;letter-spacing:.055em}.hero-chips{display:flex;gap:7px;flex-wrap:wrap}.hero-chips span{padding:8px 10px;border:1px solid #d8e5df;background:#f6faf8;border-radius:9px;font-size:11px;font-weight:800;color:#456257}.auth-card{border:1px solid #dbe5e0;padding:24px}.auth-card-head{display:grid;gap:4px;margin-bottom:16px}.auth-card-head h2{margin:0;letter-spacing:-.025em}.auth-card-head p{margin:0;font-size:12px;line-height:1.5}.tabs{display:flex;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--line);background:#f4f7f5;border-radius:11px}.tab{flex:1;border:0;padding:10px;background:transparent;border-radius:8px;cursor:pointer;font-weight:850;color:#697970}.tab.active{background:var(--accent);color:#fff}.guest-login-block{display:grid;gap:12px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#98a2b3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-divider i{height:1px;background:var(--line)}.auth-divider b{font-weight:800}.guest-btn{width:100%;min-height:46px;background:#f8faf9;border-color:#cbd9d2;color:var(--accent-strong)}.guest-btn:hover:not(:disabled){background:var(--accent-soft);border-color:#aac7ba}.guest-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:12px;font-weight:900}.guest-status{background:#fff7e8;color:#8a4b00;border:1px solid #fedf89}.admin-shell{padding-bottom:40px}.admin-heading{display:flex;align-items:center;justify-content:space-between}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-settings{gap:16px}.settings-section{border:1px solid var(--line);border-radius:13px;background:#fbfcfc;padding:15px}.settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.settings-title div{display:grid;gap:3px}.settings-title small{color:var(--muted);font-weight:500}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-setting{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.toggle-setting>span{display:grid;gap:3px}.toggle-setting>span small{font-weight:500;color:var(--muted)}.toggle-setting input{position:absolute;opacity:0;pointer-events:none}.toggle-setting i{position:relative;flex:0 0 48px;width:48px;height:28px;border-radius:999px;background:#cbd5dc;transition:.18s}.toggle-setting i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(16,24,40,.2);transition:.18s}.toggle-setting input:checked+i{background:var(--accent)}.toggle-setting input:checked+i:after{transform:translateX(20px)}.toggle-setting:focus-within{box-shadow:0 0 0 3px rgba(23,107,77,.12)}.admin-save{display:flex;justify-content:flex-end}.admin-save .btn{min-width:170px}.leaderboard{display:grid;gap:0}.leader-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:13px}.leader-row>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f0f4f2;color:var(--accent);font-size:10px}.leader-row>span:nth-child(2){font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row>span:last-child{color:var(--muted);font-size:11px;white-space:nowrap}.leader-row:last-child{border:0}.notice{padding:12px;border-radius:10px;margin:12px 0}.notice.error{background:var(--danger-soft);color:#8a1c13;border:1px solid #fecaca}.notice.success{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}.toast{position:fixed;right:18px;bottom:18px;z-index:99;max-width:340px;background:#111827;color:#fff;padding:12px 14px;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}

/* Gerçek oyun masası */
body.is-playing{overflow:hidden;background:#0d1511}body.is-playing .site-head{display:none}body.is-playing .shell.app-grid{display:block;width:100%;max-width:none;height:100dvh;margin:0;padding:0}body.is-playing .game-flow{height:100dvh;min-height:0}body.is-playing .app-grid>aside{display:none}
.game-panel.real-game:not(.hidden){position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;margin:0;border:0;border-radius:0;color:#fff;box-shadow:none;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.game-panel.game-action-pending{cursor:progress}.game-panel.game-action-pending .table-action-btn,.game-panel.game-action-pending .multi-action,.game-panel.game-action-pending .rack-sort-btn{cursor:progress}.game-hud{display:grid;grid-template-columns:minmax(0,auto) minmax(180px,1fr) auto;align-items:center;overflow:hidden}.game-hud::-webkit-scrollbar{display:none}.game-hud-main{display:flex;align-items:center;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.game-hud-main::-webkit-scrollbar{display:none}.game-panel .pill{color:#f5fbf8;border:1px solid #34483e;font-weight:800}.turn-pill{font-weight:850}.timer-pill{min-width:54px;justify-content:center;color:#ffe6a8!important}.timer-pill.urgent{background:#5b2b25!important;border-color:#9f554a!important;color:#ffd2cb!important}.network-pill{min-width:66px;justify-content:center;gap:5px;font-size:9px;color:#d8e7df!important}.network-pill i{width:6px;height:6px;border-radius:50%;background:#62d89c;box-shadow:0 0 0 3px rgba(98,216,156,.10)}.network-pill b{font-size:9px}.network-pill.network-fair i{background:#e9c35e;box-shadow:0 0 0 3px rgba(233,195,94,.10)}.network-pill.network-poor{border-color:#8a4d45!important;color:#ffd2cb!important}.network-pill.network-poor i{background:#e26f63;box-shadow:0 0 0 3px rgba(226,111,99,.10)}.game-icon-btn{width:34px;height:34px;padding:0;border:1px solid #34483e;border-radius:9px;color:#f5fbf8;display:grid;place-items:center;font-size:16px;cursor:pointer;flex:0 0 auto;transition:background .14s,border-color .14s,transform .14s}.game-icon-btn:hover{background:#2d4037;border-color:#4a6557;transform:translateY(-1px)}.game-icon-btn.muted{opacity:.62}.indicator-box{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;white-space:nowrap;flex:0 0 auto}.hud-label{color:#9fb2a8;font-weight:750}
.presence-bar{min-width:0;padding:3px 7px;border:1px solid rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none}.presence-bar::-webkit-scrollbar{display:none}.presence-status{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;font-size:9.5px;color:#cfddd6;white-space:nowrap}.presence-role,.queue-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#24332c;border:1px solid #34483e;font-weight:850}.presence-count{color:#9eb1a7}.presence-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:flex-end}.presence-actions .btn{min-height:28px;padding:4px 8px;font-size:9.5px;background:#f8fbf9;border-color:#dce6e1;white-space:nowrap}.presence-actions .btn.primary{background:#e8f3ee;color:var(--accent-strong);border-color:#e8f3ee}.game-spectators{display:flex;align-items:center;gap:4px;max-width:210px;overflow-x:auto;scrollbar-width:none}.game-spectators::-webkit-scrollbar{display:none}.game-spectators .spectator-chip{flex:0 0 auto;min-height:23px;padding:3px 7px;background:#1e2b25;border-color:#33483e;color:#e9f4ef;font-size:9px}.game-spectators .spectator-chip.queued{background:#43341d;border-color:#735f34;color:#ffe4a8}


.profile-avatar.gender-female,.gender-preview.gender-female{border-color:#ef8fb2;box-shadow:0 0 0 2px rgba(239,143,178,.2),0 4px 12px rgba(0,0,0,.17)}.profile-avatar.gender-male,.gender-preview.gender-male{border-color:#68a9e8;box-shadow:0 0 0 2px rgba(104,169,232,.2),0 4px 12px rgba(0,0,0,.17)}


.meld{display:flex;gap:1px;padding:3px;border-radius:7px;background:rgba(8,30,22,.55);box-shadow:0 3px 8px rgba(0,0,0,.12)}
.draft-meld{appearance:none;padding:4px 6px;border:1px solid rgba(255,255,255,.10);background:#18251f;color:#edf6f1;border-radius:7px;font:inherit;font-size:9px;cursor:pointer}.draft-meld:hover{border-color:rgba(126,199,160,.42);background:#1d3027}.draft-empty{color:#9fb0a8;font-size:9px}
.rack{--rack-slots:15;position:relative;z-index:2;display:grid;gap:6px}
.tile{position:relative;width:40px;height:58px;flex:0 0 auto;border:1px solid #c9bda7;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .11s,box-shadow .11s,opacity .11s,filter .11s}.tile:active{cursor:grabbing}.tile:after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:2px;border-radius:4px;background:currentColor;opacity:.28}.tile span{line-height:1}.tile>i{font-style:normal;line-height:1;margin-top:3px}.tile small{font-size:0}.tile.okey:before{content:"OKEY";position:absolute;top:2px}.tile.must-use{outline:2px solid #f59e0b;outline-offset:1px}.tile.fake_joker span{font-size:19px}.tile.fake_joker>i{display:none}.tile.fake_joker small{line-height:1;text-align:center}.tile.dragging{opacity:.35}.tile-drag-ghost{position:fixed!important;z-index:9999!important;left:0;top:0;margin:0!important;pointer-events:none!important;opacity:.94!important}.tile-dragging{cursor:grabbing!important}
.table-card-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.table-card-actions .btn{min-width:84px;min-height:36px;padding:7px 11px;border-radius:9px}.table-card-actions .watch-btn{background:#f7faf8;color:#3f5d4f;border-color:#dce6e1}.table-card-actions .sit-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.seat-card.can-sit{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;appearance:none}.seat-card.can-sit:hover{border-style:solid;border-color:#91c0a9;background:#f2faf6;transform:translateY(-1px);box-shadow:0 6px 14px rgba(16,24,40,.04)}.spectator-section{margin-top:16px;padding-top:14px;border-top:1px solid #e7ece9}.spectator-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.spectator-head span{min-width:28px;height:28px;border-radius:999px;background:var(--soft);display:grid;place-items:center;font-size:12px;font-weight:850}.spectator-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.spectator-chip{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border:1px solid #dfe7e3;border-radius:8px;font-size:11px;font-weight:750;color:#53665d}.spectator-chip.queued{background:#fff7e8;border-color:#fedf89;color:#8a4b00}.queue-note{margin:-4px 0 14px;padding:10px 12px;border-radius:10px;background:#fff7e8;border:1px solid #fedf89;color:#8a4b00;font-weight:750}.resume-game-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 13px;border:1px solid #cbded4;border-left:3px solid var(--accent);border-radius:11px;background:#f6fbf8}.resume-game-copy{display:flex;align-items:center;gap:10px;min-width:0}.resume-game-copy>div{display:grid;gap:2px;min-width:0}.resume-game-copy b{font-size:12px;color:#1d3d30}.resume-game-copy small{font-size:10px;line-height:1.45;color:#667a70}.resume-game-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:19px;font-weight:900}.resume-game-status{flex:0 0 auto}.resume-game-status span{display:inline-flex;min-height:28px;align-items:center;padding:5px 8px;border:1px solid #d7e6de;border-radius:8px;background:#fff;color:#587065;font-size:9px;font-weight:850}.compact-seat{white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stats div{padding:16px;background:#f6f8f9;border-radius:12px;text-align:center}.stats b{display:block;font-size:24px}.stats span{color:var(--muted);font-size:13px}.install-wrap{max-width:720px;margin:40px auto;padding:16px}.install-wrap .panel{padding:28px}

@media(max-width:1000px){
  .app-grid{grid-template-columns:1fr}.app-grid aside{display:block}.game-entry-card{min-height:168px}.lobby-room-grid{grid-template-columns:1fr}.home-overview{grid-template-columns:1fr}.home-overview-stats{max-width:620px}.app-side{position:static;top:auto}.leaderboard-panel{margin-bottom:14px}
  
}
@media(max-width:600px){.home-overview{padding:16px;gap:15px;border-radius:13px}.home-overview-copy h1{font-size:26px}.home-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-overview-stats article{padding:10px 8px}.home-overview-stats b{font-size:20px}.home-section-head{margin-top:14px}.home-section-head>div{display:grid;gap:2px}.game-entry-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.game-entry-stats>span{grid-template-columns:1fr;gap:2px}.game-entry-stats b{font-size:17px}.game-entry-stats small{font-size:8px}.page-heading{padding:15px;border-radius:12px;align-items:flex-start}.tables-head .btn{min-width:150px}.home-resume-table{grid-template-columns:34px minmax(0,1fr);padding:9px 10px}.home-resume-mark{width:31px;height:31px}.home-resume-action{grid-column:2;justify-self:start}.home-resume-copy b{font-size:12px}.home-resume-copy span{font-size:9px}}
@media(max-width:760px){
  .auth-shell{grid-template-columns:1fr;max-width:600px}.game-entry-grid{grid-template-columns:1fr}.seat-grid{grid-template-columns:1fr}.table-create-form{grid-template-columns:1fr}.table-create-form>button[type="submit"]{grid-column:auto;justify-self:stretch;width:100%}.app-side{position:static;max-height:none;overflow:visible}
  .game-hud{display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;background:#111b16}.game-hud-main{min-width:max-content;overflow:visible}.presence-bar{min-width:max-content;justify-content:flex-start;border:1px solid rgba(255,255,255,.04);padding:2px 4px}.game-hud .pill{min-height:29px;padding:4px 6px;font-size:9px;flex:0 0 auto;border-radius:8px}.network-pill{min-width:58px;gap:4px}.network-pill b{font-size:8px}.network-pill i{width:5px;height:5px}.game-icon-btn{width:29px;height:29px;min-width:29px;font-size:13px;border-radius:8px}.indicator-box{gap:3px}.hud-label{display:none}
  .presence-bar{padding-left:5px;gap:4px}.presence-status{font-size:9px}.presence-role,.queue-badge{padding:3px 5px}.presence-count{display:none}.presence-actions .btn{min-height:27px;padding:3px 6px;font-size:9px}.game-spectators{max-width:120px}
  
  
  .rack{gap:4px}.tile{border-radius:4px;border-bottom-width:2px}.tile>i{font-size:4px;margin-top:1px}.tile:after{left:2px;right:2px;bottom:2px;height:1px}.tile.fake_joker span{font-size:13px}.tile.fake_joker small{font-size:4px}
  .flow-toolbar>.btn,.page-heading .btn,.table-card-actions .btn{min-height:38px}.home-overview-copy p{line-height:1.5}.private-chat-form input,.form-grid input,.table-create-form input{font-size:16px}
}
@media(max-width:600px){.gender-select,.scoring-select{grid-template-columns:1fr}
  .shell{padding:0 10px}.site-head .topbar{min-height:0;padding-top:7px;padding-bottom:7px;align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.topbar nav{justify-content:flex-start;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.topbar nav::-webkit-scrollbar{display:none}.topbar nav .pill,.topbar nav .btn{flex:0 0 auto}.topbar nav .pill{padding:6px 8px}.topbar nav .btn{padding:7px 9px}.pill{font-size:12px}.app-grid{padding-top:14px;gap:14px}.page-heading h1,.tables-head h1{font-size:25px}.flow-toolbar{margin-bottom:14px}.breadcrumb{display:none}.section-head,.table-wait-head{align-items:flex-start}.page-heading.tables-head{display:grid}.tables-head .btn{width:100%;margin-top:4px}.game-entry-card{padding:14px;border-radius:13px;grid-template-columns:46px 1fr;gap:11px}.game-mark{width:46px;height:46px;border-radius:11px;font-size:22px}.game-entry-copy b{font-size:19px}.game-entry-stats>span{padding:8px 6px}.lobby-room-card{grid-template-columns:42px minmax(0,1fr);grid-template-areas:"number copy" "stats stats" "enter enter";padding:13px}.room-number{width:42px;height:42px}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid #e8eeeb;padding-top:9px}.lobby-room-stats span{min-width:0;min-height:44px;padding:5px 4px}.room-enter{justify-self:stretch;justify-content:center;margin-top:1px}.table-card{align-items:stretch;display:grid;grid-template-columns:1fr;padding:13px}.table-card .btn{width:100%}.table-meta{gap:5px}.table-meta>span{font-size:9px;min-height:22px}.table-card-actions{border-top:1px solid #edf1ef;padding-top:10px}.table-wait-head{display:grid}.table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.table-actions .btn{width:100%;min-width:0}.table-actions .btn:only-child{grid-column:1/-1}.seat-card{grid-template-columns:32px minmax(0,1fr) auto;padding:11px;min-height:78px}.seat-card .team-tag{font-size:9px;padding:4px 6px}.auth-shell{padding:18px;gap:20px}.hero h1{font-size:32px}.hero p{font-size:16px}.stats{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.admin-save .btn{width:100%}.table-card-actions{display:grid;grid-template-columns:1fr 1fr}.table-card-actions .btn:only-child{grid-column:1/-1}.spectator-section{margin-top:12px}.spectator-list{gap:5px}.spectator-chip{font-size:10px;padding:5px 7px}.resume-game-card{display:grid;gap:9px;padding:10px}.resume-game-status{justify-self:stretch}.resume-game-status span{width:100%;justify-content:center}.resume-game-copy small{font-size:9px}
}
@media(max-width:390px){
  .game-hud-main{gap:3px}.game-hud .pill{font-size:8px}.indicator-box{gap:3px}
}
@media(max-height:650px) and (orientation:landscape){
  .game-hud{min-height:38px}.presence-bar{min-height:27px}
}
/* Advanced administration */
.admin-body{background:#f4f6f8;color:var(--ink);min-height:100vh}.admin-layout{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:none;background:#11191d;color:#dbe4e8;border-right:1px solid #243036;display:flex;flex-direction:column;padding:18px 14px;z-index:40}.admin-brand{display:flex;align-items:center;gap:11px;padding:7px 9px 18px;color:#fff;text-decoration:none;border-bottom:1px solid #28343a}.admin-brand>span{width:38px;height:38px;border-radius:10px;background:#e7b84b;color:#172024;display:grid;place-items:center;font-weight:900}.admin-brand div{display:grid;gap:2px}.admin-brand b{font-size:15px}.admin-brand small{font-size:10px;color:#81929a;text-transform:uppercase;letter-spacing:.08em}.admin-nav{display:grid;gap:4px;padding:18px 0;overflow:auto}.admin-nav a{min-height:43px;padding:8px 10px;border-radius:9px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;color:#aebbc1;text-decoration:none;font-size:13px;font-weight:750}.admin-nav a i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#1c272c;color:#91a1a8;font-size:12px}.admin-nav a>b{min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#28353b;font-size:10px}.admin-nav a:hover{background:#182329;color:#fff}.admin-nav a.active{background:#eef4f1;color:#17231e}.admin-nav a.active i{background:#1e694c;color:#fff}.admin-sidebar-foot{margin-top:auto;padding:14px 9px 4px;border-top:1px solid #28343a;display:grid;gap:8px;font-size:11px;color:#7e8e95}.admin-sidebar-foot a{color:#cfd9dd;text-decoration:none}.admin-main{min-width:0}.admin-top{min-height:78px;padding:14px 26px;background:#fff;border-bottom:1px solid #e3e8ea;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:25}.admin-top>div:first-child{display:flex;align-items:center;gap:12px}.admin-top h1{font-size:22px;margin:2px 0 0}.admin-top .eyebrow{font-size:9px}.admin-user{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750}.admin-menu-toggle{display:none;width:38px;height:38px;border:1px solid #dce3e6;border-radius:9px;background:#fff;font-size:19px}.admin-content{max-width:1500px;margin:0 auto;padding:24px}.admin-notice{margin:18px 24px 0}.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-kpi-grid article{min-height:118px;padding:16px;border:1px solid #e1e7e9;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:none}.admin-kpi-grid article span{font-size:11px;color:#77868d;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.admin-kpi-grid article b{font-size:27px;margin:7px 0 3px;letter-spacing:-.03em}.admin-kpi-grid article small{font-size:11px;color:#89969c}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{background:#fff;border:1px solid #e1e7e9;border-radius:13px;padding:18px;box-shadow:none;margin-bottom:16px}.admin-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0f2}.admin-card-head>div{display:grid;gap:3px}.admin-card-head b{font-size:15px}.admin-card-head small{font-size:11px;color:#819098}.admin-card-head>a:not(.btn){font-size:11px;color:#1e694c;text-decoration:none;font-weight:800}.admin-list{display:grid}.admin-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eff2f3}.admin-list>div:last-child{border:0}.admin-list>div>span:nth-child(2){display:grid;gap:2px}.admin-list b{font-size:12px}.admin-list small{font-size:10px;color:#87949a}.admin-avatar{width:31px;height:31px;border-radius:9px;background:#edf3f0;color:#1e694c;display:grid;place-items:center;font-size:11px;font-weight:900}.admin-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 8px;border-radius:999px;background:#eef1f2;color:#627078;font-size:9px;font-weight:900;white-space:nowrap}.admin-status.active,.admin-status.waiting{background:#e8f6ee;color:#187044}.admin-status.playing{background:#e8f0fb;color:#245f9d}.admin-status.disabled,.admin-status.finished{background:#eef1f2;color:#64727a}.admin-status.blocked,.admin-status.cancelled{background:#fdecec;color:#b53030}.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.admin-form-grid label,.admin-manage-card label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#65747b}.admin-form-grid .wide{grid-column:span 2}.admin-form-action{display:flex;justify-content:flex-end}.admin-form-grid input,.admin-form-grid select,.admin-manage-card input,.admin-manage-card select,.admin-row-form input,.admin-row-form select,.admin-search input{width:100%;min-height:38px;border:1px solid #dce3e6;border-radius:8px;background:#fff;padding:8px 10px;font:inherit;color:var(--ink)}.admin-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-manage-card{padding:14px;border:1px solid #e4e9eb;border-radius:11px;background:#fafbfb;display:grid;gap:10px}.admin-manage-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-manage-title>span{font-size:10px;text-transform:uppercase;color:#6f7f86;font-weight:900;letter-spacing:.05em}.admin-inline-fields{display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:7px}.admin-card-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:#6f7e85}.admin-card-meta span{padding:5px 7px;border-radius:6px;background:#eef2f3}.admin-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.admin-body .btn.danger,.editor-body .btn.danger{background:#fff;color:#b52f2f;border-color:#efcaca}.admin-body .btn.danger:hover,.editor-body .btn.danger:hover{background:#fff2f2}.admin-table-wrap{width:100%;overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:850px}.admin-table th{text-align:left;padding:9px 10px;border-bottom:1px solid #e5eaec;color:#74838a;font-size:9px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-table td{padding:10px;border-bottom:1px solid #eef1f2;font-size:11px;vertical-align:middle}.admin-table td>b{display:block;font-size:11px}.admin-table td>small,.admin-table td small{display:block;color:#8a979d;margin-top:2px;font-size:9px}.admin-row-form{display:flex;align-items:center;gap:5px;min-width:650px}.admin-row-form input,.admin-row-form select{min-height:32px;padding:5px 7px;font-size:10px}.admin-row-form input.tiny{max-width:66px}.admin-row-form .btn{padding:7px 8px;font-size:9px;white-space:nowrap}.user-row{min-width:570px}.admin-readonly{min-height:32px;display:flex;align-items:center;padding:0 9px;background:#eef2f3;border-radius:7px;color:#68777e}.admin-search{display:flex;gap:6px;min-width:300px}.admin-search input{min-height:35px}
.admin-dictionary-add{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;max-width:520px}.admin-dictionary-add input{min-height:38px;padding:8px 10px;border:1px solid #dce3e6;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.admin-dictionary-add input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,107,77,.10)}.dictionary-source{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;background:#edf5f1;color:#2c6d50;font-size:8px;font-weight:900}.dictionary-source.admin{background:#eef2fb;color:#365f99}.dictionary-word{font-size:13px;letter-spacing:.03em}.dictionary-note{padding:11px 13px;border:1px solid #dfe9e4;border-radius:10px;background:#f8fbf9;color:#5e7168;font-size:10px;line-height:1.55}.dictionary-note b{color:#245f47}.admin-dictionary-table{min-width:820px}@media(max-width:600px){.admin-dictionary-add{grid-template-columns:1fr}.admin-dictionary-add .btn{width:100%}.admin-dictionary-table{min-width:0}}
.admin-settings-card{max-width:980px}.system-grid{grid-template-columns:repeat(4,1fr)}.dictionary-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-system-list{margin:0}.admin-system-list>div{display:grid;grid-template-columns:180px 1fr;padding:11px 0;border-bottom:1px solid #edf1f2}.admin-system-list dt{font-size:10px;color:#77858c;font-weight:800}.admin-system-list dd{margin:0;font-size:11px;font-weight:750}.admin-empty-row{text-align:center!important;padding:28px 12px!important;color:#7a8990!important;font-weight:700}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:12px;border-top:1px solid #edf1f2}.admin-pagination-meta{font-size:10px;font-weight:800;color:#7a8990}.admin-pagination-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.admin-pagination-links>a:not(.btn),.admin-pagination-links>strong,.admin-pagination-links>span{min-width:32px;height:32px;padding:0 8px;border:1px solid #dce3e6;border-radius:8px;display:grid;place-items:center;background:#fff;color:#56666d;text-decoration:none;font-size:10px;font-weight:850}.admin-pagination-links>strong{background:#1e694c;border-color:#1e694c;color:#fff}.admin-pagination-links>span{border-color:transparent;background:transparent;min-width:18px;padding:0}.admin-pagination-links>.btn{min-height:32px;padding:6px 10px;font-size:10px}.admin-pagination-empty{justify-content:center}.salon-entry-card{background:#fff}
.admin-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border-radius:12px}.admin-section-toolbar>div{display:grid;gap:3px}.admin-section-toolbar>div>b{font-size:15px}.admin-section-toolbar>div>small{font-size:11px;color:#819098;line-height:1.45}.admin-section-toolbar>.btn{flex:0 0 auto}.admin-section-toolbar .admin-search{margin-left:auto}.admin-form-page{max-width:980px}.admin-entity-table{min-width:760px}.admin-row-actions{flex-wrap:nowrap}.admin-row-actions form{margin:0}.admin-row-actions .btn{min-height:34px;padding:7px 10px;font-size:10px;white-space:nowrap}.admin-check-field{display:flex!important;align-items:flex-start!important;gap:9px!important;min-height:60px;padding:10px 11px;border:1px solid #e0e7e4;border-radius:9px;background:#fafcfb}.admin-check-field input{width:16px!important;height:16px!important;min-height:0!important;margin-top:2px;accent-color:#1e694c}.admin-check-field span{display:grid;gap:3px}.admin-check-field b{font-size:10px;color:#25383f}.admin-check-field small{font-size:9px;color:#809097;line-height:1.4}.admin-user-edit-form .admin-form-action{grid-column:1/-1}.admin-user-edit-form .admin-check-field{align-self:stretch}

@media(max-width:1250px){.admin-kpi-grid{grid-template-columns:repeat(3,1fr)}.dictionary-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-manage-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-menu-toggle{display:grid;place-items:center}.admin-top{padding:10px 14px}.admin-content{padding:14px}.admin-notice{margin:12px 14px 0}.admin-two-col{grid-template-columns:1fr}.admin-manage-grid{grid-template-columns:1fr}.admin-user>span{display:none}}
@media(max-width:600px){.admin-pagination{align-items:stretch;flex-direction:column}.admin-pagination-links{justify-content:space-between}.admin-pagination-links>.btn{flex:1}.admin-top h1{font-size:18px}.admin-kpi-grid,.system-grid{grid-template-columns:repeat(2,1fr);gap:8px}.admin-kpi-grid article{min-height:96px;padding:12px}.admin-kpi-grid article b{font-size:22px}.admin-card{padding:13px;border-radius:10px}.admin-card-head{align-items:flex-start;flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}.admin-form-action .btn{width:100%}.admin-inline-fields{grid-template-columns:1fr}.admin-search{width:100%;min-width:0}.admin-system-list>div{grid-template-columns:1fr;gap:4px}.admin-actions .btn{flex:1}.admin-manage-card .btn{min-height:38px}}

/* Administration UI — dashboard control, categorized navigation and accessible mobile data rows. */
.admin-nav-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-body .admin-sidebar{gap:0}.admin-nav-search{display:flex;align-items:center;gap:7px;margin:15px 2px 0;padding:0 9px;min-height:41px;border:1px solid #35453f;border-radius:11px;background:#1b2926;color:#a9bfb4}.admin-nav-search label{display:grid;place-items:center;flex:0 0 19px}.admin-nav-search label .ui-icon{width:17px;height:17px}.admin-nav-search input{min-width:0;flex:1;width:100%;border:0;outline:none;color:#f0f6f3;background:transparent;font:inherit;font-size:12px}.admin-nav-search input::placeholder{color:#99aca3}.admin-nav-search:focus-within{border-color:#88c7a8;box-shadow:0 0 0 3px rgba(68,173,121,.18)}.admin-nav-search kbd{font:inherit;font-size:10px;color:#93a9a0;border:1px solid #415249;border-radius:5px;padding:1px 5px}.admin-nav{align-content:start;gap:13px;padding:14px 0 18px}.admin-nav-group{display:grid;gap:3px}.admin-nav-group-title{display:block;padding:4px 12px 5px;color:#849890;font-size:10px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.admin-nav a{min-height:40px;border:1px solid transparent;transition:background .15s,border-color .15s}.admin-nav a:hover{background:#1c3029;border-color:#34473d}.admin-nav a.active{background:#e8f5ed;border-color:#bfe2cd;color:#154f35}.admin-nav a:focus-visible,.admin-sidebar-foot a:focus-visible{outline:2px solid #9bd6b8;outline-offset:1px}.admin-nav a i .ui-icon{height:17px;width:17px}.admin-nav a>b.admin-nav-attention{color:#fff;background:#a54836}.admin-nav-no-results{display:block;padding:10px 11px;color:#b2c2ba;font-size:12px}.admin-nav-no-results[hidden],.admin-nav-group[hidden],.admin-nav a[hidden]{display:none!important}.admin-body .admin-top{min-height:73px}.admin-top>div:first-child{min-width:0;flex:1 1 auto}.admin-heading{display:grid;gap:2px;min-width:0}.admin-heading h1{line-height:1.25;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-heading small{color:#81948a;font-size:11px;font-weight:550}.admin-user-avatar{height:35px;width:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:10px;background:#e7f4eb;color:#22684b;border:1px solid #cde5d5;font-size:13px;font-weight:900}.admin-user .btn{min-height:36px}.admin-user .btn .ui-icon{width:15px;height:15px}.admin-body :where(input,select,textarea,button,a):focus-visible{outline:2px solid #247c55;outline-offset:2px}.admin-dashboard-control{display:grid;gap:12px;margin:0 0 17px}.admin-dashboard-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-dashboard-control-head>div{display:grid;gap:3px}.admin-dashboard-control-head h2{margin:0;font-size:17px;letter-spacing:-.02em}.admin-dashboard-shortcuts{display:flex;gap:7px;flex-wrap:wrap}.admin-dashboard-shortcuts a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #dae8e0;border-radius:9px;background:#fff;color:#21563c;text-decoration:none;font-size:11px;font-weight:800}.admin-dashboard-shortcuts a:hover{background:#eef8f1;border-color:#b4d5c0}.admin-dashboard-shortcuts .ui-icon{width:15px;height:15px}.admin-dashboard-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.admin-dashboard-alert{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:14px;min-width:0;border:1px solid #dfe9e3;border-radius:12px;background:#fff;text-decoration:none;color:#254838;transition:border-color .15s,background .15s}.admin-dashboard-alert:hover{border-color:#a9cfb7;background:#f8fcf9}.admin-dashboard-alert.needs-review{border-color:#ebdac5;background:#fffcf7}.admin-dashboard-alert-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eaf5ed;color:#22744d}.admin-dashboard-alert.needs-review .admin-dashboard-alert-icon{background:#fff0db;color:#8e562a}.admin-dashboard-alert-icon .ui-icon{width:18px;height:18px}.admin-dashboard-alert>span:nth-child(2){display:grid;gap:4px;min-width:0}.admin-dashboard-alert small{font-size:11px;line-height:1.35;color:#6c8176;font-weight:750}.admin-dashboard-alert b{font-size:23px;line-height:1.1;letter-spacing:-.02em}.admin-dashboard-alert em{font-size:10px;font-style:normal;color:#84958a}.admin-dashboard-alert>.ui-icon{height:16px;width:16px;color:#8ca599}.admin-body .admin-card{min-width:0}.admin-body .admin-table tr:hover{background:#f7faf8}.admin-body .admin-table-wrap{overscroll-behavior-x:contain}.admin-body .admin-table th{font-size:10px}.admin-body .admin-table td{font-size:12px}.admin-body .admin-table td>b{font-size:12px}
@media(max-width:1200px){.admin-dashboard-alerts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-alert:last-child{grid-column:1/-1}}
@media(max-width:900px){.admin-nav-search{margin-top:11px}.admin-body .admin-sidebar{width:min(290px,88vw);max-width:calc(100vw - 48px);padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}.admin-body .admin-top{min-height:62px}.admin-heading small{display:none}.admin-user-avatar{width:32px;height:32px;flex-basis:32px}}
@media(max-width:600px){.admin-dashboard-alerts{grid-template-columns:1fr;gap:8px}.admin-dashboard-alert:last-child{grid-column:auto}.admin-dashboard-alert{padding:11px}.admin-dashboard-control-head{align-items:flex-start}.admin-dashboard-shortcuts{width:100%}.admin-dashboard-shortcuts a{flex:1 1 auto;justify-content:center}.admin-heading h1{font-size:17px}.admin-user-avatar,.admin-user>span:not(.admin-user-avatar){display:none}.admin-user .btn{padding:0 9px;font-size:11px}.admin-top{gap:8px}.admin-table td[data-label]:before{content:attr(data-label);display:block;margin:0 0 4px;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.035em;font-weight:850;color:#718578}.admin-body .admin-table td[data-label]{overflow-wrap:anywhere}.admin-body .admin-table-wrap{overflow:visible}.admin-body .admin-card-head .admin-search{min-width:0;width:100%}}
/* Dashboard: restrained, accessible analytical summaries and operations. */
.admin-dashboard-analytics{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:13px;margin:0 0 14px;align-items:stretch}
.admin-dashboard-analytics>.admin-card{margin:0;min-width:0}
.admin-dashboard-period{font-size:10px;font-weight:850;white-space:nowrap;padding:6px 9px;border-radius:8px;border:1px solid #dbe9df;background:#f4faf6;color:#3b7655}
.admin-dashboard-trend-summary{display:flex;gap:16px;flex-wrap:wrap;margin:3px 0 12px;color:#657e6e;font-size:12px}.admin-dashboard-trend-summary b{font-size:17px;color:#244735;margin-right:3px;font-variant-numeric:tabular-nums}
.admin-dashboard-legend{display:flex;gap:14px;margin-bottom:9px;color:#758b7d;font-size:10px;font-weight:700}.admin-dashboard-legend span{display:inline-flex;align-items:center;gap:5px}.admin-dashboard-legend i{width:9px;height:9px;border-radius:3px;background:#3b9366}.admin-dashboard-legend i.game{background:#759ab8}
.admin-dashboard-trend-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px;min-width:0;padding:9px 3px 0;border-top:1px solid #edf2ee}
.admin-dashboard-trend-day{display:grid;grid-template-rows:100px auto;gap:6px;text-align:center;min-width:0}.admin-dashboard-trend-columns{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;min-height:0;border-bottom:1px solid #e4ece6}.admin-dashboard-trend-columns span{display:block;width:min(22px,42%);border-radius:5px 5px 0 0;background:#3b9366;min-height:0}.admin-dashboard-trend-columns span.game{background:#759ab8}.admin-dashboard-trend-day small{font-size:10px;white-space:nowrap;color:#738879;font-weight:730;font-variant-numeric:tabular-nums}
.admin-dashboard-mode-list{display:grid;gap:13px;padding-top:5px}.admin-dashboard-mode{display:grid;gap:6px}.admin-dashboard-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.admin-dashboard-mode-top>span{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;color:#2d533c;font-weight:710}.admin-dashboard-mode-top em{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:7px;font-size:10px;font-style:normal;background:#eef5f0;color:#458264}.admin-dashboard-mode-top strong{font-variant-numeric:tabular-nums;color:#2e543f}.admin-dashboard-mode-track{height:7px;border-radius:10px;background:#eef3ef;overflow:hidden}.admin-dashboard-mode-track span{display:block;height:100%;border-radius:10px;background:#4b9b70}
.admin-dashboard-services{margin-bottom:14px}.admin-dashboard-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-dashboard-service{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:9px 10px;border:1px solid #e0ebe4;border-radius:11px;text-decoration:none;background:#fcfefd;color:#2e523d}.admin-dashboard-service:hover{background:#f1f8f3;border-color:#b9d5c5}.admin-dashboard-service-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#eaf4ed;color:#35835b}.admin-dashboard-service-icon .ui-icon{width:17px;height:17px}.admin-dashboard-service>span:nth-child(2){display:grid;gap:2px;min-width:0}.admin-dashboard-service b{font-size:11px;line-height:1.35}.admin-dashboard-service small{font-size:10px;color:#748a7b}.admin-dashboard-service>i{margin-left:auto;flex:0 0 7px;height:7px;width:7px;border-radius:50%;background:#b6bfb9}.admin-dashboard-service>i.enabled{background:#2a9460}
.admin-dashboard-live{margin:0 0 14px}.admin-dashboard-live .admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px}.admin-dashboard-live .admin-list>div{min-width:0}.admin-dashboard-live .admin-list>div>span:nth-child(2){min-width:0}.admin-dashboard-live .admin-list b,.admin-dashboard-live .admin-list small{overflow-wrap:anywhere}
.admin-dashboard-empty{font-size:12px;color:#7a8d80;padding:15px 3px;margin:0;line-height:1.5}
@media(max-width:1250px){.admin-dashboard-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.admin-dashboard-analytics{grid-template-columns:1fr}.admin-dashboard-live .admin-list{grid-template-columns:1fr}}
@media(max-width:600px){.admin-dashboard-analytics{gap:10px;margin-bottom:10px}.admin-dashboard-services,.admin-dashboard-live{margin-bottom:10px}.admin-dashboard-service-grid{gap:7px}.admin-dashboard-service{min-height:51px;padding:8px;gap:7px}.admin-dashboard-service-icon{width:27px;height:27px;flex-basis:27px}.admin-dashboard-service b{font-size:10px}.admin-dashboard-trend-day{grid-template-rows:84px auto}.admin-dashboard-trend-bars{gap:4px}.admin-dashboard-trend-columns{gap:2px}.admin-dashboard-trend-day small{font-size:9px}.admin-dashboard-trend-summary{gap:10px}}
@media(max-width:360px){.admin-dashboard-service-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.admin-dashboard-alert,.admin-nav a{transition:none}}

.admin-sidebar::-webkit-scrollbar{display:none}
@media(max-width:600px){
  .admin-table-wrap{overflow:visible}.admin-table{min-width:0;display:block}.admin-table thead{display:none}.admin-table tbody{display:grid;gap:9px}.admin-table tr{display:block;width:100%;padding:10px;border:1px solid #e5eaec;border-radius:9px;background:#fbfcfc}.admin-table td{display:block;width:100%;padding:4px 0;border:0}.admin-table td+td{margin-top:3px}.admin-row-form,.user-row{min-width:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}.admin-row-form input,.admin-row-form select,.admin-row-form .btn{width:100%;max-width:none}.admin-row-form input[name="description"]{grid-column:1/-1}.admin-row-form .btn{min-height:36px}.admin-table .admin-actions{width:100%}.admin-table .admin-actions .btn{width:100%}
}

/* Update center */
.update-center{max-width:980px}.update-preflight{display:block;margin-top:8px;font-size:11px;line-height:1.45}.update-preflight.warning{color:#8a5a00}.update-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.update-health-grid article{border:1px solid var(--line,#dfe5ec);border-radius:14px;padding:16px;background:var(--card,#fff);display:flex;flex-direction:column;gap:5px}.update-health-grid span,.update-health-grid small{color:var(--muted,#667085)}.update-health-grid b{font-size:18px}.update-repair-card,.update-upload-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line,#dfe5ec);border-radius:16px;padding:18px;margin-top:14px;background:var(--card,#fff)}.update-repair-card{border-color:#f0c36b;background:#fffaf0}.update-repair-card p,.update-upload-card p{margin:5px 0 0}.update-upload-card{align-items:flex-start}.update-upload-card .form-grid{min-width:min(100%,380px);margin:0}@media(max-width:760px){.update-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.update-repair-card,.update-upload-card{align-items:stretch;flex-direction:column}.update-repair-card .btn,.update-upload-card .btn{width:100%}}@media(max-width:420px){.update-health-grid{grid-template-columns:1fr}}

/* v1.7.0 - table readiness, presence and player profile */
.ready-progress{height:5px;border-radius:999px;background:#edf2ef;overflow:hidden;margin:2px 0 16px}.ready-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#2c9b6c;transition:width .2s ease}.ready-progress[data-ready="1"] i{width:25%}.ready-progress[data-ready="2"] i{width:50%}.ready-progress[data-ready="3"] i{width:75%}.ready-progress[data-ready="4"] i{width:100%}.btn.ready-on{background:#153d2e;border-color:#2c8a61;color:#dff7e9}.seat-card.is-ready{background:#f8fcfa}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}.presence-dot.online{background:#43d884;box-shadow:0 0 0 3px rgba(67,216,132,.12)}.presence-dot.offline{background:#77817d}.profile-btn{min-width:auto}.modal-shell{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(2,9,7,.72)}.modal-shell.hidden{display:none}.modal-card{width:min(620px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0d1d18;box-shadow:0 12px 30px rgba(0,0,0,.26);color:#fff}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(13,29,24,.96)}.modal-head h2{margin:3px 0 0}.profile-content{padding:22px}.profile-hero{display:flex;align-items:center;gap:15px;padding:2px 0 20px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#d9ad45;color:#271b08;font-size:20px;font-weight:900;box-shadow:none}.profile-hero h3{margin:0 0 4px;font-size:20px}.profile-hero p{margin:0;color:#a9b8b2}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stat-grid article{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#132820}.profile-stat-grid b{font-size:20px}.profile-stat-grid span{font-size:12px;color:#9fb0aa}.profile-history{margin-top:20px}.profile-section-title{font-weight:800;margin-bottom:10px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.history-row span{display:flex;flex-direction:column;gap:2px}.history-row small{color:#8fa199}.history-row strong{font-size:12px;padding:6px 9px;border-radius:999px;background:#1b3028}.history-row .result-win{color:#74e3a5;background:rgba(40,143,88,.18)}.history-row .result-loss{color:#ff9e9e;background:rgba(174,58,58,.16)}.history-row .result-draw{color:#f3cf76;background:rgba(179,132,37,.16)}.loading-line{padding:28px;text-align:center;color:#9eb0a9}
@media(max-width:640px){.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-content{padding:16px}.modal-head{padding:16px}.table-actions{gap:8px}.table-actions .btn{flex:1 1 auto}}

/* v1.8.0 - drag-to-take discard + non-blocking table chat */
.incoming-tile.incoming-draggable{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .14s ease,filter .14s ease}
.incoming-tile.incoming-draggable:hover{filter:drop-shadow(0 7px 13px rgba(0,0,0,.28)) brightness(1.03)}
.incoming-tile.incoming-draggable.dragging{opacity:.35}.incoming-drag-ghost{transform:translate(-50%,-58%) rotate(90deg) scale(1.08)!important}
.chat-toggle-btn{position:relative}.chat-unread{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#d92d20;color:#fff;border:2px solid #11221b;font-size:9px;line-height:1;font-weight:900;box-shadow:0 3px 8px rgba(0,0,0,.3)}
.game-chat{position:fixed;z-index:9000;top:82px;right:14px;width:min(340px,calc(100vw - 28px));max-height:min(430px,52dvh);display:grid;grid-template-rows:auto minmax(90px,1fr) auto;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(8,24,18,.96);box-shadow:0 12px 36px rgba(0,0,0,.32);overflow:hidden;color:#fff}
.game-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.game-chat-head>div{display:grid;gap:1px}.game-chat-head b{font-size:13px}.game-chat-head small{font-size:10px;color:#91a79d}.game-chat-head .game-icon-btn{width:28px;height:28px;font-size:18px}
.chat-messages{min-height:130px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain;scrollbar-width:thin}.chat-message{max-width:88%;padding:8px 10px;border-radius:12px 12px 12px 4px;background:#17382c;border:1px solid rgba(255,255,255,.06);box-shadow:0 3px 9px rgba(0,0,0,.11)}.chat-message.mine{align-self:flex-end;border-radius:12px 12px 4px 12px;background:#1e5d43}.chat-message.other{align-self:flex-start}.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.chat-message-head b{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dbe9e3}.chat-message-head span{font-size:9px;color:#8fa59b}.chat-message-text{font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}
.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;border-top:1px solid rgba(255,255,255,.08);background:#0b2119}.chat-form input{min-width:0;height:36px;padding:0 10px;border:1px solid #365447;border-radius:9px;background:#102e23;color:#fff;outline:none;font-size:12px}.chat-form input:focus{border-color:#58a982;box-shadow:0 0 0 3px rgba(67,162,117,.12)}.chat-form input::placeholder{color:#7e968c}.chat-form .btn{min-height:36px;padding:7px 11px;border-radius:9px;font-size:11px}
body.tile-dragging .game-chat{pointer-events:none;opacity:.72}
@media(max-width:700px){.game-chat{top:68px;right:8px;width:min(320px,calc(100vw - 16px));max-height:40dvh;border-radius:14px}.chat-messages{min-height:96px}.chat-message{max-width:92%}.chat-form{grid-template-columns:1fr auto}.chat-form input{font-size:16px}}
@media(max-height:600px) and (orientation:landscape){.game-chat{top:54px;max-height:56dvh;width:300px}.chat-messages{min-height:75px}}

/* v1.0.10 - masa sahibi yönetimi */
.owner-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(227,181,73,.14);border:1px solid rgba(227,181,73,.35);color:#f4d67f;font-size:12px;font-weight:800;white-space:nowrap}
.owner-user-list,.owner-blocked{display:grid;gap:8px}.owner-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.owner-user-row>span{display:grid;gap:2px;min-width:0}.owner-user-row b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-user-row small{font-size:11px;color:#9fb0a7}.owner-user-row>div{display:flex;gap:6px;flex:0 0 auto}.owner-user-row.blocked{background:rgba(158,47,47,.1);border-color:rgba(213,94,94,.18)}
.btn.tiny{min-height:30px;padding:5px 9px;border-radius:9px;font-size:11px}.btn.tiny.danger{background:#7d2f2f;color:#fff;border-color:#984141}
.table-owner-mini{display:inline-flex;width:max-content;margin-top:2px;padding:2px 6px;border-radius:999px;background:rgba(227,181,73,.16);border:1px solid rgba(227,181,73,.28);color:#f2d071;font-size:9px;font-style:normal;font-weight:800;line-height:1.3}

/* v1.0.11 — gelişmiş masa seçenekleri, sesli sohbet ve mobil yönetim menüsü */
.table-option-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.table-option-grid label,.owner-option-grid label{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #dfe6e2;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.table-option-grid label:hover,.owner-option-grid label:hover{border-color:#abc7ba;background:#f8fbf9}.table-option-grid input,.owner-option-grid input{margin:3px 0 0;width:17px;height:17px;accent-color:#1e694c;flex:0 0 auto}.table-option-grid span,.owner-option-grid span{display:grid;gap:2px;min-width:0}.table-option-grid b,.owner-option-grid b{font-size:11px;line-height:1.2}.table-option-grid small,.owner-option-grid small{font-size:9px;line-height:1.35;color:#75857d}.table-option-tag{display:inline-flex!important;align-items:center;justify-content:center;min-height:20px!important;padding:2px 7px!important;border-radius:999px!important;font-size:8px!important;font-weight:850!important;letter-spacing:.02em}.table-option-tag.on{background:#e8f5ee!important;color:#216b4b!important}.table-option-tag.off{background:#f3eded!important;color:#8c4a4a!important}
.owner-option-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.owner-option-title>div,.owner-option-title{min-width:0}.owner-option-title b{font-size:12px}.owner-option-title small{font-size:10px;color:#9fb2a8}.owner-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.owner-option-grid label{padding:9px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#edf7f2}.owner-option-grid label:hover{background:rgba(255,255,255,.07);border-color:rgba(227,181,73,.24)}.owner-option-grid small{color:#9fb2a8}.owner-options-save{justify-self:stretch;width:100%;min-height:38px}
.voice-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;border:1px solid rgba(84,191,139,.26);background:rgba(42,116,80,.24);color:#bff0d5;font-size:9px;font-weight:850;white-space:nowrap}.voice-toggle-btn.active{background:#1e694c;border-color:#32815f}.voice-toggle-btn.muted{background:#5a3434;border-color:#855050}.voice-panel{position:fixed;right:14px;top:64px;z-index:118;width:min(340px,calc(100vw - 28px));max-height:min(500px,calc(100dvh - 82px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #34483e;border-radius:14px;background:rgba(17,29,24,.98);color:#f2f8f5;box-shadow:0 12px 36px rgba(0,0,0,.3);overflow:hidden}.voice-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.voice-panel-head>div{display:grid;gap:2px}.voice-panel-head b{font-size:13px}.voice-panel-head small{font-size:10px;color:#9db0a6}.voice-peers{overflow:auto;display:grid;gap:6px;padding:10px}.voice-peer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035)}.voice-peer>span{display:grid;gap:2px;min-width:0}.voice-peer b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-peer small{font-size:9px;color:#96a9a0}.voice-peer.self{background:rgba(30,105,76,.13)}.voice-peer.muted{opacity:.72}.voice-dot{width:9px;height:9px;border-radius:50%;background:#63736b;box-shadow:0 0 0 3px rgba(99,115,107,.12)}.voice-dot.online{background:#4fc787;box-shadow:0 0 0 3px rgba(79,199,135,.14)}.voice-actions{display:flex;gap:7px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.voice-actions .btn{flex:1;min-width:0}.voice-remote-audio{position:fixed!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-9999px!important;top:-9999px!important}

.admin-nav-backdrop{display:none;position:fixed;inset:0;z-index:39;border:0;padding:0;background:rgba(11,20,24,.46);cursor:pointer}.admin-nav-backdrop:focus{outline:0}
@media(max-width:1180px){.table-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-sidebar{position:fixed;left:0!important;top:0;width:248px;height:100dvh;transform:translateX(-105%);transition:transform .2s ease;will-change:transform;box-shadow:14px 0 40px rgba(0,0,0,.18)}.admin-nav-open .admin-sidebar{transform:translateX(0)}.admin-nav-open .admin-nav-backdrop{display:block}.admin-nav-open{overflow:hidden}.admin-menu-toggle{position:relative;z-index:42;cursor:pointer}.table-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-panel{top:53px;right:8px;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 62px)}}
@media(max-width:560px){.table-option-grid{grid-template-columns:1fr}.owner-option-title{display:grid;align-items:start}.owner-options-save{width:100%}.voice-panel{left:7px;right:7px;top:auto;bottom:7px;width:auto;max-height:min(58dvh,460px);border-radius:13px}.voice-actions{display:grid;grid-template-columns:1fr 1fr}.voice-actions .btn{width:100%}}
.voice-peer-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.voice-peer-mute{width:28px;height:28px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:12px}.voice-peer-mute:hover{background:rgba(255,255,255,.1)}

/* v1.0.11 build 2 — oyun alanını daraltmayan sağdan açılır masa sahibi menüsü */
.owner-drawer-trigger{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:10px!important;border-color:rgba(227,181,73,.34)!important;background:rgba(227,181,73,.1)!important;color:#f1d378!important;flex:0 0 38px!important}.owner-drawer-trigger:hover{background:rgba(227,181,73,.18)!important;border-color:rgba(227,181,73,.55)!important}.owner-drawer-trigger svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.owner-drawer-backdrop{position:fixed;inset:0;z-index:158;display:block;border:0;padding:0;background:rgba(3,10,8,.54);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.owner-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.owner-drawer{position:fixed;top:0;right:0;z-index:159;width:min(390px,calc(100vw - 22px));height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#12231c;color:#eef7f2;border-left:1px solid rgba(255,255,255,.09);box-shadow:-10px 0 32px rgba(0,0,0,.3);transform:translateX(102%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;will-change:transform}.owner-drawer.open{transform:translateX(0);visibility:visible}.owner-drawer-open{overflow:hidden}.owner-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#142820}.owner-drawer-head>div{display:grid;gap:2px;min-width:0}.owner-drawer-head b{font-size:16px;line-height:1.2}.owner-drawer-head small{font-size:10px;color:#9fb2a8}.owner-drawer-kicker{width:max-content;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#e7c96e}.owner-drawer-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.045);color:#f3f8f5;font-size:22px;line-height:1;cursor:pointer}.owner-drawer-close:hover{background:rgba(255,255,255,.09)}.owner-drawer-scroll{overflow:auto;overscroll-behavior:contain;padding:14px 14px 22px}.owner-drawer-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.027)}.owner-drawer-section+.owner-drawer-section{margin-top:11px}.owner-drawer-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.owner-drawer-section-head>div{display:grid;gap:2px}.owner-drawer-section-head b{font-size:12px}.owner-drawer-section-head small{font-size:9px;color:#91a59a}.owner-drawer-section-head>span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:rgba(227,181,73,.12);color:#e9ce79;font-size:10px;font-weight:800}.owner-drawer .owner-option-grid{grid-template-columns:1fr 1fr}.owner-drawer .owner-option-grid label{min-height:63px}.owner-drawer .owner-blocked{padding-top:12px;border-top:0}.owner-drawer .owner-user-row .btn{white-space:nowrap}.presence-actions .owner-drawer-trigger,.table-actions .owner-drawer-trigger{margin-left:0}
@media(max-width:560px){.owner-drawer{width:min(92vw,370px)}.owner-drawer .owner-option-grid{grid-template-columns:1fr}.owner-drawer-scroll{padding:11px 11px 18px}.owner-user-row{align-items:flex-start}.owner-user-row>div{flex-direction:column}.owner-user-row .btn.tiny{width:100%}.owner-drawer-trigger{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}}

/* Update center: cPanel overlay completion + package update */
.update-release-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid #dfe6e2;border-radius:16px;background:#f7faf8;margin:20px 0 8px}.update-release-card.pending{border-color:#e6c36e;background:#fffaf0}.update-release-card.ready{border-color:#b9dfc9;background:#f1fbf5}.update-release-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid rgba(18,34,42,.08);font-size:22px;font-weight:900}.update-release-card.pending .update-release-icon{color:#9a6500}.update-release-card.ready .update-release-icon{color:#157347}.update-release-copy{display:grid;gap:3px;min-width:0}.update-release-copy>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#7a8780}.update-release-copy>b{font-size:17px}.update-release-copy p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.update-complete-form{margin:0}.update-complete-form .btn{min-width:140px}.update-integrity-card{border:1px solid #f2c7c7;background:#fff7f7;border-radius:16px;padding:18px;margin-top:14px}.update-integrity-card b{color:#a92b2b}.update-integrity-card p{margin:6px 0;color:#6e5555}.update-integrity-card ul{margin:10px 0 0;padding-left:18px;color:#8c3434;font-size:11px;display:grid;gap:4px}.update-section-tag{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#edf2f0;color:#5e7168;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.update-footnote{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:#7b8982}.update-footnote b{color:#34453d;margin-right:4px}.update-footnote span{padding:5px 8px;border-radius:7px;background:#f3f6f5}
@media(max-width:760px){.update-release-card{grid-template-columns:44px 1fr;align-items:start}.update-release-icon{width:40px;height:40px}.update-complete-form{grid-column:1/-1;width:100%}.update-complete-form .btn{width:100%}.update-release-copy>b{font-size:15px}.update-footnote{display:grid;grid-template-columns:1fr 1fr}.update-footnote b{grid-column:1/-1}}

/* Masa sahibi oyuncu bağlam menüsü — build 4 */
.owner-manage-target{cursor:context-menu;position:relative;pointer-events:auto;outline:1px solid transparent;outline-offset:-3px;transition:outline-color .16s ease,filter .16s ease}
.owner-manage-target:hover{outline-color:rgba(227,181,73,.32);filter:brightness(1.035)}
.player-moderation-menu{position:fixed;z-index:220;width:min(300px,calc(100vw - 20px));padding:8px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:#10221b;color:#eff8f3;box-shadow:0 12px 34px rgba(0,0,0,.34)}
.player-moderation-head{display:flex;align-items:center;gap:10px;padding:7px 7px 10px;border-bottom:1px solid rgba(255,255,255,.07)}

.player-moderation-head>span:last-child{display:grid;gap:1px;min-width:0}.player-moderation-head b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-moderation-head small{font-size:10px;color:#96aaa0}
.player-moderation-actions{display:grid;gap:3px;padding-top:6px}.player-moderation-actions button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.player-moderation-actions button:hover,.player-moderation-actions button:focus-visible{background:rgba(255,255,255,.065);outline:none}.player-moderation-actions button>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.055);font-size:14px}.player-moderation-actions button>span:last-child{display:grid;gap:1px}.player-moderation-actions b{font-size:12px}.player-moderation-actions small{font-size:9px;color:#91a59a}.player-moderation-actions button.danger{color:#ffb5b5}.player-moderation-actions button.danger>span:first-child{background:rgba(196,61,61,.14)}
@media(max-width:768px){.owner-manage-target{cursor:pointer}.owner-manage-target:active{outline-color:rgba(227,181,73,.5);filter:brightness(1.06)}.player-moderation-menu{width:min(92vw,320px);border-radius:14px}.player-moderation-actions button{min-height:47px;padding:10px 9px}.player-moderation-actions b{font-size:13px}.player-moderation-actions small{font-size:10px}}

/* Global quality refinements */
:where(button,a,input,select,textarea):focus-visible{outline:2px solid rgba(23,107,77,.55);outline-offset:2px}
body{min-height:100vh}.panel,.table-card,.seat-card,.lobby-room-card,.game-entry-card{isolation:isolate}

.connection-status{position:fixed;left:50%;top:76px;z-index:250;transform:translateX(-50%);padding:8px 12px;border:1px solid #e2bb60;border-radius:10px;background:#fff9e8;color:#704800;box-shadow:0 12px 30px rgba(0,0,0,.16);font-size:12px;font-weight:800}.connection-status.hidden{display:none!important}.is-playing .connection-status{top:58px;background:#2b2414;color:#f8dfa1;border-color:#786333}
.profile-security{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.profile-security-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;align-items:end}.profile-security-form label{display:grid;gap:5px;color:#b7c5bf;font-size:11px;font-weight:700}.profile-security-form input{min-width:0;width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#10251d;color:#fff;outline:0}.profile-security-form input:focus{border-color:#4ca47b;box-shadow:0 0 0 3px rgba(76,164,123,.12)}.profile-security-note{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#9fb0aa;font-size:12px}
@media(max-width:760px){.profile-security-form{grid-template-columns:1fr}.profile-security-form .btn{width:100%}.connection-status{top:64px;width:max-content;max-width:calc(100vw - 24px);text-align:center}.table-card{align-items:flex-start}.table-card-actions{flex:0 0 auto}}

/* Salon bazlı gelişmiş editör sistemi */
.editor-admin-intro,.editor-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:20px;border:1px solid #dfe7e4;border-radius:13px;background:#fff;box-shadow:none}
.editor-admin-intro h2,.editor-hero-card h2{margin:4px 0 6px;font-size:21px;letter-spacing:-.02em}.editor-admin-intro p,.editor-hero-card p{max-width:850px;margin:0;color:#74838a;font-size:11px;line-height:1.65}.editor-admin-stat{min-width:105px;padding:12px 16px;border:1px solid #dfe7e4;border-radius:10px;background:#f7faf8;text-align:center}.editor-admin-stat b{display:block;font-size:26px}.editor-admin-stat span{font-size:9px;font-weight:850;color:#728178;text-transform:uppercase;letter-spacing:.05em}
.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.permission-grid>label,.editor-owner-check{display:flex!important;align-items:flex-start;gap:9px;min-height:70px;padding:11px;border:1px solid #e0e7e4;border-radius:9px;background:#fafcfb;cursor:pointer}.permission-grid input,.editor-owner-check input{width:16px!important;height:16px!important;min-height:0!important;margin-top:2px;accent-color:#1e694c}.permission-grid span,.editor-owner-check span{display:grid;gap:3px}.permission-grid b,.editor-owner-check b{font-size:10px;color:#25383f}.permission-grid small,.editor-owner-check small{font-size:9px;line-height:1.45;color:#809097}.permission-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.permission-grid.compact>label{min-height:42px;align-items:center}.editor-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-group-card .admin-inline-fields{grid-template-columns:1fr 1fr;align-items:end}.editor-assignment-form .editor-owner-check{grid-column:span 3;min-height:58px}.permission-badges{display:flex;gap:5px;flex-wrap:wrap}.permission-badges span,.owner-chip{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:999px;background:#edf5f1;color:#256447;font-size:8px;font-weight:900;white-space:nowrap}.permission-badges.large span{min-height:28px;padding:5px 10px;font-size:9px}.owner-chip{margin-left:5px;background:#e8f0fb;color:#245f9d}.editor-table{min-width:980px}.admin-actions .btn:disabled,.admin-manage-card .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.editor-sidebar .editor-salon-switch{display:grid;gap:7px;margin:4px 12px 12px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.045)}.editor-salon-switch label{display:grid;gap:5px;color:#aebdb7;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.editor-salon-switch select{width:100%;min-height:34px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#173129;color:#fff;padding:6px 8px;font:inherit}.editor-salon-switch>span{font-size:9px;color:#9ed2b7;font-weight:800}.editor-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-hero-card{align-items:flex-end}.editor-body .admin-sidebar-foot{gap:7px}.editor-body .admin-sidebar-foot a{display:block}
@media(max-width:1250px){.editor-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-assignment-form .editor-owner-check{grid-column:1/-1}}
@media(max-width:700px){.editor-admin-intro,.editor-hero-card{align-items:flex-start;flex-direction:column;padding:15px}.editor-admin-stat{width:100%}.editor-group-grid,.permission-grid,.permission-grid.compact,.editor-kpi{grid-template-columns:1fr}.editor-assignment-form .editor-owner-check{grid-column:auto}.permission-badges.large{width:100%}}

/* v2.5.0 - private messaging */
.private-inbox-btn,.private-game-btn{position:relative}.private-unread,.private-game-btn .chat-unread{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#d94b4b;color:#fff;font-size:9px;font-weight:900;box-shadow:0 0 0 2px #fff}.private-unread.hidden,.private-game-btn .chat-unread.hidden{display:none}.is-playing .private-game-btn .chat-unread{box-shadow:0 0 0 2px #13241d}
.player-context-target{pointer-events:auto!important;cursor:context-menu}.player-moderation-actions button:disabled{opacity:.48;cursor:not-allowed}.player-moderation-actions button:disabled:hover{background:transparent}.player-moderation-separator{height:1px;margin:4px 5px;background:rgba(255,255,255,.08)}.private-menu-action>span:first-child{color:#d8eadf}
.private-chat-panel{position:fixed;right:16px;bottom:16px;z-index:215;width:min(390px,calc(100vw - 24px));height:min(570px,calc(100dvh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#0f211a;color:#eef7f2;box-shadow:0 12px 38px rgba(0,0,0,.32);overflow:hidden;isolation:isolate}.private-chat-panel.hidden{display:none}.private-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.08);background:#132820}.private-chat-head-main{display:flex;align-items:center;gap:9px;min-width:0}.private-chat-head-main>span:last-child{display:grid;gap:1px;min-width:0}.private-chat-head b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-chat-head small{font-size:9px;color:#9cafA5}.private-chat-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.045);color:#f4faf7;font:inherit;font-size:18px;cursor:pointer}.private-chat-icon:hover{background:rgba(255,255,255,.08)}.private-inbox-list{min-height:0;overflow:auto;padding:7px}.private-conversation-row{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer}.private-conversation-row:hover,.private-conversation-row:focus-visible{background:rgba(255,255,255,.055);outline:none}.private-conversation-copy{display:grid;gap:2px;min-width:0}.private-conversation-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-conversation-copy small{font-size:9px;color:#98aaa1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-conversation-meta{display:grid;justify-items:end;gap:4px}.private-conversation-meta time{font-size:8px;color:#7f9188}.private-conversation-meta em{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e4bd5b;color:#2c230f;font-size:8px;font-weight:950;font-style:normal}.private-empty,.private-loading{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:5px;min-height:180px;padding:24px;text-align:center;color:#9aada4;font-size:11px}.private-empty b{color:#eef7f2;font-size:12px}.private-empty.error{color:#ffb4b4}.private-chat-messages{min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:7px;background:#10211a}.private-message{max-width:82%;display:grid;gap:2px;padding:8px 10px;border-radius:12px;font-size:11px;line-height:1.4}.private-message.mine{align-self:flex-end;background:#245b45;border-bottom-right-radius:4px}.private-message.other{align-self:flex-start;background:#1a3027;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:4px}.private-message time{justify-self:end;font-size:7px;color:#a6bab0}.private-chat-note{padding:7px 11px;border-top:1px solid rgba(255,255,255,.06);background:#182820;color:#b9c8c1;font-size:9px}.private-chat-note.hidden{display:none}.private-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;border-top:1px solid rgba(255,255,255,.08);background:#12251e}.private-chat-form input{min-width:0;width:100%;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#0d1d18;color:#fff;outline:none}.private-chat-form input:focus{border-color:#4b9b77;box-shadow:0 0 0 3px rgba(75,155,119,.12)}.private-chat-form .btn{min-height:38px;padding:7px 12px}.profile-privacy{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);cursor:pointer}.profile-toggle-row>span{display:grid;gap:3px}.profile-toggle-row b{font-size:12px}.profile-toggle-row small{font-size:10px;line-height:1.45;color:#9aada4}.profile-toggle-row input{position:absolute;opacity:0;pointer-events:none}.profile-toggle-row>i{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#42534c;transition:.18s}.profile-toggle-row>i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.26);transition:.18s}.profile-toggle-row input:checked+i{background:#2d8b62}.profile-toggle-row input:checked+i:after{transform:translateX(18px)}.profile-toggle-row input:disabled+i{opacity:.55}
@media(max-width:768px){.private-chat-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:min(68dvh,560px);border-radius:15px}.private-chat-head{padding:10px 11px}.private-chat-form{padding:8px}.private-message{max-width:88%;font-size:12px}.player-context-target{touch-action:manipulation}.private-unread{box-shadow:0 0 0 2px #fff}}

@media(hover:none){.game-entry-card:hover,.table-card:hover,.lobby-room-card:hover{transform:none;box-shadow:none}}

@media(max-width:600px){.admin-section-toolbar{align-items:stretch;flex-direction:column;padding:12px}.admin-section-toolbar>.btn{width:100%}.admin-section-toolbar .admin-search{width:100%;margin-left:0}.admin-row-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.admin-row-actions form,.admin-row-actions .btn{width:100%}.admin-entity-table{min-width:0}.admin-user-edit-form .admin-form-action{grid-column:auto}}

/* Multi-game hub and classic game surfaces */
.game-category-bar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.game-category-chip{min-height:32px;padding:6px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.game-category-chip:hover{border-color:#c7d5ce;background:#fff;color:var(--ink)}.game-category-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.multi-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.multi-game-grid .game-entry-card{min-height:292px;padding:16px;gap:13px}.multi-game-grid .game-entry-cover{min-height:104px}.multi-game-grid .game-entry-copy b{font-size:19px}.multi-game-grid .game-entry-stats>span{padding:9px 8px}.multi-game-grid .game-entry-stats b{font-size:18px}
.multi-game-area{min-height:0;scrollbar-width:thin;background:radial-gradient(circle at 50% 22%,rgba(61,107,84,.11),transparent 34%),#0d1713;color:#eef7f2;border-top:1px solid rgba(255,255,255,.06)}.multi-card-table,.board-game-shell{max-width:980px;margin:0 auto;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,#14231d,#111d18);padding:17px;box-shadow:0 10px 30px rgba(0,0,0,.14)}.card-table-pile,.card-trick,.strategy-board,.domino-chain,.tavla-board{position:relative}.table-brand-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;width:min(86%,620px);max-width:86%;pointer-events:none;user-select:none;text-align:center;z-index:0;filter:blur(.72px)}.table-brand-watermark span{width:100%;max-width:100%;padding:0 6px;overflow:visible;text-overflow:clip;font-size:clamp(16px,var(--table-watermark-size,28px),40px);font-weight:900;letter-spacing:.10em;text-transform:uppercase;color:rgba(var(--table-watermark-rgb,236 244 240),var(--table-watermark-opacity,.10));white-space:normal;line-height:1.08;overflow-wrap:anywhere;word-break:normal}.table-brand-watermark small{font-size:clamp(7px,var(--table-watermark-sub-size,10px),12px);letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--table-watermark-rgb,236 244 240),calc(var(--table-watermark-opacity,.10) * .82));white-space:normal}.card-table-pile>*:not(.table-brand-watermark),.card-trick>*:not(.table-brand-watermark),.strategy-board>*:not(.table-brand-watermark),.domino-chain>*:not(.table-brand-watermark),.tavla-board>*:not(.table-brand-watermark){position:relative;z-index:1}.multi-game-head{display:flex;justify-content:space-between;margin-bottom:14px;position:sticky;top:0;z-index:8;border-bottom:1px solid rgba(255,255,255,.07)}.multi-game-head h2{margin:3px 0 0;color:#fff}.multi-game-head .eyebrow{color:#9ed0b7}.multi-scoreboard{display:flex;align-items:stretch;justify-content:flex-end;gap:6px;flex-wrap:wrap}.multi-scoreboard>span{min-width:92px;padding:8px 10px;display:grid;gap:2px}.multi-scoreboard b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#f2f7f4}.multi-scoreboard small{font-size:9px;color:#99ada3}.multi-scoreboard>span.active b{color:#fff}.card-round-status{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 12px}.card-round-status span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#182a22;color:#aebfb6;font-size:10px}.card-round-status b{color:#f0d27d}.card-round-status .card-turn-chip{border-color:color-mix(in srgb,var(--mode-accent) 36%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--mode-accent) 9%,#13241d);color:#dce9e3;font-weight:850}.card-round-status .card-turn-chip.is-mine{border-color:color-mix(in srgb,var(--mode-accent) 70%,#fff 8%);color:#fff;box-shadow:inset 3px 0 0 var(--mode-accent)}.spectator-game-note{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#101c17;color:#9eb1a7;font-size:10px;line-height:1.45}.spectator-game-note b{color:#edf6f1;font-size:11px}.card-table-pile,.card-trick{min-height:178px;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 44%),linear-gradient(145deg,#10543f,#0c4837);margin-bottom:13px;box-shadow:inset 0 0 28px rgba(0,0,0,.12)}.card-table-pile .playing-card{margin-left:-42px}.card-table-pile .playing-card:first-child{margin-left:0}.card-trick>div{display:grid;justify-items:center;gap:5px}.card-trick>div small{max-width:92px;color:#d3dfda;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-card-pile{color:#9bb4a9;font-size:11px}.playing-card{width:68px;height:98px;flex:0 0 68px;padding:7px;color:#181d1a;font-family:Georgia,serif;display:grid;grid-template-rows:auto 1fr auto;align-items:center;cursor:pointer}.playing-card:disabled{opacity:1}.playing-card:not(:disabled):hover{border-color:#e0bd5f}.playing-card>span{justify-self:start;font-size:17px;font-weight:800}.playing-card>b{font-size:29px;line-height:1}.playing-card>i{justify-self:end;align-self:end;font-style:normal;font-size:14px;font-weight:800;transform:rotate(180deg)}.playing-card.back{border:4px solid #f5f0df}.card-hand{padding-top:4px}.card-hand-title{display:flex;align-items:center;justify-content:space-between;margin:0 3px 7px;color:#bccbc4;font-size:10px}.card-hand-title b{color:#eef7f2;font-size:11px}.card-hand-row{display:flex;align-items:flex-end;justify-content:center;gap:4px;min-height:108px;padding:10px 8px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#101c17;overflow-x:auto;overscroll-behavior-x:contain}.card-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#172820}.card-controls>b{margin-right:5px;color:#d8e5df;font-size:10px}.card-controls .btn{min-height:31px;padding:5px 9px;background:#21362d;border-color:#344b40;color:#f4f8f6}.card-controls .btn:hover{background:#294437}.card-controls .btn.tiny{min-width:35px}
.board-game-shell{max-width:760px}.board-turn{display:grid;justify-items:end;gap:1px}.board-turn b{font-size:12px;color:#fff}.board-turn small{font-size:9px;color:#9db0a7}.strategy-board{width:max(180px,min(88vw,calc(100dvh - 185px),620px));aspect-ratio:1;margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);background:#d7d4c6}.board-square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:0;font:inherit;cursor:pointer}.board-square:not(:disabled):hover{box-shadow:inset 0 0 0 3px rgba(244,203,101,.55)}.board-square.own-piece:not(:disabled){cursor:grab;touch-action:none}.board-square.own-piece:not(:disabled) .piece{filter:brightness(1.04)}.piece{display:grid;place-items:center;width:78%;height:78%;font-size:clamp(24px,6vw,48px);line-height:1;user-select:none;pointer-events:none}.strategy-board.chess .piece.white{color:#fbf6e8;text-shadow:0 2px 2px rgba(0,0,0,.72),0 0 1px #111;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.strategy-board.chess .piece.black{color:#101814;text-shadow:0 1px 0 rgba(255,255,255,.13);filter:drop-shadow(0 2px 2px rgba(0,0,0,.26))}.strategy-board.dama .piece{width:68%;height:68%;border-radius:50%;font-size:clamp(14px,3vw,25px);box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),inset 0 -5px 8px rgba(0,0,0,.16),0 3px 7px rgba(0,0,0,.34)}.strategy-board.dama .piece.white{background:radial-gradient(circle at 34% 28%,#fffdf6,#e9e0ce 66%,#cfc1a9)}.strategy-board.dama .piece.black{background:radial-gradient(circle at 34% 28%,#3c4741,#1e2923 66%,#101612)}.board-help{margin-top:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#101c17;text-align:center;color:#9eb2a8;font-size:10px;line-height:1.45}
.domino-shell,.tavla-shell{max-width:980px;margin:0 auto;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#16231d,#111d18);color:#eef7f2;box-shadow:0 10px 30px rgba(0,0,0,.16)}.domino-status,.tavla-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.domino-status>span,.tavla-score>span{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055);font-size:10px;color:#b8c8c0}.domino-status b,.tavla-score b{color:#fff;font-size:14px}.domino-chain{min-height:136px;padding:16px;display:flex;align-items:center;justify-content:center;gap:6px;overflow-x:auto}.domino-tile{flex:0 0 auto;width:38px;height:72px;padding:4px;color:#17221d;border:1px solid #d2ddd7;display:grid;grid-template-rows:1fr 1fr;align-items:center;text-align:center;font-weight:900}.domino-tile i{font-style:normal;display:grid;place-items:center;height:100%;font-size:14px}.domino-tile i+i{border-top:1px solid #aebbb4}.domino-tile.back{background:#40544a;border-color:#708278}.domino-hand{margin-top:12px}.domino-hand-row{display:flex;gap:7px;align-items:flex-start;overflow-x:auto;padding:8px 2px 3px}.domino-hand-item{display:grid;justify-items:center;gap:5px}.domino-play-actions{display:flex;gap:3px;min-height:24px}.mini-end-btn{border:1px solid #667a70;background:#263a30;color:#fff;border-radius:6px;min-width:28px;height:24px;font-weight:900;cursor:pointer}.domino-controls,.tavla-controls{display:flex;justify-content:center;margin:10px 0}.tavla-score{grid-template-columns:repeat(2,minmax(0,1fr))}.tavla-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-height:170px}.tavla-row.top{align-items:start}.tavla-row.bottom{align-items:end}.tavla-point{min-width:0;height:170px;padding:3px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer}.tavla-row.bottom .tavla-point{justify-content:flex-end}.tavla-point::before{content:"";position:absolute;inset:0 3px;background:#6e3929;clip-path:polygon(50% 100%,0 0,100% 0);opacity:.92}.tavla-row.top .tavla-point:nth-child(even)::before,.tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#efe1c8}.tavla-row.bottom .tavla-point::before{clip-path:polygon(0 100%,100% 100%,50% 0)}.tavla-point small{position:absolute;z-index:2;top:3px;font-size:8px;color:rgba(0,0,0,.55)}.tavla-row.bottom .tavla-point small{top:auto;bottom:3px}.tavla-point.selected{outline:3px solid #f8d967;outline-offset:-3px}.tavla-point.legal::after{content:"";position:absolute;z-index:3;left:50%;top:48%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:#58d293;box-shadow:0 0 0 4px rgba(88,210,147,.18)}.tavla-checkers{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1px}.tavla-row.bottom .tavla-checkers{flex-direction:column-reverse}.tavla-checkers i{display:block;width:25px;height:25px;border-radius:50%}.tavla-checkers.white i{background:radial-gradient(circle at 35% 28%,#ffffff,#efe9dc 62%,#d8cdbd);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 2px 4px rgba(0,0,0,.22)}.tavla-checkers.black i{background:radial-gradient(circle at 35% 28%,#39423e,#202925 62%,#111713);border-color:#0b100d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.30)}.tavla-checkers b{padding:1px 4px;border-radius:999px;background:#152019;color:#fff;font-size:9px}.tavla-center{min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 10px;background:#6e4930;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}.tavla-bar,.tavla-off{min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.tavla-bar.selected,.tavla-off.legal{border-color:#f4d568;box-shadow:0 0 0 2px rgba(244,213,104,.18)}.tavla-bar small,.tavla-off small{font-size:8px;font-weight:900;letter-spacing:.08em}.tavla-bar .tavla-checkers{flex-direction:row}.tavla-bar .tavla-checkers i{width:20px;height:20px}.tavla-dice{display:flex;gap:6px;justify-content:center;min-width:76px}.tavla-dice i{width:32px;height:32px;border-radius:7px;color:#17221d;display:grid;place-items:center;font-style:normal}.tavla-dice span{color:#d9e3de}.auth-card .form-grid{gap:13px}.auth-card .form-grid>label{font-size:11px;font-weight:850;color:#53675e}.auth-card .form-grid input{min-height:46px;border-color:#d8e1dd}.auth-card .form-grid .btn.primary{min-height:46px;margin-top:2px}.auth-card .gender-select{margin-top:2px}
@media(max-width:1000px){.multi-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-game-grid .game-entry-card{min-height:276px}.game-entry-cover::after{width:114px;height:84px}.game-entry-cover-head{max-width:calc(100% - 116px)}.game-entry-cover-tags{max-width:calc(100% - 104px)}.game-entry-cover-head b{font-size:18px}}
@media(max-width:760px){.game-category-bar{gap:2px;flex-wrap:nowrap;overflow-x:auto;padding:3px;scrollbar-width:none}.game-category-bar::-webkit-scrollbar{display:none}.game-category-chip{flex:0 0 auto;min-height:30px;padding:5px 9px;font-size:10px}.multi-game-grid{grid-template-columns:1fr}.multi-game-grid .game-entry-card{min-height:0;padding:12px}.multi-game-head{position:static}.game-entry-cover{padding:11px 12px}.game-entry-cover::after{right:6px;bottom:6px}.game-entry-cover-head{max-width:calc(100% - 96px)}.game-entry-cover-head small{font-size:9px}.game-entry-cover-tags{max-width:calc(100% - 84px);gap:5px}.game-entry-cover-tags i{padding:4px 7px;font-size:9px}.game-mark{width:46px;height:46px;border-radius:10px;font-size:21px}.game-mark.wide{font-size:17px}.game-entry-copy b{font-size:18px}.game-entry-copy small{min-height:0;font-size:11px}.multi-card-table,.board-game-shell{padding:10px;border-radius:11px;min-height:calc(100dvh - 72px)}.multi-game-head{gap:8px;margin-bottom:9px}.card-table-pile,.card-trick{min-height:126px;padding:10px;margin-bottom:8px}.playing-card{flex-basis:49px;padding:5px;border-radius:6px}.playing-card>span{font-size:12px}.playing-card>b{font-size:21px}.playing-card>i{font-size:10px}.card-table-pile .playing-card{margin-left:-31px}.card-hand-row{justify-content:flex-start;min-height:81px;padding:7px 5px;gap:2px}.card-controls{padding:6px;gap:4px}.card-round-status{gap:4px;margin-bottom:8px}.card-round-status span{min-height:24px;padding:4px 7px;font-size:9px}.strategy-board{width:max(180px,min(94vw,calc(100dvh - 165px),560px))}.piece{font-size:clamp(22px,9vw,42px)}.strategy-board.dama .piece{font-size:clamp(12px,5vw,22px)}}
@media(max-width:420px){.multi-game-head{display:grid}.multi-scoreboard{justify-content:flex-start}.multi-scoreboard>span{min-width:66px}.playing-card{width:45px;height:66px;flex-basis:45px}.card-table-pile .playing-card{margin-left:-29px}.strategy-board{width:max(180px,min(calc(100vw - 26px),calc(100dvh - 155px)))}}
.board-state-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.board-state{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:11px;font-weight:900}.board-state.warning{border-color:#e7bd68;background:#fff8e7;color:#8a5a00}.board-state.finished{border-color:#b8d8c8;background:#f2fbf6;color:#226743}.board-square.forced{outline:3px solid rgba(31,122,83,.28);outline-offset:-3px}
@media(max-width:620px){.board-state-wrap{gap:5px}.board-state{min-height:25px;padding:4px 7px;font-size:10px}}

/* Build 4 — shared interaction polish */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgba(23,107,77,.58);outline-offset:2px}
.game-panel :where(button,[tabindex]):focus-visible{outline-color:rgba(245,208,109,.9)}
@media(max-width:760px){.topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.admin-pagination{scrollbar-width:none;overflow-x:auto;overscroll-behavior-x:contain}.admin-pagination::-webkit-scrollbar{display:none}}

/* Shared flat action dialogs */
.flat-dialog{width:min(92vw,440px);max-width:440px;padding:0;border:0;border-radius:14px;background:transparent;color:var(--ink)}
.flat-dialog::backdrop{background:rgba(15,23,42,.46)}
.flat-dialog-card{margin:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(16,24,40,.14)}
.flat-dialog-copy{display:grid;gap:5px}.flat-dialog-copy .eyebrow{font-size:9px}.flat-dialog-copy h2{margin:0;font-size:20px;letter-spacing:-.02em}.flat-dialog-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;white-space:pre-line}
.flat-dialog-input{display:grid;gap:6px;margin-top:14px;font-size:11px;font-weight:800;color:#5f6f77}.flat-dialog-input.hidden{display:none}.flat-dialog-input input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;color:var(--ink);font:inherit;outline:0}.flat-dialog-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,122,83,.12)}
.flat-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px}.flat-dialog-actions .btn{min-width:96px}.admin-confirm-dialog .flat-dialog-card{border-color:#e1e7e9}.admin-confirm-dialog .flat-dialog-copy .eyebrow{color:#1e694c}
@media(max-width:520px){.flat-dialog{width:calc(100vw - 24px)}.flat-dialog-card{padding:16px}.flat-dialog-copy h2{font-size:18px}.flat-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.flat-dialog-actions .btn{width:100%;min-width:0}}

@media(max-width:760px){.auth-shell{gap:16px}.auth-hero{padding:8px 2px}.auth-brand-row{justify-content:space-between}.hero h1{font-size:34px;margin:16px 0 10px}.hero p{font-size:14px}.auth-feature-grid{margin:14px 0 12px;gap:6px}.auth-feature-grid span{padding:9px}.auth-feature-grid b{font-size:14px}.auth-card-head h2{font-size:21px}.domino-shell,.tavla-shell{padding:10px;border-radius:10px}.domino-chain{min-height:104px;padding:10px;justify-content:flex-start}.domino-status{grid-template-columns:repeat(3,1fr);gap:4px}.domino-status>span{padding:7px 5px;text-align:center}.tavla-row{min-height:125px}.tavla-point{height:125px}.tavla-checkers i{width:20px;height:20px}.tavla-center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:5px;gap:5px}.tavla-dice{min-width:62px}.tavla-dice i{width:28px;height:28px;font-size:14px}.tavla-score{grid-template-columns:1fr;gap:4px}.tavla-score>span{padding:7px 8px}.multi-game-grid .game-entry-stats>span{min-height:48px;padding:7px 6px}}

/* Game chrome, drag controls and flat quality pass */
.game-panel{--game-accent:#4d8f70}.game-panel.game-mode-card52{--game-accent:#a5548e}.game-panel.game-mode-pisti{--game-accent:#c95969}.game-panel.game-mode-batak{--game-accent:#7562d7}.game-panel.game-mode-dama{--game-accent:#d3b25a}.game-panel.game-mode-chess{--game-accent:#8fa9c6}.game-panel.game-mode-tavla{--game-accent:#c58b5c}.game-panel.game-mode-domino{--game-accent:#8fb7a4}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-top:3px solid var(--game-accent)}.board-square.own-piece:not(:disabled):active{cursor:grabbing}.board-square.dama-drag-source{box-shadow:inset 0 0 0 4px rgba(244,203,101,.82)!important}.board-square.dama-drag-over{box-shadow:inset 0 0 0 4px #58d293!important}.dama-drag-ghost{position:fixed;left:0;top:0;z-index:12000;width:48px;height:48px;border-radius:50%;pointer-events:none;line-height:1;will-change:transform}.dama-drag-ghost.white{color:#705a28;border:3px solid rgba(255,255,255,.45)}.dama-drag-ghost.black{color:#e5c863;border:3px solid rgba(255,255,255,.12)}body.dama-piece-dragging{user-select:none}.game-rules-dialog .flat-dialog-card{max-width:520px}.game-rules-list{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:8px}.game-rules-list li{position:relative;padding:9px 10px 9px 30px;border:1px solid var(--line);border-radius:9px;background:#f8faf9;color:#42564d;font-size:12px;line-height:1.45}.game-rules-list li::before{content:"✓";position:absolute;left:10px;top:9px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:8px;font-weight:900}.protected-admin-chip{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:999px;background:#fff3cd;color:#805d05;font-style:normal;font-size:8px;vertical-align:middle}.player-moderation-head .protected-admin-chip{margin-left:2px}
@media(max-width:760px){.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-top-width:2px}.table-brand-watermark{gap:2px;max-width:78%}.table-brand-watermark span{font-size:clamp(13px,calc(var(--table-watermark-size,28px) * .56),21px)}.table-brand-watermark small{font-size:clamp(6px,calc(var(--table-watermark-sub-size,10px) * .8),8px);letter-spacing:.18em}.dama-drag-ghost{width:42px;height:42px;font-size:21px}.game-rules-dialog .flat-dialog-card{width:min(94vw,520px)}}












/* Build 12 — shared flat UI, accessibility and system health polish */

.admin-kpi-grid.security-grid{margin-top:10px}.admin-kpi-grid.security-grid article{border-color:#d8e6df;background:#fbfdfc}.admin-kpi-grid.security-grid article b{font-size:18px}
.settings-grid input[type="color"]{min-height:42px;padding:4px;cursor:pointer}
.admin-table tbody tr:focus-within{background:#fbfdfc}.admin-card form.is-submitting{cursor:progress;opacity:.82}.admin-card form.is-submitting .btn{pointer-events:none}

.watermark-settings-grid{align-items:end}.watermark-settings-grid input[type=color]{padding:4px;min-height:42px;cursor:pointer}.watermark-settings-preview{--preview-watermark-size:28px;--preview-watermark-opacity:.10;--preview-watermark-rgb:231 244 237;position:relative;min-height:128px;margin-top:12px;border:1px solid #335348;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 46%),linear-gradient(145deg,#10543f,#0b4333);display:grid;place-items:center;text-align:center;isolation:isolate}.watermark-settings-preview::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(17deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none}.watermark-settings-preview>span{position:relative;z-index:1;width:88%;font-size:clamp(16px,var(--preview-watermark-size),48px);font-weight:900;letter-spacing:.10em;line-height:1.08;text-transform:uppercase;color:rgba(var(--preview-watermark-rgb),var(--preview-watermark-opacity));filter:blur(.55px);overflow-wrap:anywhere}.watermark-settings-preview>small{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:1;color:rgba(231,244,237,.42);font-size:8px;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.game-hud-main{border-color:rgba(255,255,255,.07);backdrop-filter:blur(6px)}
.game-panel .pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 4px 10px rgba(0,0,0,.10)}
.turn-pill{background:linear-gradient(180deg,#274137,#1f312a)!important;border-color:#4f7867!important}
.timer-pill{background:linear-gradient(180deg,#5d352d,#4b2823)!important;border-color:#8f5547!important}
.game-icon-btn{background:linear-gradient(180deg,#273a31,#1c2b24);border-color:#3d574b;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 12px rgba(0,0,0,.12)}
.indicator-box{padding:3px 0 3px 8px}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{position:relative;overflow:hidden}
.multi-card-table::before,.board-game-shell::before,.domino-shell::before,.tavla-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.035),transparent 24%),radial-gradient(circle at 84% 16%,rgba(255,255,255,.028),transparent 20%);pointer-events:none}
.multi-game-head h2{letter-spacing:-.03em}
.multi-scoreboard>span{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.multi-scoreboard>span.active{background:linear-gradient(180deg,rgba(103,176,136,.18),rgba(49,117,81,.12));border-color:rgba(139,217,174,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(103,176,136,.10)}
.board-turn,.board-state,.card-round-status span,.domino-status>span,.tavla-score>span{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.card-table-pile,.card-trick,.card-hand-row{background:linear-gradient(180deg,rgba(19,40,32,.92),rgba(10,24,19,.94));border:1px solid rgba(130,173,149,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.playing-card{border:1px solid #d9dedc;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.playing-card.black{color:#1b2520}
.playing-card.back{box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.playing-card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.92)}
.strategy-board{border:8px solid #61442d}
.strategy-board::before{content:"";position:absolute;inset:-8px;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.strategy-board.chess{background:#d9c1a4}.strategy-board.dama{background:#d4c09d}
.board-square.light{background:#efe4d1}.board-square.dark{background:#8c6449}
.board-square.selected{box-shadow:inset 0 0 0 4px rgba(233,201,107,.90)!important}
.board-square.legal{box-shadow:inset 0 0 0 3px rgba(76,192,132,.58)}
.strategy-board.dama .piece.white{color:#efe4cf;text-shadow:0 1px 0 rgba(0,0,0,.45)}
.strategy-board.dama .piece.black{color:#12231c;text-shadow:0 1px 0 rgba(255,255,255,.10)}
.domino-chain{background:linear-gradient(180deg,rgba(17,35,29,.92),rgba(9,22,18,.96));border:1px solid rgba(123,167,148,.14)}
.domino-tile.playable{border-color:#89d6ae;box-shadow:0 0 0 2px rgba(96,200,146,.18),0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.domino-dot{background:#111a16}
.tavla-board{border:8px solid #6f482d}
.tavla-row{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.03))}
.tavla-point.light{border-bottom-color:#f2e3cf}.tavla-point.dark{border-bottom-color:#804839}.tavla-row.bottom .tavla-point.light{border-top-color:#f2e3cf}.tavla-row.bottom .tavla-point.dark{border-top-color:#804839}
.tavla-checkers i.white{background:linear-gradient(180deg,#fcfbf6,#ddd6c5);border-color:#c7bca9}.tavla-checkers i.black{background:linear-gradient(180deg,#24342c,#111b16);border-color:#08100d}
.tavla-bar,.tavla-off{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.20));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tavla-dice i{background:linear-gradient(180deg,#fff,#eef2f0);box-shadow:0 6px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.98)}

















.board-help,.spectator-game-note{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
@media(max-width:760px){
  .playing-card:not(:disabled):hover{transform:none}
  .strategy-board{border-width:6px}
  .tavla-board{border-width:6px}
  
}
.btn,.game-icon-btn,.multi-action{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease}
.btn:hover:not(:disabled),.game-icon-btn:hover:not(:disabled),.multi-action:hover:not(:disabled){box-shadow:0 10px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06)}
.btn:active:not(:disabled),.game-icon-btn:active:not(:disabled),.multi-action:active:not(:disabled){transform:translateY(1px) scale(.99)}
.game-panel .pill,.board-state,.board-turn,.multi-scoreboard>span,.domino-status>span,.tavla-score>span,.card-round-status span{backdrop-filter:blur(4px)}
.game-hud-main,.indicator-box,.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.auth-card,.settings-section{backdrop-filter:blur(8px)}


.tile{border-color:#cdbfa8;border-bottom-width:4px;border-radius:8px;background:radial-gradient(circle at 28% 14%,rgba(255,255,255,.95),transparent 22%),linear-gradient(180deg,#fffefb 0%,#f7efdf 58%,#e7dbc4 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset -1px -1px 0 rgba(126,101,63,.10),0 9px 16px rgba(0,0,0,.16);overflow:hidden}
.tile::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,0));pointer-events:none}
.tile::after{left:4px;right:4px;bottom:4px;height:2px;border-radius:999px;opacity:.22}
.tile span{font-size:23px;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,255,255,.58)}
.tile>i{font-size:7px;opacity:.92}
.tile.red{color:#c9322f}.tile.red::after{background:linear-gradient(90deg,rgba(201,50,47,.08),rgba(201,50,47,.36),rgba(201,50,47,.08))}
.tile.yellow{color:#cf9304}.tile.yellow::after{background:linear-gradient(90deg,rgba(207,147,4,.08),rgba(207,147,4,.34),rgba(207,147,4,.08))}
.tile.blue{color:#1d64c4}.tile.blue::after{background:linear-gradient(90deg,rgba(29,100,196,.08),rgba(29,100,196,.34),rgba(29,100,196,.08))}
.tile.black{color:#1b2228}.tile.black::after{background:linear-gradient(90deg,rgba(27,34,40,.08),rgba(27,34,40,.34),rgba(27,34,40,.08))}
.tile.selected{transform:translateY(-11px) scale(1.02);box-shadow:0 0 0 2px rgba(242,201,76,.42),0 16px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.98)}
.tile.just-drawn{box-shadow:0 0 0 2px rgba(111,215,166,.82),0 16px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.98)}
.tile.okey{background:radial-gradient(circle at 28% 14%,rgba(255,255,255,.95),transparent 22%),linear-gradient(180deg,#fbf8ff 0%,#efe8ff 58%,#e0d5fd 100%);box-shadow:inset 0 0 0 2px rgba(110,66,199,.22),0 10px 18px rgba(0,0,0,.18)}
.tile.okey:before{font-size:5px;letter-spacing:.14em;color:#6f43d0;text-shadow:none}
.tile.fake_joker{background:radial-gradient(circle at 28% 14%,rgba(255,255,255,.95),transparent 22%),linear-gradient(180deg,#fff8d9 0%,#f4e6a8 58%,#e6d481 100%);color:#7447d4;box-shadow:inset 0 0 0 2px rgba(116,71,212,.18),0 10px 18px rgba(0,0,0,.18)}
.tile.fake_joker small{font-size:5px;font-weight:800;letter-spacing:.03em;color:#7a55cf}
.tile-drag-ghost{transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(-50%,-58%) scale(1.1)!important;box-shadow:0 18px 34px rgba(0,0,0,.44)!important}


.board-turn b,.multi-scoreboard b{letter-spacing:-.02em}


/* Cards */
.playing-card{position:relative;overflow:hidden}
.playing-card::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.62),transparent 34%,transparent 62%,rgba(255,255,255,.22) 100%);pointer-events:none}
.playing-card::after{content:"";position:absolute;left:5px;right:5px;top:5px;bottom:5px;border-radius:6px;border:1px solid rgba(0,0,0,.04);pointer-events:none}
.playing-card.red b,.playing-card.red span,.playing-card.red i{text-shadow:0 1px 0 rgba(255,255,255,.65)}
.playing-card.black b,.playing-card.black span,.playing-card.black i{text-shadow:0 1px 0 rgba(255,255,255,.55)}
.card-hand-row{padding-top:10px;padding-bottom:10px}
.card-hand-row .playing-card:not(:disabled){cursor:pointer}
.card-hand-row .playing-card:not(:disabled):hover{transform:translateY(-6px) rotate(-1deg)}
.card-table-pile,.card-trick{position:relative}
.card-table-pile::after,.card-trick::after{content:"";position:absolute;inset:10px;border:1px dashed rgba(168,214,188,.12);border-radius:14px;pointer-events:none}

/* Chess / Dama */
.strategy-board{overflow:hidden}
.board-square{transition:box-shadow .14s ease,transform .14s ease,filter .14s ease}
.board-square:not(:disabled):hover{filter:brightness(1.03)}
.board-square.own-piece:not(:disabled):hover{box-shadow:inset 0 0 0 3px rgba(86,201,143,.22)}
.board-square.selected .piece{transform:scale(1.06)}
.piece{transition:transform .14s ease,filter .14s ease}
.strategy-board.chess .piece{filter:drop-shadow(0 2px 3px rgba(0,0,0,.36))}
.strategy-board.chess .piece.w{color:#faf6ea;text-shadow:0 1px 0 rgba(0,0,0,.28)}
.strategy-board.chess .piece.b{color:#161d1a;text-shadow:0 1px 0 rgba(255,255,255,.08)}
.strategy-board.dama .piece{position:relative}
.strategy-board.dama .piece::after{content:"";position:absolute;inset:16%;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.22);pointer-events:none}

/* Tavla */
.tavla-board{border-radius:20px;overflow:hidden}
.tavla-point{position:relative;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
.tavla-point:not(:disabled):hover{filter:brightness(1.03)}
.tavla-point.own:not(:disabled):hover{transform:translateY(-2px)}
.tavla-point.legal{box-shadow:inset 0 0 0 3px rgba(242,201,76,.26)}
.tavla-checkers i{position:relative;overflow:hidden}
.tavla-checkers i::after{content:"";position:absolute;left:14%;right:14%;top:14%;height:36%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,0));pointer-events:none}
.tavla-dice i{font-size:16px;font-weight:900}

/* Domino */
.domino-tile{position:relative;overflow:hidden}
.domino-tile::before{content:"";position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none}
.domino-tile::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(0,0,0,.10);transform:translateY(-50%);pointer-events:none}
.domino-tile.playable{transform:translateY(-2px)}

/* Shared game feedback */
.board-help,.spectator-game-note{border-radius:12px}
.table-brand-watermark span{text-shadow:0 1px 0 rgba(0,0,0,.18)}
@media(max-width:760px){
  .tile span{font-size:18px}
  .tile.selected{transform:translateY(-6px) scale(1.01)}
  .card-hand-row .playing-card:not(:disabled):hover{transform:none}
  .tavla-point.own:not(:disabled):hover,.domino-tile.playable{transform:none}
}
@keyframes premiumPulse{0%{box-shadow:0 0 0 0 rgba(111,215,166,.00)}45%{box-shadow:0 0 0 8px rgba(111,215,166,.10)}100%{box-shadow:0 0 0 0 rgba(111,215,166,0)}}
@keyframes goldPulse{0%{box-shadow:0 0 0 0 rgba(242,201,76,0)}50%{box-shadow:0 0 0 10px rgba(242,201,76,.10)}100%{box-shadow:0 0 0 0 rgba(242,201,76,0)}}
@keyframes softShimmer{0%{transform:translateX(-120%)}100%{transform:translateX(140%)}}
@keyframes turnGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
@keyframes floatHint{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.game-hud{position:sticky;top:0;z-index:40}
.turn-pill{animation:turnGlow 2.1s ease-in-out infinite}
.timer-pill{position:relative;overflow:hidden}
.timer-pill::after{content:"";position:absolute;left:-38%;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-16deg);animation:softShimmer 3.8s linear infinite}
.game-icon-btn,.multi-action,.btn{position:relative;overflow:hidden}
.game-icon-btn::after,.multi-action::after,.btn::after{content:"";position:absolute;left:-46%;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);opacity:0;transition:opacity .14s ease}
.game-icon-btn:hover::after,.multi-action:hover::after,.btn:hover::after{opacity:1;animation:softShimmer .95s ease}
.multi-card-table:hover,.board-game-shell:hover,.domino-shell:hover,.tavla-shell:hover{transform:translateY(-1px)}




















/* Card games */
.card-table-pile,.card-trick{overflow:hidden}
.card-table-pile::before,.card-trick::before{content:"";position:absolute;left:-12%;right:-12%;top:-30%;height:56%;background:radial-gradient(circle,rgba(255,255,255,.04),transparent 62%);pointer-events:none}
.playing-card{transform-origin:center bottom}
.playing-card.back::before{background:linear-gradient(130deg,rgba(255,255,255,.10),transparent 34%,transparent 62%,rgba(255,255,255,.05) 100%)}
.playing-card:disabled{cursor:default}
.card-hand-row .playing-card:not(:disabled):active{transform:translateY(-3px) scale(.99)}
.multi-scoreboard>span.active,.board-turn,.board-state.warning{animation:premiumPulse 2.3s ease-in-out infinite}

/* Chess & Dama */
.strategy-board{background-image:radial-gradient(circle at 50% 10%,rgba(255,255,255,.04),transparent 22%)}
.board-square.legal{animation:premiumPulse 2.2s ease-in-out infinite}
.board-square.selected{animation:goldPulse 2.2s ease-in-out infinite}
.strategy-board .piece{transition:transform .14s ease,filter .14s ease}
.strategy-board .board-square:not(:disabled):hover .piece{transform:scale(1.03)}
.strategy-board.dama .piece.white,.strategy-board.dama .piece.black{border-radius:50%}

/* Domino */
.domino-chain{overflow:hidden}
.domino-chain::before{content:"";position:absolute;inset:10px;border-radius:14px;background:radial-gradient(circle at center,rgba(255,255,255,.035),transparent 56%);pointer-events:none}
.domino-tile.playable{animation:premiumPulse 2.2s ease-in-out infinite}
.domino-tile:not(.back){transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
.domino-tile:not(.back):hover{filter:brightness(1.02)}

/* Tavla */
.tavla-board::before{content:"";position:absolute;left:8px;right:8px;top:8px;bottom:8px;border-radius:14px;border:1px solid rgba(255,255,255,.05);pointer-events:none}
.tavla-point.selected{animation:goldPulse 2.1s ease-in-out infinite}
.tavla-point.legal{animation:premiumPulse 2.1s ease-in-out infinite}
.tavla-bar.legal,.tavla-off.legal{animation:premiumPulse 2.1s ease-in-out infinite}
.tavla-dice i{animation:floatHint 2.4s ease-in-out infinite}

/* Shared premium details */
.board-help,.spectator-game-note{position:relative;overflow:hidden}
.board-help::after,.spectator-game-note::after{content:"";position:absolute;left:-20%;right:-20%;top:-36%;height:70%;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 66%);pointer-events:none}
.table-brand-watermark{mix-blend-mode:screen}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .turn-pill,.timer-pill::after,.game-icon-btn:hover::after,.multi-action:hover::after,.btn:hover::after,.multi-scoreboard>span.active,.board-turn,.board-state.warning,.board-square.legal,.board-square.selected,.domino-tile.playable,.tavla-point.selected,.tavla-point.legal,.tavla-bar.legal,.tavla-off.legal,.tavla-dice i{animation:none!important}
  .multi-card-table:hover,.board-game-shell:hover,.domino-shell:hover,.tavla-shell:hover,.card-hand-row .playing-card:not(:disabled):hover,.strategy-board .board-square:not(:disabled):hover .piece,.domino-tile:not(.back):hover,.tavla-point.own:not(:disabled):hover{transform:none!important}
}.experience-settings{display:grid;gap:9px;margin-top:14px}.experience-settings label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#f8faf9;cursor:pointer}.experience-settings label>span{display:grid;gap:3px}.experience-settings label b{font-size:12px;color:#273c33}.experience-settings label small{font-size:10px;line-height:1.4;color:#6f7f77}.experience-settings input{position:absolute;opacity:0;pointer-events:none}.experience-settings label>i{position:relative;flex:0 0 44px;width:44px;height:25px;border-radius:999px;background:#c9d3ce;transition:.16s ease}.experience-settings label>i::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(16,24,40,.18);transition:.16s ease}.experience-settings input:checked+i{background:#247d5a}.experience-settings input:checked+i::after{transform:translateX(19px)}.experience-settings label:focus-within{box-shadow:0 0 0 3px rgba(23,107,77,.10)}
.game-feedback-action .multi-game-area{animation:gameSurfaceFlash .38s ease}.game-feedback-turn .multi-game-area{animation:gameTurnFlash .55s ease}
@keyframes gameSurfaceFlash{0%,100%{filter:none}35%{filter:brightness(1.045) saturate(1.04)}}
@keyframes gameTurnFlash{0%,100%{filter:none}40%{filter:brightness(1.055) saturate(1.06)}}
body.game-effects-off .multi-card-table,body.game-effects-off .board-game-shell,body.game-effects-off .domino-shell,body.game-effects-off .tavla-shell,body.game-effects-off .game-hud-main{backdrop-filter:none;box-shadow:none}
body.game-effects-off .multi-card-table::before,body.game-effects-off .board-game-shell::before,body.game-effects-off .domino-shell::before,body.game-effects-off .tavla-shell::before,body.game-effects-off .card-table-pile::before,body.game-effects-off .card-trick::before,body.game-effects-off .card-table-pile::after,body.game-effects-off .card-trick::after,body.game-effects-off .domino-chain::before{display:none}
body.game-motion-off *,body.game-motion-off *::before,body.game-motion-off *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
body.game-motion-off .card-hand-row .playing-card:not(:disabled):hover,body.game-motion-off .strategy-board .board-square:not(:disabled):hover .piece,body.game-motion-off .tavla-point.own:not(:disabled):hover,body.game-motion-off .domino-tile:not(.back):hover{transform:none!important}

/* Premium real-table refinements */



.playing-card b{filter:drop-shadow(0 1px 0 rgba(255,255,255,.42))}.playing-card.back{position:relative}.playing-card.back::after{border-color:rgba(255,255,255,.11);background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 3px,transparent 3px 7px)}
.strategy-board .board-square{isolation:isolate}.strategy-board .board-square::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.035),transparent 36%,transparent 70%,rgba(0,0,0,.035));pointer-events:none;z-index:0}.strategy-board .piece{position:relative;z-index:1}
.tavla-center{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.12)}.tavla-score>span{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))}
.domino-tile{transform-origin:center}.domino-tile:not(.back):active{transform:scale(.98)}
@media(max-width:760px){.game-experience-dialog .flat-dialog-card{width:min(94vw,520px)}.experience-settings label{padding:10px}.experience-settings label small{font-size:9px}.experience-settings label>i{flex-basis:42px;width:42px;height:24px}.experience-settings label>i::after{width:18px;height:18px}.experience-settings input:checked+i::after{transform:translateX(18px)}}
.experience-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.experience-selects label{display:grid;gap:7px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.experience-selects label>span{display:grid;gap:3px}.experience-selects label b{font-size:12px;color:#273c33}.experience-selects label small{font-size:9px;line-height:1.4;color:#718078}.experience-selects select{width:100%;min-height:38px;padding:7px 9px;border:1px solid #d4dfd9;border-radius:8px;background:#fff;color:#263a31;font-size:11px;font-weight:800;outline:none}.experience-selects select:focus{border-color:#3c8d69;box-shadow:0 0 0 3px rgba(60,141,105,.10)}

/* Auto/Premium/Performance rendering presets */
body[data-game-quality="premium"] .multi-card-table,body[data-game-quality="premium"] .board-game-shell,body[data-game-quality="premium"] .domino-shell,body[data-game-quality="premium"] .tavla-shell{box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
body[data-game-quality="premium"] .tile,body[data-game-quality="premium"] .playing-card,body[data-game-quality="premium"] .domino-tile,body[data-game-quality="premium"] .tavla-checkers i{filter:saturate(1.03) contrast(1.01)}
body[data-game-quality="balanced"] .multi-card-table,body[data-game-quality="balanced"] .board-game-shell,body[data-game-quality="balanced"] .domino-shell,body[data-game-quality="balanced"] .tavla-shell{box-shadow:0 10px 24px rgba(0,0,0,.18)}
body[data-game-quality="balanced"] .game-hud-main,body[data-game-quality="balanced"] .multi-card-table,body[data-game-quality="balanced"] .board-game-shell,body[data-game-quality="balanced"] .domino-shell,body[data-game-quality="balanced"] .tavla-shell{backdrop-filter:blur(4px)}
body[data-game-quality="performance"] .game-hud-main,body[data-game-quality="performance"] .multi-card-table,body[data-game-quality="performance"] .board-game-shell,body[data-game-quality="performance"] .domino-shell,body[data-game-quality="performance"] .tavla-shell{backdrop-filter:none}
body[data-game-quality="performance"] .multi-card-table,body[data-game-quality="performance"] .board-game-shell,body[data-game-quality="performance"] .domino-shell,body[data-game-quality="performance"] .tavla-shell{box-shadow:none}
body[data-game-quality="performance"] .tile,body[data-game-quality="performance"] .playing-card,body[data-game-quality="performance"] .domino-tile,body[data-game-quality="performance"] .tavla-checkers i{filter:none}
body[data-game-quality="performance"] .turn-pill,body[data-game-quality="performance"] .timer-pill::after,body[data-game-quality="performance"] .multi-scoreboard>span.active,body[data-game-quality="performance"] .board-square.selected,body[data-game-quality="performance"] .domino-tile.playable,body[data-game-quality="performance"] .tavla-point.selected,body[data-game-quality="performance"] .tavla-point.legal{animation:none!important}

/* User-selectable table atmospheres */

body[data-game-table-style="night"] .card-table-pile,body[data-game-table-style="night"] .card-trick{background:radial-gradient(circle at 50% 40%,rgba(124,157,255,.07),transparent 44%),linear-gradient(145deg,#18333d,#102731)}
body[data-game-table-style="night"] .domino-chain{background:linear-gradient(180deg,#142a31,#0e2026)}
body[data-game-table-style="night"] .multi-card-table,body[data-game-table-style="night"] .board-game-shell,body[data-game-table-style="night"] .domino-shell,body[data-game-table-style="night"] .tavla-shell{background:linear-gradient(180deg,#15232a,#0e191e)}

body[data-game-table-style="warm"] .card-table-pile,body[data-game-table-style="warm"] .card-trick{background:radial-gradient(circle at 50% 40%,rgba(255,221,165,.06),transparent 44%),linear-gradient(145deg,#415d34,#2d4727)}
body[data-game-table-style="warm"] .domino-chain{background:linear-gradient(180deg,#382f24,#282119)}
body[data-game-table-style="warm"] .multi-card-table,body[data-game-table-style="warm"] .board-game-shell,body[data-game-table-style="warm"] .domino-shell,body[data-game-table-style="warm"] .tavla-shell{background:linear-gradient(180deg,#27231b,#191711)}

/* Move-guidance switch */
.playing-card.playable{border-color:rgba(88,198,143,.42);box-shadow:0 0 0 2px rgba(88,198,143,.08),0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.9)}
body:not(.game-hints-off) .playing-card.playable,body:not(.game-hints-off) .domino-tile.playable,body:not(.game-hints-off) .tavla-point.legal,body:not(.game-hints-off) .tavla-off.legal,body:not(.game-hints-off) .board-square.forced{outline:2px solid rgba(93,211,151,.26);outline-offset:-2px}
body.game-hints-off .playing-card.playable,body.game-hints-off .domino-tile.playable,body.game-hints-off .tavla-point.legal,body.game-hints-off .tavla-off.legal,body.game-hints-off .board-square.forced{outline:0;animation:none!important}
body.game-hints-off .strategy-board .board-square[data-coord]::before{display:none}

/* Real domino pip faces */
.domino-tile>i{position:relative;display:grid;place-items:center;overflow:hidden}.domino-pips{width:25px;height:25px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:2px}.domino-pips>b{display:block;align-self:center;justify-self:center;width:5px;height:5px;border-radius:50%;background:transparent}.domino-pips>b.on{background:radial-gradient(circle at 36% 30%,#48534e 0 18%,#111915 42%,#050806 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 1px rgba(0,0,0,.22)}.domino-tile.back>i{width:24px;height:50px;border-radius:5px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 4px,transparent 4px 8px)}
.domino-tile.playable .domino-pips>b.on{background:radial-gradient(circle at 36% 30%,#52635b 0 18%,#14251d 42%,#07100b 100%)}

/* Real Dama stones */
.strategy-board.dama .piece.dama-disc{width:72%;height:72%;border-radius:50%;font-size:0;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18)}
.strategy-board.dama .piece.dama-disc::before{content:"";position:absolute;inset:14%;border-radius:50%;border:2px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 4px rgba(0,0,0,.12)}
.strategy-board.dama .piece.dama-disc.white{background:radial-gradient(circle at 35% 28%,#fffdf7 0 12%,#eee5d5 44%,#cfc2aa 78%,#aa9a80 100%)}
.strategy-board.dama .piece.dama-disc.black{background:radial-gradient(circle at 35% 28%,#48534c 0 10%,#26322c 42%,#131c18 78%,#080d0a 100%)}
.strategy-board.dama .piece.dama-disc>i{position:relative;z-index:2;font-style:normal;font-size:clamp(10px,2.3vw,20px);line-height:1;color:#d4aa3c;text-shadow:0 1px 1px rgba(0,0,0,.42)}
.strategy-board.dama .piece.dama-disc.king{box-shadow:0 0 0 2px rgba(218,177,70,.30),0 6px 10px rgba(0,0,0,.34),inset 0 2px 2px rgba(255,255,255,.26),inset 0 -4px 5px rgba(0,0,0,.18)}
.dama-drag-ghost{display:grid;place-items:center;font-size:0;box-shadow:0 14px 24px rgba(0,0,0,.34),inset 0 2px 2px rgba(255,255,255,.24)}.dama-drag-ghost::before{content:"";position:absolute;inset:15%;border-radius:50%;border:2px solid rgba(255,255,255,.16)}.dama-drag-ghost.white{background:radial-gradient(circle at 35% 28%,#fffdf7,#e7ddca 58%,#b9aa91)}.dama-drag-ghost.black{background:radial-gradient(circle at 35% 28%,#4b5850,#253029 58%,#0b110e)}.dama-drag-ghost>i{position:relative;z-index:2;font-style:normal;font-size:18px;color:#d4aa3c}

/* Chess coordinates and upgraded pieces */
.strategy-board.chess .piece.chess-piece{font-family:"Times New Roman",Georgia,serif;font-size:clamp(26px,5.9vw,50px);line-height:1}
.strategy-board.chess .piece.chess-piece.white{color:#fff8e9;text-shadow:0 1px 0 #4c4032,0 0 1px #4c4032}.strategy-board.chess .piece.chess-piece.black{color:#17211c;text-shadow:0 1px 0 rgba(255,255,255,.10)}
.strategy-board .board-square[data-coord]::before{content:attr(data-coord);position:absolute;left:3px;bottom:2px;z-index:2;font-size:clamp(5px,.7vw,8px);font-weight:900;letter-spacing:.02em;color:rgba(13,28,21,.34);pointer-events:none}.strategy-board .board-square.dark[data-coord]::before{color:rgba(255,255,255,.36)}

/* Real pip dice for Tavla */
.tavla-dice i{padding:4px}.dice-face{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px}.dice-face>b{display:block;align-self:center;justify-self:center;width:5px;height:5px;border-radius:50%;background:transparent}.dice-face>b.on{background:radial-gradient(circle at 35% 30%,#4a554f 0 18%,#111a16 44%,#050806 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 1px rgba(0,0,0,.20)}

/* Premium rack rail and table finishing */




@media(max-width:760px){.experience-selects{grid-template-columns:1fr}.experience-selects label{padding:10px}.domino-pips{width:21px;height:21px}.domino-pips>b{width:4px;height:4px}.dice-face>b{width:4px;height:4px}.strategy-board.dama .piece.dama-disc>i{font-size:12px}.strategy-board .board-square[data-coord]::before{font-size:5px}}
body[data-game-table-style="night"] .strategy-board{border-color:#263b45;background:#1b2a31}body[data-game-table-style="night"] .board-square.light{background:#b9c7c7}body[data-game-table-style="night"] .board-square.dark{background:#526872}body[data-game-table-style="night"] .tavla-board{border-color:#33444c;background:linear-gradient(180deg,#61727a,#45565e)}body[data-game-table-style="night"] .tavla-center{background:#2d3d44}body[data-game-table-style="night"] .tavla-point::before{background:#33434a}body[data-game-table-style="night"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="night"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#c7d0ce}
body[data-game-table-style="warm"] .strategy-board{border-color:#765137;background:#c9a171}body[data-game-table-style="warm"] .board-square.light{background:#f0dbc0}body[data-game-table-style="warm"] .board-square.dark{background:#9e6848}body[data-game-table-style="warm"] .tavla-board{border-color:#754a2c;background:linear-gradient(180deg,#d5a46f,#bd8252)}body[data-game-table-style="warm"] .tavla-center{background:#754b31}body[data-game-table-style="warm"] .tavla-point::before{background:#7f4532}body[data-game-table-style="warm"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="warm"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#f0ddc2}
body[data-game-quality="ultra"] .game-hud-main,body[data-game-quality="ultra"] .multi-card-table,body[data-game-quality="ultra"] .board-game-shell,body[data-game-quality="ultra"] .domino-shell,body[data-game-quality="ultra"] .tavla-shell{backdrop-filter:blur(10px)}
body[data-game-quality="ultra"] .multi-card-table,body[data-game-quality="ultra"] .board-game-shell,body[data-game-quality="ultra"] .domino-shell,body[data-game-quality="ultra"] .tavla-shell{box-shadow:0 22px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
body[data-game-quality="ultra"] .board-square.selected,body[data-game-quality="ultra"] .domino-tile.playable,body[data-game-quality="ultra"] .tavla-point.selected,body[data-game-quality="ultra"] .tavla-point.legal{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 18px 26px rgba(0,0,0,.24),0 0 0 6px rgba(242,201,76,.06)}
body[data-game-quality="ultra"] .table-brand-watermark{filter:blur(.85px)}

body[data-game-table-style="royal"] .game-panel.real-game:not(.hidden){background:radial-gradient(circle at 50% 0,rgba(215,190,111,.08),transparent 24%),radial-gradient(circle at 50% 120%,rgba(18,55,47,.24),transparent 34%),linear-gradient(180deg,#09110f 0%,#07100d 100%)}


body[data-game-table-style="royal"] .multi-card-table,body[data-game-table-style="royal"] .board-game-shell,body[data-game-table-style="royal"] .domino-shell,body[data-game-table-style="royal"] .tavla-shell{background:linear-gradient(180deg,#14271f,#0d1714);border-color:rgba(226,200,126,.15)}
body[data-game-table-style="royal"] .card-table-pile,body[data-game-table-style="royal"] .card-trick{background:radial-gradient(circle at 50% 38%,rgba(255,223,146,.06),transparent 42%),linear-gradient(145deg,#184236,#102920)}
body[data-game-table-style="royal"] .domino-chain{background:linear-gradient(180deg,#143127,#0d211a)}
body[data-game-table-style="royal"] .strategy-board{border-color:#7b6030;background:#d0b088}
body[data-game-table-style="royal"] .board-square.light{background:#f1e2c7}body[data-game-table-style="royal"] .board-square.dark{background:#90704b}
body[data-game-table-style="royal"] .tavla-board{border-color:#7a552d;background:linear-gradient(180deg,#d4ac75,#ba834e)}body[data-game-table-style="royal"] .tavla-center{background:#7b5335}body[data-game-table-style="royal"] .tavla-point::before{background:#855240}body[data-game-table-style="royal"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="royal"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#f1dfbf}
body[data-game-table-style="royal"] .table-brand-watermark span{color:rgba(246,232,183,var(--table-watermark-opacity,.10))}
body[data-game-table-style="royal"] .table-brand-watermark small{color:rgba(246,232,183,calc(var(--table-watermark-opacity,.10) * .82))}

/* Stronger tactile realism */


.multi-scoreboard small,.board-turn small{opacity:.86}
.btn.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 18px rgba(0,0,0,.14)}
.playing-card,.domino-tile,.tile,.tavla-checkers i{transform-style:preserve-3d}
.playing-card.playable,.domino-tile.playable,.tavla-point.legal,.tavla-off.legal,.board-square.forced{position:relative}
body:not(.game-hints-off) .playing-card.playable::after,body:not(.game-hints-off) .domino-tile.playable::before{box-shadow:0 0 0 2px rgba(93,211,151,.22)}
.board-square[data-coord]::before{font-weight:700;letter-spacing:.01em}
.domino-tile.playable::before,.tavla-point.legal::after,.board-square.forced::after{animation:premiumPulse 2s ease-in-out infinite}
.tavla-board,.strategy-board,.domino-chain,.card-table-pile,.card-trick{position:relative}
.tavla-board::after,.strategy-board::after,.domino-chain::after,.card-table-pile::after,.card-trick::after{pointer-events:none}

/* Experience dialog polish */
.game-experience-dialog .flat-dialog-card{max-width:min(94vw,680px)}
.game-experience-dialog .experience-selects,.game-experience-dialog .experience-settings{gap:12px}
.game-experience-dialog label b{letter-spacing:-.01em}























































































































.home-overview{
  border-left-width:1px;
}
.home-overview-copy h1{font-size:30px;letter-spacing:-.04em}
.home-overview-copy p{color:#62736c}
.home-overview-stats article{
  border-color:#d9e8e0;
  background:linear-gradient(180deg,#ffffff,#f3f8f5);
}
.game-entry-grid.multi-game-grid{gap:14px}
.game-entry-card{
  min-height:186px;
  padding:15px;
}
.game-entry-cover::before{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 20%),
    linear-gradient(135deg,rgba(255,255,255,.10),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.06),transparent 52%),
    var(--cover-glow);
}
.game-mark{
  border-radius:14px;
}
.game-entry-stats>span{
  border-radius:11px;
}
.card-action{padding-top:4px}
.lobby-room-card{
  border-color:#d8e5df;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#fafcfb);
  box-shadow:0 10px 24px rgba(16,24,40,.04);
}
.lobby-room-card:hover{
  border-color:#8eb7a4;
  box-shadow:0 16px 30px rgba(16,24,40,.065);
}
.lobby-room-stats span{
  border-color:#dee8e4;
  background:linear-gradient(180deg,#ffffff,#f4f8f6);
}
.room-enter{padding:5px 10px;border-radius:9px}
.table-wait-head,.resume-game-card,.spectator-section,.queue-note{
  border-radius:16px;
  box-shadow:0 10px 26px rgba(16,24,40,.04);
}
.seat-card{
  border-color:#d6e4de;
  background:linear-gradient(180deg,#ffffff,#f9fcfa);
  box-shadow:0 10px 20px rgba(16,24,40,.035);
}
.seat-card.occupied.is-ready{
  border-color:#9ecdb5;
  box-shadow:0 0 0 1px rgba(23,107,77,.08),0 12px 24px rgba(16,24,40,.045);
}
.seat-no,.team-tag,.spectator-chip{border-radius:999px}
.spectator-chip{background:#f3f8f5;border-color:#dbe7e1}

.playing-card,.domino-tile,.tavla-checkers i{
  box-shadow:0 10px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.40);
}

@media(max-width:960px){
  .home-overview{grid-template-columns:1fr;gap:14px}
  .game-entry-grid,.lobby-room-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .home-overview{padding:16px}
  .home-overview-copy h1{font-size:25px}
  .game-entry-card{min-height:176px;padding:13px}
  .lobby-room-card{padding:13px 14px;border-radius:14px}
  .table-wait-head,.resume-game-card,.spectator-section,.queue-note,.seat-card{border-radius:14px}
}
.game-entry-card,.lobby-room-card,.seat-card,.resume-game-card,.table-wait-head,.spectator-section,.queue-note{backdrop-filter:saturate(1.03)}

/* richer real-table material language */
.playing-card,.domino-tile,.tile,.tavla-checkers i{
  box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.88);
}
.playing-card{
  border-radius:11px;
}
.playing-card.red{color:#c5333b}
.domino-tile{
  border-radius:12px;
}
.domino-tile::before{height:13px}
.domino-dot{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.24)}
.tavla-board{
  background:linear-gradient(180deg,#d7b07a,#c58d58 38%,#b77744 100%);
}
.tavla-checkers i{
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.18),inset 0 2px 2px rgba(255,255,255,.20),inset 0 -4px 7px rgba(0,0,0,.14);
}
.strategy-board.chess .piece.chess-piece{filter:drop-shadow(0 4px 3px rgba(0,0,0,.30))}
.strategy-board.dama .piece.dama-disc{box-shadow:0 8px 14px rgba(0,0,0,.28),inset 0 2px 2px rgba(255,255,255,.26),inset 0 -5px 6px rgba(0,0,0,.18)}



body[data-game-quality="ultra"] .tile,body[data-game-quality="ultra"] .playing-card,body[data-game-quality="ultra"] .domino-tile,body[data-game-quality="ultra"] .tavla-checkers i{filter:saturate(1.10) contrast(1.04)}
body[data-game-quality="ultra"] .game-entry-cover::after{filter:drop-shadow(0 14px 20px rgba(7,14,19,.24)) saturate(1.08)}
@media(max-width:760px){
  .playing-card{width:62px;height:90px}
  .domino-tile{width:36px;height:68px}
}
.game-panel.game-mode-card52{--mode-accent:#b46b9c;--mode-accent-rgb:180 107 156;--mode-surface:#251723;--mode-surface-2:#171018}
.game-panel.game-mode-pisti{--mode-accent:#d66572;--mode-accent-rgb:214 101 114;--mode-surface:#27181a;--mode-surface-2:#171012}
.game-panel.game-mode-batak{--mode-accent:#8370e3;--mode-accent-rgb:131 112 227;--mode-surface:#1e1a31;--mode-surface-2:#12101f}
.game-panel.game-mode-dama{--mode-accent:#d8bd70;--mode-accent-rgb:216 189 112;--mode-surface:#21261f;--mode-surface-2:#131712}
.game-panel.game-mode-chess{--mode-accent:#9bb1cd;--mode-accent-rgb:155 177 205;--mode-surface:#18212d;--mode-surface-2:#0f151e}
.game-panel.game-mode-tavla{--mode-accent:#d19762;--mode-accent-rgb:209 151 98;--mode-surface:#2d2118;--mode-surface-2:#19120d}
.game-panel.game-mode-domino{--mode-accent:#9fc3b2;--mode-accent-rgb:159 195 178;--mode-surface:#18241f;--mode-surface-2:#0d1512}
.game-panel[class*="game-mode-"] .multi-game-head h2{font-size:22px;letter-spacing:-.025em}
.game-panel[class*="game-mode-"] .multi-scoreboard>span{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.12);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-radius:12px;
}
.game-panel[class*="game-mode-"] .multi-scoreboard>span.active{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.48);
  background:linear-gradient(180deg,rgba(var(--mode-accent-rgb,77 143 112),.18),rgba(var(--mode-accent-rgb,77 143 112),.07));
  box-shadow:0 0 0 1px rgba(var(--mode-accent-rgb,77 143 112),.08),0 8px 18px rgba(0,0,0,.14);
}
.game-panel[class*="game-mode-"] .card-round-status span,.game-panel[class*="game-mode-"] .domino-status>span,.game-panel[class*="game-mode-"] .tavla-score>span,.game-panel[class*="game-mode-"] .board-state{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.13);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-radius:10px;
}

/* card games: dedicated felt and hand treatment */
.game-panel.game-mode-card52 .card-table-pile,.game-panel.game-mode-card52 .card-trick{
  background:radial-gradient(circle at 50% 40%,rgba(220,156,201,.08),transparent 40%),linear-gradient(145deg,#4b2441,#35182f 58%,#24101f);
  border-color:rgba(214,142,191,.18);
}
.game-panel.game-mode-pisti .card-table-pile,.game-panel.game-mode-pisti .card-trick{
  background:radial-gradient(circle at 50% 40%,rgba(238,145,156,.07),transparent 40%),linear-gradient(145deg,#6c2832,#4d1d25 58%,#31151b);
  border-color:rgba(232,128,141,.18);
}
.game-panel.game-mode-batak .card-table-pile,.game-panel.game-mode-batak .card-trick{
  background:radial-gradient(circle at 50% 40%,rgba(155,139,239,.09),transparent 40%),linear-gradient(145deg,#332d63,#26214e 58%,#191634);
  border-color:rgba(148,132,230,.20);
}
.game-panel.game-mode-card52 .card-hand-row,.game-panel.game-mode-pisti .card-hand-row,.game-panel.game-mode-batak .card-hand-row{
  min-height:128px;
  padding:16px 14px 12px;
  border-radius:15px;
  border-color:rgba(var(--mode-accent-rgb),.14);
  background:linear-gradient(180deg,rgba(7,12,10,.66),rgba(9,15,12,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 22px rgba(0,0,0,.10);
}
.game-panel.game-mode-card52 .card-hand-row .playing-card,.game-panel.game-mode-pisti .card-hand-row .playing-card,.game-panel.game-mode-batak .card-hand-row .playing-card{margin-left:-10px}
.game-panel.game-mode-card52 .card-hand-row .playing-card:first-child,.game-panel.game-mode-pisti .card-hand-row .playing-card:first-child,.game-panel.game-mode-batak .card-hand-row .playing-card:first-child{margin-left:0}
.game-panel[class*="game-mode-"] .playing-card{
  border-radius:12px;
  border-color:#dde3df;
  box-shadow:0 12px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.95);
}
.game-panel[class*="game-mode-"] .playing-card.playable{
  border-color:rgba(var(--mode-accent-rgb),.55);
  box-shadow:0 0 0 2px rgba(var(--mode-accent-rgb),.10),0 14px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.95);
}

/* Dama / chess: deeper board frames */
.game-panel.game-mode-dama .strategy-board{
  border:10px solid #5b4a34;
  border-radius:16px;
  box-shadow:0 22px 42px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.13);
}
.game-panel.game-mode-dama .board-square.light{background:linear-gradient(145deg,#eee5cf,#ded2b8)}
.game-panel.game-mode-dama .board-square.dark{background:linear-gradient(145deg,#7f7a61,#64644f)}
.game-panel.game-mode-chess .strategy-board{
  border:10px solid #26384c;
  border-radius:16px;
  box-shadow:0 22px 42px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.14);
}
.game-panel.game-mode-chess .board-square.light{background:linear-gradient(145deg,#e8edf0,#d6dee3)}
.game-panel.game-mode-chess .board-square.dark{background:linear-gradient(145deg,#71859b,#586c80)}
.game-panel.game-mode-chess .piece.chess-piece{filter:drop-shadow(0 4px 3px rgba(0,0,0,.32))}
.game-panel.game-mode-dama .piece.dama-disc{box-shadow:0 8px 15px rgba(0,0,0,.30),inset 0 2px 2px rgba(255,255,255,.28),inset 0 -5px 7px rgba(0,0,0,.17)}
.game-panel.game-mode-dama .board-square.selected,.game-panel.game-mode-chess .board-square.selected{box-shadow:inset 0 0 0 4px var(--mode-accent)!important}

/* Tavla: richer walnut and checker depth */
.game-panel.game-mode-tavla .tavla-board{
  border:10px solid #6f4528;
  border-radius:20px;
}
.game-panel.game-mode-tavla .tavla-center{background:linear-gradient(180deg,#71472f,#5a3524)}
.game-panel.game-mode-tavla .tavla-checkers i.white{background:radial-gradient(circle at 34% 28%,#fffdf7,#e7dfd0 62%,#c6b8a2)}
.game-panel.game-mode-tavla .tavla-checkers i.black{background:radial-gradient(circle at 34% 28%,#46564f,#243129 62%,#101712)}
.game-panel.game-mode-tavla .tavla-dice i{box-shadow:0 10px 20px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.95)}

/* Domino: stone and chain surface */
.game-panel.game-mode-domino .domino-chain{
  border-color:rgba(159,195,178,.13);
}
.game-panel.game-mode-domino .domino-tile{
  border-radius:11px;
  border-color:#d9e1dd;
  background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.97),transparent 22%),linear-gradient(180deg,#fff,#f0f4f2);
  box-shadow:0 11px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.96);
}
.game-panel.game-mode-domino .domino-tile.playable{border-color:rgba(159,195,178,.65);box-shadow:0 0 0 2px rgba(159,195,178,.10),0 12px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.96)}
.game-panel.game-mode-domino .domino-hand-row{padding:10px 4px 5px;gap:9px}

/* shared action and status polish */
.game-panel[class*="game-mode-"] .card-controls,.game-panel[class*="game-mode-"] .domino-controls,.game-panel[class*="game-mode-"] .tavla-controls{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.12);
}
.game-panel[class*="game-mode-"] .card-controls .btn,.game-panel[class*="game-mode-"] .domino-controls .btn,.game-panel[class*="game-mode-"] .tavla-controls .btn,.game-panel[class*="game-mode-"] .mini-end-btn{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.26);
  background:linear-gradient(180deg,rgba(var(--mode-accent-rgb,77 143 112),.18),rgba(var(--mode-accent-rgb,77 143 112),.07));
  color:#f7fbf9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 14px rgba(0,0,0,.10);
}
.game-panel[class*="game-mode-"] .board-help,.game-panel[class*="game-mode-"] .spectator-game-note{
  border-color:rgba(var(--mode-accent-rgb,77 143 112),.12);
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
  border-radius:12px;
}

@media(max-width:760px){
  .game-panel[class*="game-mode-"] .multi-game-head{margin-bottom:11px;padding-bottom:9px}
  .game-panel[class*="game-mode-"] .multi-game-head h2{font-size:18px}
  .game-panel.game-mode-card52 .card-hand-row,.game-panel.game-mode-pisti .card-hand-row,.game-panel.game-mode-batak .card-hand-row{min-height:104px;padding:10px 8px 8px}
  .game-panel.game-mode-card52 .card-hand-row .playing-card,.game-panel.game-mode-pisti .card-hand-row .playing-card,.game-panel.game-mode-batak .card-hand-row .playing-card{margin-left:-8px}
  .game-panel.game-mode-dama .strategy-board,.game-panel.game-mode-chess .strategy-board{border-width:6px;border-radius:12px}
  .game-panel.game-mode-tavla .tavla-board{border-width:6px;border-radius:15px}
}
.remember-login{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:10px 12px;
  border:1px solid #dce6e1;
  border-radius:11px;
  background:linear-gradient(180deg,#ffffff,#f7faf8);
  cursor:pointer;
  color:#31473e!important;
}
.remember-login>span{display:grid;gap:2px;min-width:0}
.remember-login b{font-size:12px;color:#2e443a}
.remember-login small{font-size:10px;font-weight:600;color:#7a8b83}
.remember-login input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}
.remember-login i{order:-1;position:relative;flex:0 0 36px;width:36px;height:22px;border-radius:999px;background:#ccd8d2;box-shadow:inset 0 1px 2px rgba(16,24,40,.12);transition:.16s}
.remember-login i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(16,24,40,.20);transition:.16s}
.remember-login input:checked~i{background:linear-gradient(180deg,#238761,#176b4d)}
.remember-login input:checked~i::after{transform:translateX(14px)}
.remember-login:focus-within{border-color:#75ad91;box-shadow:0 0 0 3px rgba(23,107,77,.10)}
@media(max-width:760px){.remember-login{min-height:44px;padding:9px 10px}.remember-login small{font-size:9px}}
.premium-four-seat-table{padding:16px;border-radius:22px}
.premium-four-seat-table .multi-game-head{margin-bottom:10px}
.premium-four-seat-table .multi-scoreboard.compact{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.premium-four-seat-table .multi-scoreboard.compact span{min-width:140px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(15,24,21,.75),rgba(10,16,14,.88));border:1px solid rgba(205,220,198,.08)}
.real-table-wrap{position:relative;padding:10px;background:linear-gradient(145deg,#482a1b,#855535 38%,#a36a41 62%,#56321f)}
.real-table-wrap::before{content:"";position:absolute;inset:12px;border-radius:24px;border:1px solid rgba(255,245,224,.08);pointer-events:none}
.real-table-felt{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.05),transparent 26%),radial-gradient(circle at 18% 24%,rgba(255,255,255,.04),transparent 16%),repeating-linear-gradient(155deg,rgba(255,255,255,.018) 0 2px,transparent 2px 11px),linear-gradient(145deg,#11664d,#0e5a43 36%,#0c513c 70%,#0a4634 100%)}
.real-table-felt::before{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(255,255,255,.05);pointer-events:none}
.real-table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(60%,420px);z-index:3;display:grid;justify-items:center;gap:10px}
.real-table-status{display:flex;justify-content:center;width:100%}
.real-table-status .card-round-status{margin:0;justify-content:center;gap:8px;flex-wrap:wrap}
.real-table-status .card-round-status span{background:linear-gradient(180deg,rgba(11,18,16,.86),rgba(8,14,12,.94));border:1px solid rgba(220,231,224,.09);border-radius:11px;padding:8px 10px;box-shadow:0 8px 16px rgba(0,0,0,.16)}
.real-table-center .card-table-pile,.real-table-center .card-trick{min-height:154px;width:min(100%,360px);display:flex;align-items:center;justify-content:center;padding:24px 16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(14,38,31,.74),rgba(9,24,20,.88));border:1px solid rgba(205,227,212,.08)}
.real-table-center .card-trick{gap:10px;flex-wrap:wrap}
.center-stack-label{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.08em;color:#dfefdf;text-transform:uppercase;opacity:.86}
.real-table-center .card-table-pile .playing-card,.real-table-center .card-trick .playing-card{width:60px;height:86px}
.real-table-controls{display:flex;justify-content:center;width:100%}
.real-table-controls .card-controls{margin:0;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(10,18,16,.82),rgba(8,14,12,.94));border:1px solid rgba(220,231,224,.08)}
.table-seat{position:absolute;z-index:2;display:grid;gap:8px;padding:10px 12px;background:linear-gradient(180deg,rgba(10,18,16,.95),rgba(7,12,11,.96));border:1px solid rgba(228,235,228,.12)}
.table-seat.active{border-color:#ebc96c;box-shadow:0 0 0 1px rgba(235,201,108,.26),0 14px 26px rgba(0,0,0,.26)}
.table-seat.me{border-color:rgba(117,211,167,.32)}
.seat-top{top:18px;left:50%;transform:translateX(-50%);width:min(48%,320px)}
.seat-bottom{left:50%;bottom:16px;transform:translateX(-50%);width:min(48%,320px)}
.seat-left{left:16px;top:50%;transform:translateY(-50%);width:min(26%,190px)}
.seat-right{right:16px;top:50%;transform:translateY(-50%);width:min(26%,190px)}
.table-seat-head{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}
.table-seat-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#f4d27c,#d6a743);color:#312512;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
.table-seat-meta{display:grid;gap:2px;min-width:0}.table-seat-meta b{font-size:13px;color:#f7f2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-seat-meta small{font-size:11px;color:#d1dccf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-seat-tag{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:#e2ede0;font-size:10px;font-weight:700}
.table-seat-cards{min-height:46px;display:flex;align-items:center;justify-content:center}
.opponent-card-fan{position:relative;width:104px;height:42px}
.opponent-card-fan i{position:absolute;bottom:0;width:26px;height:38px;border-radius:7px;border:1px solid rgba(237,243,237,.18)}
.opponent-card-fan i:nth-child(1){left:4px;transform:rotate(-14deg)}
.opponent-card-fan i:nth-child(2){left:18px;transform:rotate(-9deg)}
.opponent-card-fan i:nth-child(3){left:32px;transform:rotate(-4deg)}
.opponent-card-fan i:nth-child(4){left:46px;transform:rotate(2deg)}
.opponent-card-fan i:nth-child(5){left:60px;transform:rotate(7deg)}
.opponent-card-fan i:nth-child(6){left:74px;transform:rotate(12deg)}
.opponent-card-fan i:nth-child(7){left:86px;transform:rotate(16deg)}
.seat-left .opponent-card-fan,.seat-right .opponent-card-fan{width:78px;height:56px}
.seat-left .opponent-card-fan i,.seat-right .opponent-card-fan i{width:20px;height:30px}
.seat-left .opponent-card-fan i:nth-child(1),.seat-right .opponent-card-fan i:nth-child(1){left:2px;transform:rotate(-30deg)}
.seat-left .opponent-card-fan i:nth-child(2),.seat-right .opponent-card-fan i:nth-child(2){left:12px;transform:rotate(-18deg)}
.seat-left .opponent-card-fan i:nth-child(3),.seat-right .opponent-card-fan i:nth-child(3){left:22px;transform:rotate(-8deg)}
.seat-left .opponent-card-fan i:nth-child(4),.seat-right .opponent-card-fan i:nth-child(4){left:32px;transform:rotate(2deg)}
.seat-left .opponent-card-fan i:nth-child(5),.seat-right .opponent-card-fan i:nth-child(5){left:42px;transform:rotate(12deg)}
.seat-left .opponent-card-fan i:nth-child(6),.seat-right .opponent-card-fan i:nth-child(6){left:50px;transform:rotate(22deg)}
.seat-left .opponent-card-fan i:nth-child(7),.seat-right .opponent-card-fan i:nth-child(7){left:56px;transform:rotate(30deg)}
.premium-four-seat-table .premium-hand{margin-top:12px;border-radius:18px;background:linear-gradient(180deg,#9e6339,#7a4726 60%,#693b20);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 30px rgba(0,0,0,.18)}
.premium-four-seat-table .card-hand-title{color:#fff4e6}.premium-four-seat-table .card-hand-row{background:transparent;border:0;box-shadow:none;justify-content:center;padding-top:2px}
.premium-four-seat-table .spectator-game-note{margin-top:12px;border-radius:16px;background:linear-gradient(180deg,rgba(10,18,16,.94),rgba(7,12,11,.97));border:1px solid rgba(228,235,228,.10)}
@media(max-width:1024px){
  .real-table-felt{min-height:520px}
  .seat-top,.seat-bottom{width:min(56%,280px)}
  .seat-left,.seat-right{width:min(28%,170px)}
  .real-table-center{width:min(64%,360px)}
}
@media(max-width:760px){
  .premium-four-seat-table{padding:10px;border-radius:18px}
  .premium-four-seat-table .multi-scoreboard.compact{justify-content:stretch}.premium-four-seat-table .multi-scoreboard.compact span{min-width:calc(50% - 4px);padding:6px 8px}
  .real-table-wrap{padding:6px}
  .real-table-wrap::before{inset:8px;border-radius:16px}
  .real-table-felt{min-height:410px}
  .real-table-felt::before{inset:8px;border-radius:12px}
  .real-table-center{width:min(70%,210px);gap:6px}
  .real-table-status .card-round-status{gap:5px}.real-table-status .card-round-status span{padding:5px 7px;font-size:10px}
  .real-table-center .card-table-pile,.real-table-center .card-trick{min-height:94px;padding:18px 10px 12px;border-radius:12px}
  .real-table-center .card-table-pile .playing-card,.real-table-center .card-trick .playing-card{width:34px;height:50px}
  .center-stack-label{top:6px;font-size:8px}
  .table-seat{padding:5px 6px;border-radius:11px;gap:5px}
  .seat-top{top:10px;width:min(50%,138px)}
  .seat-bottom{bottom:10px;width:min(50%,138px)}
  .seat-left{left:8px;width:min(23%,78px)}
  .seat-right{right:8px;width:min(23%,78px)}
  .table-seat-head{grid-template-columns:20px 1fr;gap:4px}.table-seat-tag{display:none}
  .table-seat-avatar{width:20px;height:20px;font-size:10px}
  .table-seat-meta b{font-size:6.7px}.table-seat-meta small{font-size:5px}
  .table-seat-cards{min-height:24px}
  .opponent-card-fan{width:48px;height:26px}
  .opponent-card-fan i{width:12px;height:20px;border-radius:4px}
  .opponent-card-fan i:nth-child(1){left:0}.opponent-card-fan i:nth-child(2){left:6px}.opponent-card-fan i:nth-child(3){left:12px}.opponent-card-fan i:nth-child(4){left:18px}.opponent-card-fan i:nth-child(5){left:24px}.opponent-card-fan i:nth-child(6){left:30px}.opponent-card-fan i:nth-child(7){left:36px}
  .seat-left .opponent-card-fan,.seat-right .opponent-card-fan{width:34px;height:28px}.seat-left .opponent-card-fan i,.seat-right .opponent-card-fan i{width:10px;height:16px}
  .seat-left .opponent-card-fan i:nth-child(1),.seat-right .opponent-card-fan i:nth-child(1){left:0}.seat-left .opponent-card-fan i:nth-child(2),.seat-right .opponent-card-fan i:nth-child(2){left:4px}.seat-left .opponent-card-fan i:nth-child(3),.seat-right .opponent-card-fan i:nth-child(3){left:8px}.seat-left .opponent-card-fan i:nth-child(4),.seat-right .opponent-card-fan i:nth-child(4){left:12px}.seat-left .opponent-card-fan i:nth-child(5),.seat-right .opponent-card-fan i:nth-child(5){left:16px}.seat-left .opponent-card-fan i:nth-child(6),.seat-right .opponent-card-fan i:nth-child(6){left:20px}.seat-left .opponent-card-fan i:nth-child(7),.seat-right .opponent-card-fan i:nth-child(7){left:24px}
  .real-table-controls .card-controls{padding:6px 7px;border-radius:12px;gap:5px}.real-table-controls .card-controls b{width:100%;font-size:10px;text-align:center}.real-table-controls .card-controls .btn{min-height:28px;padding:0 8px;font-size:10px}
  .premium-four-seat-table .premium-hand{margin-top:8px;border-radius:14px}.premium-four-seat-table .card-hand-title{font-size:12px}.premium-four-seat-table .card-hand-row{gap:4px}
}
.game-hold-dragging{user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:none}
.game-drag-source{opacity:.58!important}
.word-rack-tile,.playing-card.playable,.domino-hand-item[data-domino-id],.tavla-point.own,.tavla-bar,.board-square.own-piece,[data-naval-ship-select]{touch-action:none;-webkit-user-select:none;user-select:none}
.game-drag-ghost,.card-drag-ghost,.strategy-drag-ghost,.domino-drag-ghost,.tavla-drag-ghost,.word-drag-ghost,.naval-drag-ghost{position:fixed!important;z-index:10020!important;left:0;top:0;pointer-events:none!important;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(-50%,-56%) scale(1.05);filter:drop-shadow(0 14px 22px rgba(0,0,0,.30));margin:0!important}
.card-drag-ghost{width:68px!important;height:98px!important;opacity:.96}
.strategy-drag-ghost{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(9,18,14,.24)}
.strategy-drag-ghost .piece{width:80%;height:80%}
.domino-drag-ghost{opacity:.98}
.tavla-drag-ghost{width:34px!important;height:34px!important;border-radius:50%!important;display:block!important;background:linear-gradient(180deg,#f7f4eb,#d9cfbc)!important;border:1px solid rgba(91,73,49,.28)!important}
.game-drop-over{outline:3px solid rgba(94,218,150,.64)!important;outline-offset:-3px!important;box-shadow:0 0 0 6px rgba(94,218,150,.12),0 14px 26px rgba(0,0,0,.16)!important}
.domino-drop-zone{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:58px;height:72px;border:1px dashed rgba(205,231,216,.18);border-radius:14px;background:rgba(8,24,18,.20);color:#9eb6a8;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto}
.domino-drop-zone.left{left:8px}.domino-drop-zone.right{right:8px}
.domino-chain{padding-left:72px!important;padding-right:72px!important}
.seat-you-marker{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:28px;padding:0 12px;border-radius:999px;background:linear-gradient(180deg,#2c7c5a,#205c43);color:#effbf4;font-size:11px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}



/* opponent racks are physical table objects, not part of player cards */








/* make premium 4-player tables share the same cafe feel */
.premium-four-seat-table .real-table-wrap{background:repeating-linear-gradient(91deg,rgba(255,255,255,.02) 0 2px,rgba(61,29,13,.02) 2px 13px),linear-gradient(180deg,#8c5632,#633a23 56%,#422414)!important;border:1px solid #4a2a19}
.premium-four-seat-table .table-seat{background:linear-gradient(180deg,rgba(12,16,18,.94),rgba(7,10,12,.97))!important;border-color:rgba(240,216,177,.16)!important}
.premium-four-seat-table .table-seat-avatar{background:linear-gradient(180deg,#f0dfbd,#c69e5f)!important;color:#322518!important;box-shadow:0 0 0 3px rgba(213,174,106,.11),inset 0 1px 0 rgba(255,255,255,.30)!important}

@media(max-width:760px){
  .card-drag-ghost{width:52px!important;height:76px!important}
  .strategy-drag-ghost{width:48px;height:48px}.tavla-drag-ghost{width:28px!important;height:28px!important}
  .domino-drop-zone{width:44px;height:56px;font-size:8px}.domino-chain{padding-left:54px!important;padding-right:54px!important}
  
  
  
  
}
.game-panel[class*="game-mode-"]{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,214,160,.08),transparent 28%),
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.03),transparent 18%),
    linear-gradient(180deg,#15100d 0%,#0d0b0a 12%,#121617 100%)!important;
}
.game-panel[class*="game-mode-"] .multi-game-area{
  padding:16px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,240,220,.05),transparent 26%),
    linear-gradient(180deg,rgba(70,45,28,.22),rgba(8,10,11,.12));
}
.game-panel.game-mode-card52{--table-felt:#145560;--table-felt-2:#0b3f45;--table-head:#203740;--table-edge:#8f5d37}
.game-panel.game-mode-pisti{--table-felt:#6b3140;--table-felt-2:#401928;--table-head:#3c232f;--table-edge:#8b5735}
.game-panel.game-mode-batak{--table-felt:#354a72;--table-felt-2:#202b43;--table-head:#232a3c;--table-edge:#8a5836}
.game-panel.game-mode-domino{--table-felt:#184840;--table-felt-2:#0f2d28;--table-head:#1d2f2a;--table-edge:#855535}
.game-panel.game-mode-tavla{--table-felt:#6a4930;--table-felt-2:#4c3322;--table-head:#2f241d;--table-edge:#9f6b41}
.game-panel.game-mode-dama{--table-felt:#6c7162;--table-felt-2:#4e5247;--table-head:#2e302c;--table-edge:#7a5739}
.game-panel.game-mode-chess{--table-felt:#5d748a;--table-felt-2:#384858;--table-head:#27313a;--table-edge:#7b5a43}
.game-panel[class*="game-mode-"] .multi-card-table,.game-panel[class*="game-mode-"] .board-game-shell,.game-panel[class*="game-mode-"] .domino-shell,.game-panel[class*="game-mode-"] .tavla-shell{
  position:relative;
  overflow:hidden;
  padding:18px;
  border-radius:28px;
  border-top:0;
  background:
    linear-gradient(145deg,#4a2d1c 0%,#8b5b39 24%,#a56e45 49%,#7b4d31 73%,#402515 100%)!important;
}
.game-panel[class*="game-mode-"] .multi-card-table::before,.game-panel[class*="game-mode-"] .board-game-shell::before,.game-panel[class*="game-mode-"] .domino-shell::before,.game-panel[class*="game-mode-"] .tavla-shell::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:21px;
  box-shadow:inset 0 0 0 1px rgba(255,243,223,.06),inset 0 -18px 32px rgba(0,0,0,.16);
  pointer-events:none;
}
.game-panel[class*="game-mode-"] .multi-card-table::after,.game-panel[class*="game-mode-"] .board-game-shell::after,.game-panel[class*="game-mode-"] .domino-shell::after,.game-panel[class*="game-mode-"] .tavla-shell::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:17px;
  border:1px solid rgba(255,245,224,.07);
  pointer-events:none;
}
.game-panel[class*="game-mode-"] .multi-card-table > *,.game-panel[class*="game-mode-"] .board-game-shell > *,.game-panel[class*="game-mode-"] .domino-shell > *,.game-panel[class*="game-mode-"] .tavla-shell > *{position:relative;z-index:1}
.game-panel[class*="game-mode-"] .multi-game-head{
  margin:-4px -4px 18px;
  padding:8px 8px 14px;
  border-bottom:1px solid rgba(255,236,210,.08);
}
.game-panel[class*="game-mode-"] .multi-game-head h2{color:#fff5e7}
.game-panel[class*="game-mode-"] .multi-game-head .eyebrow{color:#ebddb8}
.game-panel[class*="game-mode-"] .multi-scoreboard>span,.game-panel[class*="game-mode-"] .board-state-wrap,.game-panel[class*="game-mode-"] .board-turn,.game-panel[class*="game-mode-"] .tavla-score>span,.game-panel[class*="game-mode-"] .domino-status>span,.game-panel[class*="game-mode-"] .card-round-status span,.game-panel[class*="game-mode-"] .board-state{
  background:linear-gradient(180deg,rgba(10,16,17,.85),rgba(8,11,13,.93))!important;
  border:1px solid rgba(245,223,184,.12)!important;
  color:#f6efe0;
  box-shadow:0 10px 18px rgba(0,0,0,.16);
}
.game-panel[class*="game-mode-"] .board-turn b,.game-panel[class*="game-mode-"] .multi-scoreboard b,.game-panel[class*="game-mode-"] .card-hand-title b,.game-panel[class*="game-mode-"] .domino-hand-title b{color:#fff4e6}
.game-panel[class*="game-mode-"] .multi-scoreboard small,.game-panel[class*="game-mode-"] .board-turn small,.game-panel[class*="game-mode-"] .card-hand-title span,.game-panel[class*="game-mode-"] .domino-hand-title span{color:#dccbb3}
.game-panel[class*="game-mode-"] .card-hand,.game-panel[class*="game-mode-"] .domino-hand,.game-panel[class*="game-mode-"] .board-help,.game-panel[class*="game-mode-"] .spectator-game-note{
  background:linear-gradient(180deg,rgba(11,16,18,.80),rgba(8,12,14,.92));
  border:1px solid rgba(243,223,190,.10);
  box-shadow:0 12px 24px rgba(0,0,0,.14);
}
.game-panel[class*="game-mode-"] .card-hand-row,.game-panel[class*="game-mode-"] .domino-hand-row{
  background:linear-gradient(180deg,rgba(84,50,30,.92),rgba(58,34,22,.98));
  border:1px solid rgba(255,231,196,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -5px 18px rgba(0,0,0,.16),0 14px 26px rgba(0,0,0,.12);
}
.game-panel[class*="game-mode-"] .playing-card,.game-panel[class*="game-mode-"] .domino-tile{
  box-shadow:0 14px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.96);
}
.game-panel[class*="game-mode-"] .mini-end-btn,.game-panel[class*="game-mode-"] .card-controls .btn,.game-panel[class*="game-mode-"] .domino-controls .btn,.game-panel[class*="game-mode-"] .tavla-controls .btn{
  background:linear-gradient(180deg,rgba(32,66,55,.92),rgba(14,37,31,.98))!important;
  border:1px solid rgba(255,228,190,.16)!important;
  color:#fff6e8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 18px rgba(0,0,0,.18)!important;
}
.game-panel[class*="game-mode-"] .card-controls .btn.primary,.game-panel[class*="game-mode-"] .domino-controls .btn.primary,.game-panel[class*="game-mode-"] .tavla-controls .btn.primary{
  background:linear-gradient(180deg,#5dc47d,#2a9b55)!important;
  color:#fff!important;
}
.game-panel.game-mode-dama .board-game-shell,.game-panel.game-mode-chess .board-game-shell{padding-bottom:16px}
.game-panel.game-mode-dama .strategy-board,.game-panel.game-mode-chess .strategy-board{
  margin:0 auto 12px;
  background:#efe5d0;
}
.game-panel.game-mode-dama .board-help,.game-panel.game-mode-chess .board-help{max-width:820px;margin:12px auto 0}
.game-panel.game-mode-domino .domino-chain{
  min-height:178px;
  padding:18px 20px;
  border:1px solid rgba(255,233,198,.08);
}
.game-panel.game-mode-domino .domino-drop-zone{
  background:linear-gradient(180deg,rgba(9,16,15,.72),rgba(7,12,11,.88));
  border:1px dashed rgba(255,230,196,.18);
  color:#efe3cf;
}
.game-panel.game-mode-tavla .tavla-score{gap:10px;flex-wrap:wrap}
.game-panel.game-mode-tavla .tavla-board{margin-top:10px}
.game-panel.game-mode-tavla .tavla-center,.game-panel.game-mode-tavla .tavla-point{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.game-panel.game-mode-card52 .multi-card-table,.game-panel.game-mode-pisti .multi-card-table,.game-panel.game-mode-batak .multi-card-table{padding-bottom:16px}
.game-panel.game-mode-card52 .real-table-wrap,.game-panel.game-mode-pisti .real-table-wrap,.game-panel.game-mode-batak .real-table-wrap,.game-panel.game-mode-card52 .card-table-pile,.game-panel.game-mode-pisti .card-table-pile,.game-panel.game-mode-batak .card-table-pile,.game-panel.game-mode-card52 .card-trick,.game-panel.game-mode-pisti .card-trick,.game-panel.game-mode-batak .card-trick{box-shadow:0 16px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)}
.game-panel.game-mode-card52 .table-seat,.game-panel.game-mode-pisti .table-seat,.game-panel.game-mode-batak .table-seat{
  background:linear-gradient(180deg,rgba(8,12,14,.95),rgba(6,9,11,.98));
  border:1px solid rgba(244,219,180,.16);
}
.game-panel.game-mode-card52 .table-seat-avatar,.game-panel.game-mode-pisti .table-seat-avatar,.game-panel.game-mode-batak .table-seat-avatar{background:linear-gradient(180deg,#f2e8d7,#d1b992);color:#2f261c}
.game-panel.game-mode-card52 .table-seat-tag,.game-panel.game-mode-pisti .table-seat-tag,.game-panel.game-mode-batak .table-seat-tag{background:rgba(255,255,255,.08);color:#f0e3ce}
@media(max-width:760px){
  .game-panel[class*="game-mode-"] .multi-game-area{padding:10px;border-radius:18px}
  .game-panel[class*="game-mode-"] .multi-card-table,.game-panel[class*="game-mode-"] .board-game-shell,.game-panel[class*="game-mode-"] .domino-shell,.game-panel[class*="game-mode-"] .tavla-shell{padding:12px;border-radius:18px}
  .game-panel[class*="game-mode-"] .multi-card-table::before,.game-panel[class*="game-mode-"] .board-game-shell::before,.game-panel[class*="game-mode-"] .domino-shell::before,.game-panel[class*="game-mode-"] .tavla-shell::before{inset:6px;border-radius:13px}
  .game-panel[class*="game-mode-"] .multi-card-table::after,.game-panel[class*="game-mode-"] .board-game-shell::after,.game-panel[class*="game-mode-"] .domino-shell::after,.game-panel[class*="game-mode-"] .tavla-shell::after{inset:11px;border-radius:10px}
  .game-panel.game-mode-domino .domino-chain{min-height:142px;padding:14px 12px}
}
.game-panel[class*="game-mode-"] .multi-card-table::before,.game-panel[class*="game-mode-"] .board-game-shell::before,.game-panel[class*="game-mode-"] .domino-shell::before,.game-panel[class*="game-mode-"] .tavla-shell::before{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.09),transparent 22%),
    radial-gradient(circle at 50% 52%,rgba(255,255,255,.018),transparent 45%),
    repeating-linear-gradient(155deg,rgba(255,255,255,.016) 0 2px,transparent 2px 11px),
    linear-gradient(145deg,var(--table-felt,#115b45),var(--table-felt,#115b45) 18%,var(--table-felt-2,#0b4332) 100%)!important;
}
.game-panel[class*="game-mode-"] .multi-game-head{background:linear-gradient(180deg,rgba(13,18,20,.88),rgba(10,14,16,.48))!important}
.game-panel[class*="game-mode-"] .multi-scoreboard>span{box-shadow:0 12px 20px rgba(0,0,0,.16)!important}
.game-panel[class*="game-mode-"] .card-hand-row,.game-panel[class*="game-mode-"] .domino-hand-row{border-radius:18px!important}
.game-panel[class*="game-mode-"] .playing-card,.game-panel[class*="game-mode-"] .domino-tile{transform-origin:center bottom}
.game-panel[class*="game-mode-"] .playing-card.playable:hover,.game-panel[class*="game-mode-"] .domino-tile.playable:hover{transform:translateY(-3px)}
.game-panel.game-mode-card52 .table-seat,.game-panel.game-mode-pisti .table-seat,.game-panel.game-mode-batak .table-seat{box-shadow:0 16px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;border-radius:18px!important}
.game-panel.game-mode-card52 .table-seat.active,.game-panel.game-mode-pisti .table-seat.active,.game-panel.game-mode-batak .table-seat.active{box-shadow:0 0 0 1px rgba(243,214,160,.28),0 18px 32px rgba(0,0,0,.30)!important}
.game-panel.game-mode-dama .strategy-board,.game-panel.game-mode-chess .strategy-board{border-radius:18px!important;box-shadow:0 24px 42px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.16)!important}
.game-panel.game-mode-dama .piece.dama-disc,.game-panel.game-mode-chess .piece.chess-piece{filter:drop-shadow(0 7px 6px rgba(0,0,0,.28))}
.game-panel.game-mode-tavla .tavla-board{box-shadow:0 24px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important}
.game-panel.game-mode-domino .domino-chain{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 28px rgba(0,0,0,.18)!important;border-radius:18px!important}
@media(max-width:760px){
  .game-panel[class*="game-mode-"] .multi-card-table,.game-panel[class*="game-mode-"] .board-game-shell,.game-panel[class*="game-mode-"] .domino-shell,.game-panel[class*="game-mode-"] .tavla-shell{box-shadow:0 18px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -14px 24px rgba(0,0,0,.16)!important}
  
  
  
}




/* Player panels are deliberately separated from physical racks. */

/* Physical opponent racks stay on the table and never sit beneath the info cards. */

/* Discard zones: small, horizontal labels instead of oversized black bubbles. */

/* Compact center controls. */

/* Player rack remains the visual focus without consuming the whole viewport. */
.game-entry-stats>span,.lobby-room-card,.seat-card,.table-wait-head,.resume-game-card{box-shadow:0 6px 14px rgba(15,23,42,.04)}
.game-panel[class*="game-mode-"] .multi-card-table,.game-panel[class*="game-mode-"] .board-game-shell,.game-panel[class*="game-mode-"] .domino-shell,.game-panel[class*="game-mode-"] .tavla-shell{border:1px solid rgba(244,227,190,.12)!important;box-shadow:0 24px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -16px 26px rgba(0,0,0,.14)!important}
.real-table-wrap::after{content:"";position:absolute;inset:18px;border-radius:20px;pointer-events:none;border:1px solid rgba(255,245,224,.05)}
.commercial-board-v2 .strategy-board{position:relative;isolation:isolate}
.commercial-board-v2 .board-square{position:relative;transition:filter .12s,box-shadow .12s,transform .12s}
.commercial-board-v2 .board-square.last-from{box-shadow:inset 0 0 0 3px rgba(242,199,83,.25)}
.commercial-board-v2 .board-square.last-to{box-shadow:inset 0 0 0 3px rgba(242,199,83,.54)}
.commercial-board-v2 .board-square.legal-target::after{content:"";position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:rgba(72,190,126,.72);box-shadow:0 0 0 5px rgba(72,190,126,.10);pointer-events:none}
.commercial-board-v2 .board-square.capture-target::after{width:70%;background:transparent;border:4px solid rgba(226,92,72,.72);box-sizing:border-box;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 0 0 3px rgba(226,92,72,.08)}
.commercial-board-v2 .board-square.selected{box-shadow:inset 0 0 0 4px rgba(245,203,101,.88)!important}
.commercial-board-v2 .board-square.own-piece:not(:disabled){cursor:grab}.commercial-board-v2 .board-square.own-piece:not(:disabled):active{cursor:grabbing}
.commercial-board-v2 .board-help{max-width:820px;margin:12px auto 0;padding:10px 12px;border-radius:12px;background:rgba(11,18,16,.72);border:1px solid rgba(255,255,255,.06);color:#e9eee9;text-align:center}
body.game-hints-off .commercial-board-v2 .board-square.legal-target::after{display:none}
body.game-hints-off .commercial-board-v2 .board-square.last-from,body.game-hints-off .commercial-board-v2 .board-square.last-to{box-shadow:none}
.admin-entity-table .admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.admin-entity-table .admin-row-actions form{margin:0}.admin-entity-table .admin-row-actions .btn{min-width:82px;justify-content:center}
.admin-section-toolbar{border:1px solid #e0e8e4;background:linear-gradient(180deg,#fff,#f8faf9);box-shadow:0 8px 20px rgba(16,24,40,.04)}
.admin-form-page{border:1px solid #e0e8e4;box-shadow:0 10px 24px rgba(16,24,40,.05)}
@media(max-width:760px){
  .commercial-board-v2 .board-square.legal-target::after{width:20%;box-shadow:0 0 0 3px rgba(72,190,126,.10)}
  .commercial-board-v2 .board-square.capture-target::after{width:68%;border-width:3px}
  .admin-entity-table .admin-row-actions{justify-content:stretch}.admin-entity-table .admin-row-actions .btn,.admin-entity-table .admin-row-actions form{width:100%}.admin-entity-table .admin-row-actions form .btn{width:100%}
}

/* build 48 — premium oyun görsel rafinesi */
.game-entry-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
  border-color:#d7e4dd;
}
.game-entry-card:hover{
  transform:translateY(-2px);
  border-color:#98b8a7;
}
.game-entry-stats>span{
  background:linear-gradient(180deg,#fbfcfc 0%,#f3f8f5 100%);
  border-color:#d9e4de;
}
.game-mark{
  background:linear-gradient(180deg,var(--accent) 0%,#16624a 100%);
  box-shadow:0 8px 18px rgba(25,38,32,.14), inset 0 1px 0 rgba(255,255,255,.18);
}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{
  background:linear-gradient(180deg,#12231c 0%,#0d1714 100%);
  border-color:rgba(217,228,222,.10);
  box-shadow:0 18px 34px rgba(10,17,14,.20), inset 0 1px 0 rgba(255,255,255,.04);
}
.card-table-pile,.card-trick,.domino-chain{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -12px 18px rgba(0,0,0,.16);
}
.board-game-shell .board-game-head,.multi-card-table .multi-game-head,.domino-shell .multi-game-head,.tavla-shell .multi-game-head{
  border-bottom:1px solid rgba(255,255,255,.06);
  padding-bottom:10px;
  margin-bottom:12px;
}
body[data-game-table-style="cafe"] .game-panel.real-game:not(.hidden){
  background:radial-gradient(circle at 50% 0,rgba(255,220,145,.06),transparent 22%),radial-gradient(circle at 15% 20%,rgba(233,183,97,.08),transparent 26%),linear-gradient(180deg,#0a100f 0%,#070c0b 100%);
}


body[data-game-table-style="cafe"] .multi-card-table,body[data-game-table-style="cafe"] .board-game-shell,body[data-game-table-style="cafe"] .domino-shell,body[data-game-table-style="cafe"] .tavla-shell{
  background:linear-gradient(180deg,#13261e,#0c1713);
  border-color:rgba(234,204,137,.16);
}
body[data-game-table-style="cafe"] .card-table-pile,body[data-game-table-style="cafe"] .card-trick{
  background:radial-gradient(circle at 50% 38%,rgba(255,223,146,.05),transparent 42%),linear-gradient(145deg,#184337,#102920);
}
body[data-game-table-style="cafe"] .domino-chain{background:linear-gradient(180deg,#143127,#0d211a)}
body[data-game-table-style="cafe"] .strategy-board{border-color:#7a5b35;background:#cfab7c}
body[data-game-table-style="cafe"] .board-square.light{background:#f0dec1}
body[data-game-table-style="cafe"] .board-square.dark{background:#916548}
body[data-game-table-style="cafe"] .tavla-board{border-color:#7a522b;background:linear-gradient(180deg,#d4a167,#bb7f48)}
body[data-game-table-style="cafe"] .tavla-center{background:#714b2f}
body[data-game-table-style="cafe"] .tavla-point::before{background:#7f4734}
body[data-game-table-style="cafe"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="cafe"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#f1dfbf}
body[data-game-table-style="cafe"] .table-brand-watermark span{color:rgba(247,233,184,var(--table-watermark-opacity,.10))}
body[data-game-table-style="cafe"] .table-brand-watermark small{color:rgba(247,233,184,calc(var(--table-watermark-opacity,.10) * .84))}
@media (max-width:760px){
  .game-entry-card{box-shadow:0 8px 18px rgba(15,23,42,.05)}
  .multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{box-shadow:0 10px 22px rgba(10,17,14,.18)}
}
.game-hud{
  min-height:58px;
  padding:8px 12px;
  gap:10px;
  background:linear-gradient(180deg,#15221c 0%,#0e1713 100%);
  border-bottom:1px solid rgba(225,238,231,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.game-hud-main{
  min-height:42px;
  padding:4px;
  gap:6px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
}
.game-panel .pill{
  min-height:34px;
  padding:6px 10px;
  border-radius:10px;
  background:linear-gradient(180deg,#24362e,#1a2923);
  border-color:#395246;
}
.game-tool-btn{
  width:auto;
  min-width:36px;
  height:34px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:10px;
  font-size:0;
}
.game-tool-btn svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.game-tool-label{
  display:inline-block;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.02em;
  white-space:nowrap;
}
.game-tool-btn.muted{opacity:.62}
.game-tool-btn.muted svg{opacity:.72}
.game-hud-main .chat-unread{top:-5px;right:-4px}
.indicator-box{
  min-height:42px;
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.07);
}
.presence-bar{
  min-height:40px;
  border-radius:13px;
  border-color:rgba(255,255,255,.05);
  background:rgba(255,255,255,.016);
}

.lobby-room-grid{gap:14px}
.lobby-entity-card{
  position:relative;
  overflow:hidden;
  min-height:126px;
  grid-template-columns:58px minmax(0,1fr) auto;
  grid-template-areas:"icon copy stats" "icon enter enter";
  padding:16px 17px;
  gap:10px 15px;
  border-radius:16px;
  border-color:#d8e4de;
  background:linear-gradient(180deg,#fff,#fafcfb);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.lobby-entity-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#1f8d68,#79c2a4);
  opacity:.8;
}
.lobby-entity-card:hover{
  border-color:#93b6a5;
  box-shadow:0 14px 28px rgba(15,23,42,.075);
}
.lobby-entity-icon{
  grid-area:icon;
  width:58px;
  height:58px;
  border-radius:15px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  background:linear-gradient(180deg,#edf7f2,#e3f1e9);
  border:1px solid #cee2d7;
  color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 14px rgba(24,75,56,.06);
}
.lobby-entity-icon.room{background:linear-gradient(180deg,#f1f5f3,#e9efec)}
.lobby-entity-icon b{font-size:18px;line-height:1;font-weight:950;letter-spacing:-.04em}
.lobby-entity-icon small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#6b8176}
.entity-title-row{display:flex;align-items:center;gap:8px;min-width:0}
.entity-title-row>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entity-live-dot{
  flex:0 0 auto;
  font-style:normal;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#ecf8f1;
  border:1px solid #cdebd8;
  color:#16774f;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.entity-live-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:#20a966}
.entity-live-dot.busy{background:#fff7e8;border-color:#f4dcaa;color:#8b5b11}.entity-live-dot.busy::before{background:#e6a72d}
.entity-activity{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.entity-activity em{font-style:normal;font-size:9px;color:#6f7e77;padding:2px 6px;border-radius:6px;background:#f4f7f5;border:1px solid #e5ebe8}
.lobby-entity-card .lobby-room-stats{grid-area:stats}
.lobby-entity-card .lobby-room-stats span{min-width:60px;background:linear-gradient(180deg,#fafcfb,#f4f8f6);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.lobby-entity-card .room-enter{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  background:#eef7f2;
  border:1px solid #d6e8df;
}
.enter-arrow{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.table-list{gap:12px}
.commercial-table-card{
  padding:14px 15px;
  border-radius:16px;
  border-color:#d8e4de;
  background:linear-gradient(180deg,#fff,#fafcfb);
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.commercial-table-card:hover{box-shadow:0 13px 28px rgba(15,23,42,.075)}
.commercial-table-card .table-icon{
  width:50px;height:50px;flex-basis:50px;border-radius:14px;
  background:linear-gradient(180deg,#edf7f2,#e1efe7);
  border-color:#cde0d6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 14px rgba(23,76,56,.06)
}
.table-card-copy{min-width:0;display:grid;gap:6px}
.table-title-row{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.table-title-row h3{margin:0;min-width:120px;max-width:100%;flex:0 1 auto}
.table-title-row .status-dot{font-size:9px;margin-left:auto}
.table-owner{display:flex;align-items:center;gap:8px;color:#687970;font-size:10px;min-width:0}
.table-owner>span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750;color:#4a6156}
.table-owner>b{font-size:9px;color:#728279}
.seat-meter{display:flex;align-items:center;gap:3px}
.seat-meter i{width:9px;height:9px;border-radius:50%;display:block;background:#dce5e0;border:1px solid #cbd7d1;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.seat-meter i.filled{background:#2aa56c;border-color:#218d5c;box-shadow:0 0 0 2px rgba(42,165,108,.08)}
.commercial-table-card .table-meta{gap:5px}
.commercial-table-card .table-meta>span{border-radius:999px;padding:3px 7px;background:#f4f7f5}
.lock-mark{align-items:center;gap:4px}.lock-mark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.table-full-chip{min-height:36px;padding:7px 11px;border-radius:9px;display:inline-flex;align-items:center;background:#f2f4f7;border:1px solid #e1e5ea;color:#75808a;font-size:10px;font-weight:850}

.game-panel.real-game:not(.hidden){background:#0b1210}
.multi-game-area{min-height:0;padding:12px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{
  width:min(100%,1360px);
  margin-inline:auto;
  border-radius:20px;
}
.multi-game-head{
  align-items:center;
  gap:12px;
  padding:10px 12px;
  margin:-2px -2px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.045);
}
.multi-game-head h2{font-size:clamp(16px,1.8vw,22px)}
.multi-scoreboard>span{border-radius:10px}
.real-table-wrap{border-radius:28px;box-shadow:0 24px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.13)}
.real-table-felt{border-radius:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -24px 34px rgba(0,0,0,.16)}
.table-seat{border-radius:15px;box-shadow:0 12px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.playing-card.playable{transition:transform .13s ease,box-shadow .13s ease}
.playing-card.playable:hover{transform:translateY(-5px);box-shadow:0 15px 22px rgba(0,0,0,.25)}
.strategy-board{
  border-radius:14px;
}
.strategy-board .board-square{box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}
.piece{filter:drop-shadow(0 4px 3px rgba(0,0,0,.20))}
.strategy-board.dama .piece{filter:drop-shadow(0 5px 4px rgba(0,0,0,.25))}
.tavla-checker{box-shadow:0 4px 7px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22)}
.domino-chain{border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -14px 20px rgba(0,0,0,.12)}

@media(max-width:1000px){
  .game-tool-label{display:none}
  .game-tool-btn{width:34px;min-width:34px;padding:0}
  .lobby-entity-card{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"icon copy" "stats stats" "enter enter"}
  .lobby-entity-card .lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .lobby-entity-card .room-enter{justify-self:end}
}
@media(max-width:760px){
  .game-hud{min-height:48px;padding:5px 6px;grid-template-columns:minmax(0,1fr);gap:5px}
  .game-hud-main{min-height:38px;border-radius:11px;padding:2px 3px;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .game-hud-main::-webkit-scrollbar{display:none}
  .game-hud-main>*{flex:0 0 auto}
  .game-panel .pill{min-height:32px;padding:5px 8px;font-size:8px}
  .game-tool-btn{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border-radius:9px!important}
  .game-tool-btn svg{width:15px;height:15px}
  .game-tool-label{display:none!important}
  .presence-bar{min-height:34px;border-radius:10px}
  .indicator-box{min-height:34px;padding-left:5px}

  .lobby-room-grid{grid-template-columns:1fr;gap:9px}
  .lobby-entity-card{min-height:0;padding:12px;border-radius:14px;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon copy" "stats stats" "enter enter";gap:8px 10px}
  .lobby-entity-icon{width:46px;height:46px;border-radius:12px}.lobby-entity-icon b{font-size:15px}.lobby-entity-icon small{font-size:7px}
  .entity-title-row>b{font-size:14px}.entity-live-dot{font-size:7px;padding:2px 6px}.entity-activity{gap:4px}.entity-activity em{font-size:8px;padding:2px 5px}
  .lobby-entity-card .lobby-room-stats{gap:5px}.lobby-entity-card .lobby-room-stats span{min-width:0;min-height:42px;padding:5px}.lobby-entity-card .lobby-room-stats b{font-size:14px}.lobby-entity-card .lobby-room-stats small{font-size:8px}
  .lobby-entity-card .room-enter{min-height:26px;font-size:10px}

  .commercial-table-card{padding:11px;border-radius:13px;grid-template-columns:1fr;gap:10px}
  .commercial-table-card .table-card-main{align-items:flex-start}.commercial-table-card .table-icon{width:42px;height:42px;flex-basis:42px;border-radius:11px}
  .table-title-row{gap:5px}.table-title-row h3{font-size:14px;min-width:80px}.table-title-row .status-dot{margin-left:0;font-size:8px}
  .table-owner{gap:6px;font-size:9px}.table-owner>span{max-width:130px}.seat-meter i{width:8px;height:8px}
  .commercial-table-card .table-meta>span{font-size:8px;min-height:20px;padding:2px 6px}
  .commercial-table-card .table-card-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.commercial-table-card .table-card-actions .btn,.commercial-table-card .table-full-chip{width:100%;min-width:0;justify-content:center}

  .multi-game-area{padding:6px}
  .multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-radius:14px;padding:8px}
  .multi-game-head{padding:7px 8px;margin:0 0 7px;border-radius:10px}.multi-game-head h2{font-size:14px}.multi-game-head .eyebrow{font-size:8px}
  .multi-scoreboard{gap:4px;overflow-x:auto;scrollbar-width:none}.multi-scoreboard::-webkit-scrollbar{display:none}.multi-scoreboard>span{flex:0 0 auto;min-width:78px;padding:5px 6px}
  .real-table-wrap{border-radius:18px}.real-table-felt{border-radius:13px}
  .strategy-board{border-radius:10px}
  .tavla-board{border-radius:12px}
  .domino-chain{border-radius:12px}
  .playing-card.playable:hover{transform:none}
  
}

/* build 49 — oyun türü bazlı son görsel ayar */
.game-panel.game-mode-card52 .real-table-wrap{background:linear-gradient(145deg,#32241d,#8f5e3b 48%,#3f2a1e);border:1px solid rgba(222,198,174,.14)}
.game-panel.game-mode-card52 .real-table-felt{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.05),transparent 28%),linear-gradient(145deg,#176370,#0f4e58 52%,#0a3840)}
.game-panel.game-mode-pisti .real-table-wrap{background:linear-gradient(145deg,#3e241f,#915535 48%,#45261c);border:1px solid rgba(231,197,177,.14)}
.game-panel.game-mode-pisti .real-table-felt{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.045),transparent 28%),linear-gradient(145deg,#71384d,#56283d 54%,#371827)}
.game-panel.game-mode-batak .real-table-wrap{background:linear-gradient(145deg,#29251e,#815b38 48%,#35291d);border:1px solid rgba(217,201,174,.14)}
.game-panel.game-mode-batak .real-table-felt{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.045),transparent 28%),linear-gradient(145deg,#40577e,#303f5e 54%,#202b40)}
.game-panel.game-mode-dama .board-game-shell{background:linear-gradient(180deg,#2f302c,#1b1d1a)}
.game-panel.game-mode-dama .strategy-board{border-color:#6c5138;background:#bd9770}
.game-panel.game-mode-chess .board-game-shell{background:linear-gradient(180deg,#26333d,#172027)}
.game-panel.game-mode-chess .strategy-board{border-color:#5d4939;background:#a78b6d}
.game-panel.game-mode-tavla .tavla-shell{background:linear-gradient(180deg,#39291f,#211710)}
.game-panel.game-mode-tavla .tavla-board{border-color:#70401f;background:linear-gradient(180deg,#ca925b,#a96838)}
.game-panel.game-mode-domino .domino-shell{background:linear-gradient(180deg,#1b302b,#101d1a)}
.game-panel.game-mode-domino .domino-chain{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.035),transparent 35%),linear-gradient(180deg,#16342d,#0d221d)}

/* Build 50 — elite lounge + compact game surface */
body.game-compact-ui .multi-game-area{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
body.game-compact-ui .multi-card-table,body.game-compact-ui .board-game-shell,body.game-compact-ui .domino-shell,body.game-compact-ui .tavla-shell{padding:12px;border-radius:14px}
body.game-compact-ui .multi-game-head{gap:12px;margin-bottom:10px;padding-bottom:8px}
body.game-compact-ui .multi-game-head h2{font-size:clamp(15px,1.65vw,20px)}
body.game-compact-ui .multi-scoreboard>span,body.game-compact-ui .domino-status>span,body.game-compact-ui .tavla-score>span{min-width:74px;padding:6px 8px}
body.game-compact-ui .card-table-pile,body.game-compact-ui .card-trick,body.game-compact-ui .domino-chain{min-height:120px;padding:12px}
body.game-compact-ui .card-hand-row{min-height:92px;padding:8px 6px}
body.game-compact-ui .card-controls,body.game-compact-ui .domino-controls,body.game-compact-ui .tavla-controls{margin:0 0 10px;padding:7px 8px}
body.game-compact-ui .playing-card{width:60px;height:88px;flex-basis:60px}
body.game-compact-ui .playing-card>span{font-size:15px}body.game-compact-ui .playing-card>b{font-size:25px}body.game-compact-ui .playing-card>i{font-size:12px}
body.game-compact-ui .domino-tile{width:34px;height:66px}
body.game-compact-ui .game-tool-btn{min-height:34px;padding:0 10px;border-radius:10px}
body.game-compact-ui .game-tool-label{font-size:10px}
@media(max-width:760px){body.game-compact-ui .multi-card-table,body.game-compact-ui .board-game-shell,body.game-compact-ui .domino-shell,body.game-compact-ui .tavla-shell{padding:7px;border-radius:12px}body.game-compact-ui .multi-game-head{padding:6px 7px;margin:0 0 6px}body.game-compact-ui .multi-game-head h2{font-size:13px}body.game-compact-ui .multi-scoreboard>span,body.game-compact-ui .domino-status>span,body.game-compact-ui .tavla-score>span{min-width:64px;padding:5px 6px}body.game-compact-ui .card-table-pile,body.game-compact-ui .card-trick,body.game-compact-ui .domino-chain{min-height:106px;padding:9px}body.game-compact-ui .playing-card{width:46px;height:68px;flex-basis:46px}body.game-compact-ui .playing-card>span{font-size:11px}body.game-compact-ui .playing-card>b{font-size:19px}body.game-compact-ui .playing-card>i{font-size:9px}}

body[data-game-table-style="elite"] .game-panel.real-game:not(.hidden){background:radial-gradient(circle at 50% -10%,rgba(255,222,163,.12),transparent 26%),radial-gradient(circle at 50% 112%,rgba(20,47,42,.35),transparent 36%),linear-gradient(180deg,#080d10 0%,#07090b 100%)}


body[data-game-table-style="elite"] .multi-card-table,body[data-game-table-style="elite"] .board-game-shell,body[data-game-table-style="elite"] .domino-shell,body[data-game-table-style="elite"] .tavla-shell{background:linear-gradient(180deg,#13211d,#0b1310);border-color:rgba(242,212,147,.16)}
body[data-game-table-style="elite"] .card-table-pile,body[data-game-table-style="elite"] .card-trick{background:radial-gradient(circle at 50% 38%,rgba(255,226,165,.07),transparent 42%),linear-gradient(145deg,#184338,#0f271f)}
body[data-game-table-style="elite"] .domino-chain{background:linear-gradient(180deg,#123026,#0b1f19)}
body[data-game-table-style="elite"] .strategy-board{border-color:#886437;background:#d7b68c}
body[data-game-table-style="elite"] .board-square.light{background:#f5e7cf}body[data-game-table-style="elite"] .board-square.dark{background:#9c7652}
body[data-game-table-style="elite"] .tavla-board{border-color:#85572b;background:linear-gradient(180deg,#dab07b,#bf8552)}body[data-game-table-style="elite"] .tavla-center{background:#774f31}body[data-game-table-style="elite"] .tavla-point::before{background:#85503e}body[data-game-table-style="elite"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="elite"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#f5e4c6}
body[data-game-table-style="elite"] .table-brand-watermark span{color:rgba(251,236,196,var(--table-watermark-opacity,.10))}
body[data-game-table-style="elite"] .table-brand-watermark small{color:rgba(251,236,196,calc(var(--table-watermark-opacity,.10) * .82))}

.game-entry-card,.lobby-room-card,.table-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.game-tool-btn{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.16)}
.game-tool-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border-color:rgba(255,255,255,.18)}
.auth-shell{position:relative;isolation:isolate}
.auth-shell::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 16% 18%,rgba(45,119,86,.10),transparent 30%),radial-gradient(circle at 86% 12%,rgba(232,193,112,.12),transparent 26%),linear-gradient(180deg,#f6f8f7 0%,#eff4f1 100%)}
.auth-shell::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.30),rgba(255,255,255,.30)),repeating-linear-gradient(90deg,rgba(23,107,77,.025) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(23,107,77,.020) 0 1px,transparent 1px 56px)}
.auth-hero{display:grid;align-content:center}
.auth-card{border-radius:22px;border-color:#d4e2da;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,251,.97));box-shadow:0 28px 70px rgba(20,44,34,.11),inset 0 1px 0 rgba(255,255,255,.85)}
.auth-card-head h2{font-size:27px}.auth-card-head p{color:#67786f}
.auth-card .tabs{border-radius:13px;padding:4px;background:#edf4f0;border-color:#d8e4de}.auth-card .tab{border-radius:10px}.auth-card .tab.active{box-shadow:0 8px 18px rgba(23,107,77,.16)}
.auth-card .form-grid input{border-radius:12px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.auth-card .form-grid input:focus{border-color:#7cab94;box-shadow:0 0 0 4px rgba(23,107,77,.09)}
.auth-card .btn.primary{border-radius:12px;box-shadow:0 10px 22px rgba(23,107,77,.18)}
.auth-game-showcase{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;max-width:650px}
.auth-showcase-table{position:relative;min-height:190px;overflow:hidden;border:10px solid #8e5a31;border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(255,235,189,.08),transparent 28%),repeating-linear-gradient(25deg,rgba(255,255,255,.015) 0 1px,transparent 1px 5px),linear-gradient(145deg,#14634e,#0b4738);box-shadow:0 24px 48px rgba(27,54,43,.18),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 30px rgba(0,0,0,.18)}
.auth-showcase-table::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,244,215,.13);border-radius:18px;pointer-events:none}
.auth-showcase-player{position:absolute;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f5d98f,#d7aa4d);color:#39290f;font-size:11px;font-weight:950;border:3px solid rgba(255,255,255,.75);box-shadow:0 8px 14px rgba(0,0,0,.22)}
.auth-showcase-player.top{left:50%;top:14px;transform:translateX(-50%)}.auth-showcase-player.left{left:14px;top:50%;transform:translateY(-50%)}.auth-showcase-player.right{right:14px;top:50%;transform:translateY(-50%)}
.auth-showcase-rack{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:3px;padding:8px 10px 5px;border-radius:10px 10px 7px 7px;background:linear-gradient(180deg,#c5844c,#8b4e26);box-shadow:0 10px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)}
.auth-showcase-rack i{font-style:normal;width:24px;height:34px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(180deg,#fffdf8,#f0dfc2);border:1px solid #cfb58c;border-bottom-width:3px;color:#c63d36;font-size:11px;font-weight:950}.auth-showcase-rack i.blue{color:#246bc0}.auth-showcase-rack i.black{color:#222}.auth-showcase-rack i.gold{color:#ad8214}
.auth-showcase-pile{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:42px;height:54px}.auth-showcase-pile i{position:absolute;width:28px;height:40px;border-radius:6px;background:linear-gradient(180deg,#fffaf1,#ead7b8);border:1px solid #c9ad82;box-shadow:0 6px 12px rgba(0,0,0,.18)}.auth-showcase-pile i:nth-child(1){left:0;top:8px;transform:rotate(-10deg)}.auth-showcase-pile i:nth-child(2){left:7px;top:3px;transform:rotate(2deg)}.auth-showcase-pile i:nth-child(3){left:14px;top:8px;transform:rotate(11deg)}
.auth-showcase-meta{display:grid;gap:8px;min-width:132px}.auth-showcase-meta span{padding:10px 11px;border:1px solid #d8e5de;border-radius:13px;background:linear-gradient(180deg,#fff,#f6faf8);display:grid;gap:2px;box-shadow:0 8px 18px rgba(16,24,40,.04)}.auth-showcase-meta b{font-size:12px;color:#243a30}.auth-showcase-meta small{font-size:9px;color:#78877f}
.home-overview{position:relative;overflow:hidden;border-radius:18px;border-color:#d5e3dc;background:radial-gradient(circle at 0 0,rgba(23,107,77,.06),transparent 28%),radial-gradient(circle at 100% 0,rgba(232,193,112,.07),transparent 26%),linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 14px 34px rgba(16,24,40,.05)}
.home-overview::after{content:"";position:absolute;right:-34px;bottom:-48px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(23,107,77,.07);box-shadow:0 0 0 22px rgba(23,107,77,.025),0 0 0 46px rgba(23,107,77,.018);pointer-events:none}
.home-overview>*{position:relative;z-index:1}.home-overview-stats article{border-radius:12px;box-shadow:0 8px 18px rgba(16,24,40,.035),inset 0 1px 0 rgba(255,255,255,.85)}
.game-entry-card{border-radius:20px;box-shadow:0 12px 30px rgba(16,24,40,.05)}.game-entry-card:hover{box-shadow:0 18px 40px rgba(16,24,40,.08)}
.game-entry-cover{min-height:118px;border-radius:18px}.game-entry-cover::after{width:136px;height:102px;right:7px;bottom:3px}
.game-entry-stats>span{box-shadow:0 7px 16px rgba(16,24,40,.025),inset 0 1px 0 rgba(255,255,255,.9)}

.playing-card{border-color:#d6d3c8;background:radial-gradient(circle at 22% 10%,rgba(255,255,255,.99),transparent 22%),linear-gradient(180deg,#fffefb,#f8f5ee 60%,#ece9e0);box-shadow:0 12px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.98)}
.playing-card.back{background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 36%),repeating-linear-gradient(45deg,#345e4e 0 5px,#25493c 5px 10px);border-color:#f1ead8}
.domino-tile{background:radial-gradient(circle at 22% 10%,rgba(255,255,255,.98),transparent 22%),linear-gradient(180deg,#fffefa,#f0f2ef);border-color:#ccd5d0;box-shadow:0 11px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.98)}
.strategy-board{box-shadow:0 22px 44px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.12)}
.tavla-board{box-shadow:0 22px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 34px rgba(74,38,18,.18)}

@media(max-width:760px){
  .auth-shell{padding:14px}.auth-game-showcase{grid-template-columns:1fr}.auth-showcase-meta{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.auth-showcase-meta span{padding:8px}.auth-showcase-table{min-height:160px;border-width:8px;border-radius:22px}.auth-showcase-rack i{width:20px;height:29px;font-size:9px}.auth-card{padding:17px;border-radius:18px}
  .home-overview{border-radius:16px}.game-entry-card{border-radius:17px}.game-entry-cover{border-radius:15px}.game-entry-cover::after{width:108px;height:82px}
  
}

/* Player cards use fixed table anchors instead of a full-size grid. */

/* Physical opponent racks are compact objects, never giant rotated bars. */

/* Opponent discard areas: one small label, no duplicated pseudo label. */

/* Action lanes stay outside the local player card and remain readable. */

/* Rack behaves like a physical two-tier stand and scales evenly. */

/* The game toolbar can scroll horizontally on narrow screens without clipping tools. */

/* The HUD is a stable two-column/three-area surface instead of one oversized scrolling row. */

/* build 53.1 — keep the felt stretched with the live game viewport; never leave an empty frame strip */

.guest-login-block .guest-btn{border-radius:12px;box-shadow:0 8px 18px rgba(23,107,77,.08)}
@media(max-width:760px){.guest-login-block{gap:10px}.guest-login-block .guest-btn{min-height:44px}}

/* The HUD is a stable two-column/three-area surface instead of one oversized scrolling row. */

/* build 53.1 — keep the felt stretched with the live game viewport; never leave an empty frame strip */


body[data-game-table-style="prestige"] .board-square.light{background:#f6ead3}
body[data-game-table-style="prestige"] .board-square.dark{background:#9f7752}
body[data-game-table-style="prestige"] .tavla-point::before{background:#895442}
body[data-game-table-style="prestige"] .tavla-row.top .tavla-point:nth-child(even)::before,body[data-game-table-style="prestige"] .tavla-row.bottom .tavla-point:nth-child(odd)::before{background:#f6e5c7}
body[data-game-table-style="prestige"] .table-brand-watermark span{color:rgba(252,239,203,var(--table-watermark-opacity,.10))}
body[data-game-table-style="prestige"] .table-brand-watermark small{color:rgba(252,239,203,calc(var(--table-watermark-opacity,.10) * .82))}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover{background:#fbfdfc}
.card-action,.table-card-actions .btn,.room-enter,.game-action-grid .btn{transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s}
.btn.primary,.table-card-actions .sit-btn,.room-enter{box-shadow:0 10px 20px rgba(14,94,63,.10),inset 0 1px 0 rgba(255,255,255,.10)}
.game-entry-cover::after{filter:drop-shadow(0 16px 22px rgba(8,15,18,.26)) saturate(1.12) contrast(1.04)!important}
.room-enter,.table-card-actions .btn,.game-action-grid .btn,.btn.primary{box-shadow:0 12px 24px rgba(13,86,60,.11),inset 0 1px 0 rgba(255,255,255,.12)!important}

body[data-game-table-style="prestige"] .game-panel.real-game:not(.hidden){background:radial-gradient(circle at 50% -8%,rgba(255,226,168,.12),transparent 24%),radial-gradient(circle at 50% 112%,rgba(16,40,35,.30),transparent 35%),linear-gradient(180deg,#080d10 0%,#06090b 100%)!important}
body[data-game-table-style="prestige"] .multi-card-table,body[data-game-table-style="prestige"] .board-game-shell,body[data-game-table-style="prestige"] .domino-shell,body[data-game-table-style="prestige"] .tavla-shell{background:linear-gradient(180deg,#13211d,#0b1310)!important;border-color:rgba(246,221,173,.16)!important;box-shadow:0 22px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)!important}
body[data-game-table-style="prestige"] .real-table-wrap{background:linear-gradient(145deg,#472b1d,#8a5a38 36%,#b67e4a 58%,#5e3922)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 28px 50px rgba(0,0,0,.28)!important}
body[data-game-table-style="prestige"] .real-table-felt{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -18px 28px rgba(0,0,0,.14),0 18px 32px rgba(0,0,0,.12)!important}
body[data-game-table-style="prestige"] .table-seat,body[data-game-table-style="prestige"] .multi-scoreboard>span,body[data-game-table-style="prestige"] .premium-four-seat-table .multi-scoreboard.compact span{background:linear-gradient(180deg,rgba(14,23,20,.96),rgba(7,11,10,.98))!important;border-color:rgba(245,225,186,.14)!important;box-shadow:0 14px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important}
body[data-game-table-style="prestige"] .card-table-pile,body[data-game-table-style="prestige"] .card-trick,body[data-game-table-style="prestige"] .domino-chain,body[data-game-table-style="prestige"] .tavla-controls,body[data-game-table-style="prestige"] .card-controls,body[data-game-table-style="prestige"] .domino-controls{background:linear-gradient(180deg,rgba(14,32,27,.78),rgba(9,21,18,.92))!important;border-color:rgba(245,225,186,.10)!important}
body[data-game-table-style="prestige"] .tavla-checkers i.white{background:radial-gradient(circle at 35% 28%,#fffef9,#eee2cd 60%,#cdbb9f)!important}
body[data-game-table-style="prestige"] .tavla-checkers i.black{background:radial-gradient(circle at 35% 28%,#45554e,#1e2923 62%,#101612)!important}
body[data-game-table-style="prestige"] .domino-tile{border-radius:12px!important}

@media (max-width:760px){
  .game-entry-card,.lobby-room-card,.table-card{box-shadow:0 10px 24px rgba(12,24,18,.05)!important}
  body[data-game-table-style="prestige"] .multi-card-table,body[data-game-table-style="prestige"] .board-game-shell,body[data-game-table-style="prestige"] .domino-shell,body[data-game-table-style="prestige"] .tavla-shell{border-radius:16px!important}
  body[data-game-table-style="prestige"] .table-seat{border-radius:12px!important}
  
  
  
  
}
body[data-game-quality="ultra"] .game-entry-cover::after,body[data-game-quality="premium"] .game-entry-cover::after{transform:translateY(2px) scale(1.015)}



/* 2) Dama / Satranç / Tavla: taşlar, tahta ve masa materyali premiumlaştırıldı */
body[data-game-table-style="prestige"] .strategy-board,body[data-game-table-style="prestige"] .tavla-board{
  position:relative;overflow:hidden
}
body[data-game-table-style="prestige"] .strategy-board::after,body[data-game-table-style="prestige"] .tavla-board::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%,transparent 78%,rgba(0,0,0,.10));
}
body[data-game-table-style="prestige"] .strategy-board.chess .piece.chess-piece.white{
  color:#fff8e9!important;text-shadow:0 1px 0 rgba(87,66,49,.85),0 0 2px rgba(87,66,49,.34)!important;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.30))!important
}
body[data-game-table-style="prestige"] .strategy-board.chess .piece.chess-piece.black{
  color:#17211c!important;text-shadow:0 1px 0 rgba(255,255,255,.06),0 0 1px rgba(255,255,255,.10)!important;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.34))!important
}
body[data-game-table-style="prestige"] .strategy-board.dama .piece.dama-disc.white{
  background:radial-gradient(circle at 32% 26%,#fffaf1 0%,#eadbc0 58%,#c8b091 100%)!important
}
body[data-game-table-style="prestige"] .strategy-board.dama .piece.dama-disc.black{
  background:radial-gradient(circle at 32% 26%,#516059 0%,#28332d 62%,#101613 100%)!important
}
body[data-game-table-style="prestige"] .strategy-board.dama .piece.dama-disc.king{box-shadow:0 0 0 2px rgba(221,180,74,.28),0 12px 18px rgba(0,0,0,.28),inset 0 2px 2px rgba(255,255,255,.26),inset 0 -6px 7px rgba(0,0,0,.18)!important}
body[data-game-table-style="prestige"] .tavla-center{background:linear-gradient(180deg,#6f442a,#4f2e1b)!important}
body[data-game-table-style="prestige"] .tavla-point::before{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}

/* 3) 52 Kart / Pişti / Batak: gerçek masa hissi, deste ve orta alan */
body[data-game-table-style="prestige"] .multi-card-table{
  background:
    radial-gradient(circle at 50% 14%,rgba(255,255,255,.06),transparent 24%),
    radial-gradient(circle at 50% 86%,rgba(0,0,0,.10),transparent 30%),
    linear-gradient(180deg,#13221d,#0c1713)!important;
}
body[data-game-table-style="prestige"] .multi-card-felt,body[data-game-table-style="prestige"] .card-table-felt,body[data-game-table-style="prestige"] .card-play-area{
  background:
    radial-gradient(circle at 50% 30%,rgba(255,244,214,.09),transparent 24%),
    repeating-linear-gradient(30deg,rgba(255,255,255,.014) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#0e6d59,#0a5344 58%,#072e27)!important;
  border-color:rgba(242,220,173,.10)!important;
}
body[data-game-table-style="prestige"] .card-table-pile,body[data-game-table-style="prestige"] .card-trick{
  min-height:132px!important;
  background:linear-gradient(180deg,rgba(12,39,33,.78),rgba(8,22,18,.92))!important;
  border-color:rgba(242,220,173,.08)!important
}
body[data-game-table-style="prestige"] .card-table-pile::after,body[data-game-table-style="prestige"] .card-trick::after{
  content:"";position:absolute;inset:10px;border-radius:14px;border:1px dashed rgba(243,222,184,.12);pointer-events:none
}
body[data-game-table-style="prestige"] .playing-card{
  border:1px solid #d9ddd6!important
}
body[data-game-table-style="prestige"] .playing-card.playable,body[data-game-table-style="prestige"] .playing-card.selected{
  transform:translateY(-4px);box-shadow:0 0 0 2px rgba(242,203,85,.12),0 18px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.98)!important
}
body[data-game-table-style="prestige"] .card-controls,body[data-game-table-style="prestige"] .multi-card-table .multi-scoreboard,body[data-game-table-style="prestige"] .multi-card-table .table-seat{
  background:linear-gradient(180deg,rgba(13,23,20,.95),rgba(7,11,10,.98))!important;
  border-color:rgba(242,220,173,.14)!important;
  box-shadow:0 14px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important
}
body[data-game-table-style="prestige"] .card-deck-stack .playing-card,body[data-game-table-style="prestige"] .draw-stack .playing-card{box-shadow:0 10px 18px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.98)!important}

@media (max-width:760px){
  
  
  
  
  
  body[data-game-table-style="prestige"] .card-table-pile,body[data-game-table-style="prestige"] .card-trick{min-height:112px!important}
}
:root{
  --premium-gold:#e2bf73;
  --premium-gold-soft:#f5e6b8;
}
.game-entry-card,.lobby-room-card,.table-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
  border-color:#d7e3dc!important;
  box-shadow:0 18px 40px rgba(10,20,16,.05),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover{
  transform:translateY(-2px)!important;
  border-color:#bdd3c7!important;
  box-shadow:0 22px 48px rgba(10,20,16,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.game-entry-cover{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -18px 28px rgba(0,0,0,.14),0 18px 32px rgba(8,15,18,.12)!important;
}
.game-entry-cover-head small{letter-spacing:.10em!important}
.game-entry-cover-head b{font-size:22px!important;text-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.22)!important}
.game-entry-cover-tags i{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 12px rgba(0,0,0,.12)!important}
.game-entry-copy small{color:#687a72!important}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span{
  background:linear-gradient(180deg,#fcfefd,#f2f7f4)!important;
  border-color:#dfe8e2!important;
  box-shadow:0 8px 18px rgba(16,24,40,.03),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.btn,.room-enter,.table-card-actions .btn,.game-action-grid .btn{
  border-radius:12px!important;
  box-shadow:0 10px 22px rgba(16,24,40,.05),inset 0 1px 0 rgba(255,255,255,.66)!important;
}
.btn.primary,.room-enter,.table-card-actions .sit-btn{
  background:linear-gradient(180deg,#1d8c62,#146d4c)!important;
  border-color:#146d4c!important;
  color:#fff!important;
  box-shadow:0 14px 26px rgba(14,94,63,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.btn.primary:hover:not(:disabled),.room-enter:hover,.table-card-actions .sit-btn:hover{background:linear-gradient(180deg,#24956a,#187857)!important}



/* Kart oyunları premium masa kalitesi */
body[data-game-table-style="prestige"] .multi-card-table,body[data-game-table-style="prestige"] .card-play-area,body[data-game-table-style="prestige"] .card-table-felt{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,240,205,.08),transparent 22%),
    radial-gradient(circle at 50% 88%,rgba(0,0,0,.10),transparent 28%),
    repeating-linear-gradient(30deg,rgba(255,255,255,.013) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#0f6e59,#0a5848 58%,#072f27)!important;
}
body[data-game-table-style="prestige"] .card-table-pile,body[data-game-table-style="prestige"] .card-trick{
  border-radius:18px!important;
  box-shadow:0 18px 26px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body[data-game-table-style="prestige"] .playing-card{
  border-radius:12px!important;
}
body[data-game-table-style="prestige"] .playing-card b{letter-spacing:-.03em}

/* Satranç / Dama / Tavla / Domino premium materyaller */
body[data-game-table-style="prestige"] .strategy-board,body[data-game-table-style="prestige"] .tavla-board,body[data-game-table-style="prestige"] .domino-chain{
  box-shadow:0 28px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Mobil denge */
@media (max-width:760px){
  .game-entry-cover{min-height:106px!important}
  .game-entry-cover-head b{font-size:18px!important}
  
  
  
}
.shared-remember-login{
  margin:14px 0 2px!important;
  min-height:50px!important;
  padding:10px 12px!important;
  border:1px solid #d7e5de!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fbfdfc,#f4f8f6)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.shared-remember-login:hover{border-color:#b8d0c3!important;background:#f8fbf9!important}
.shared-remember-login b{font-size:12px!important}.shared-remember-login small{font-size:9.5px!important;line-height:1.35!important}
.guest-login-block{margin-top:8px!important}

/* Premium salon / oda / masa kartları */
.lobby-entity-card,.salon-entry-card,.commercial-table-card,.table-wait-head,.seat-card,.spectator-section,.resume-game-card{
  border-color:#d7e4dd!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
  box-shadow:0 14px 32px rgba(13,25,19,.05),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.lobby-entity-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{
  border-color:#bcd3c7!important;
  box-shadow:0 18px 38px rgba(13,25,19,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.lobby-entity-card .room-number,.salon-entry-card .room-number,.commercial-table-card .table-icon{
  background:linear-gradient(180deg,#edf7f2,#e2f0e9)!important;
  border-color:#cfe2d8!important;
  color:#176b4d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 16px rgba(23,107,77,.06)!important;
}
.lobby-room-stats span,.commercial-table-card .table-meta>span,.seat-card .team-tag{
  background:linear-gradient(180deg,#fbfdfc,#f1f7f4)!important;
  border-color:#dce7e1!important;
}
.commercial-table-card .table-title-row h3,.lobby-room-copy b{color:#203a30!important;letter-spacing:-.015em!important}
.commercial-table-card .status-dot.waiting{background:#eef8f3!important;border-color:#cce5d8!important;color:#176b4d!important}
.commercial-table-card .status-dot.playing{background:#fff7e8!important;border-color:#f2dcae!important;color:#8a5c12!important}
.commercial-table-card .seat-meter{background:#edf2ef!important;box-shadow:inset 0 1px 2px rgba(16,24,40,.06)!important}
.table-wait-head{border-radius:16px!important;padding:15px 16px!important}
.seat-grid{gap:10px!important}
.seat-card{border-radius:13px!important;transition:transform .16s,border-color .16s,box-shadow .16s!important}
.seat-card.occupied{background:linear-gradient(180deg,#ffffff,#f8fbf9)!important}
.seat-card.is-ready{border-color:#b8d9c7!important;box-shadow:0 12px 26px rgba(23,107,77,.06),inset 0 1px 0 rgba(255,255,255,.92)!important}
.spectator-section{border-radius:14px!important}



@media(max-width:760px){
  .shared-remember-login{min-height:46px!important;margin-top:10px!important;padding:9px 10px!important}
  .commercial-table-card,.lobby-entity-card,.salon-entry-card{border-radius:14px!important}
  
  
  
  
}
.game-entry-card,.lobby-room-card,.table-card{backface-visibility:hidden}
.game-entry-card,.lobby-room-card,.table-card,.seat-card{touch-action:manipulation}
.game-panel.real-game .tile,.game-panel.real-game .playing-card,.game-panel.real-game .piece,.game-panel.real-game .domino-tile,.game-panel.real-game .tavla-checkers i{backface-visibility:hidden}



/* Card games: clearer physical cards and quieter table chrome. */
body[data-game-table-style="prestige"] .real-table-wrap{border:1px solid rgba(92,52,28,.72)}
body[data-game-table-style="prestige"] .real-table-felt{background:radial-gradient(circle at 50% 34%,rgba(255,239,196,.075),transparent 25%),repeating-linear-gradient(27deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px),linear-gradient(145deg,#0f6855,#0b5546 58%,#07372e)!important}
body[data-game-table-style="prestige"] .playing-card{border-color:#d8d9d3!important;background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.98),transparent 20%),linear-gradient(180deg,#fffefb,#f4f0e8)!important;box-shadow:0 10px 18px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.98)!important}
body[data-game-table-style="prestige"] .playing-card.playable{box-shadow:0 0 0 2px rgba(242,202,84,.10),0 13px 21px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.98)!important}
body[data-game-table-style="prestige"] .table-seat{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

/* Dama / Satranç / Tavla / Domino: material polish without changing board geometry. */
body[data-game-table-style="prestige"] .piece.chess-piece{filter:drop-shadow(0 5px 4px rgba(0,0,0,.33))!important}
body[data-game-table-style="prestige"] .piece.dama-disc{filter:drop-shadow(0 5px 4px rgba(0,0,0,.20));box-shadow:0 8px 14px rgba(0,0,0,.26),inset 0 2px 2px rgba(255,255,255,.26),inset 0 -5px 7px rgba(0,0,0,.18)!important}

/* Adaptive quality keeps low-power devices smooth without degrading capable devices. */
body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card,body[data-game-quality="performance"] .table-seat{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
@media(max-width:760px){
  
  
  body[data-game-table-style="prestige"] .table-seat{backdrop-filter:none;-webkit-backdrop-filter:none}
}














/* Players: cards and racks are independent physical objects. */


























/* Discard / draw areas: balanced, visible, and never competing with player cards. */




























/* HUD: indicator stays compact and never inherits the player rack tile dimensions. */
.indicator-box .indicator-tile{display:grid;place-items:center;flex:0 0 auto}
.indicator-box .indicator-tile .tile{width:30px;min-width:30px;max-width:30px;height:43px;min-height:43px;max-height:43px;padding:0;border-radius:6px;border-bottom-width:2px;cursor:default;touch-action:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 4px 8px rgba(0,0,0,.16)}
.indicator-box .indicator-tile .tile span{font-size:15px;line-height:1}
.indicator-box .indicator-tile .tile>i{font-size:5px;line-height:1;margin-top:1px}
.indicator-box .indicator-tile .tile::after{left:3px;right:3px;bottom:3px;height:1px}
.indicator-box .indicator-tile .tile.okey::before{top:1px;font-size:4px}
.indicator-box .okey-info{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef8f3;font-size:9px;font-weight:850;line-height:1.1}

/* Player rack: close tiles + genuine spare positions instead of stretched gaps. */




















/* Table and rack use different tile dimensions: stop cross-component size leaks. */











/* Site geneli: daha düzenli flat hiyerarşi ve daha az yeniden boyama. */
.game-entry-cover,.real-table-felt,.strategy-board,.tavla-board,.domino-chain{contain:paint}
.page-heading,.flow-toolbar,.table-wait-head{border-color:#dbe5e0}
.page-heading{box-shadow:0 10px 26px rgba(16,24,40,.035)}
.game-entry-card,.lobby-room-card,.table-card{border-radius:16px}
.game-entry-card:focus-visible,.lobby-room-card:focus-visible,.table-card:focus-within{outline:2px solid rgba(23,107,77,.34);outline-offset:2px}
@media(min-width:1100px){.game-entry-grid.multi-game-grid{gap:16px}.lobby-room-grid,.table-list{gap:12px}}

/* Yeni eksik özellik: oyun sırasında ikincil kalabalığı azaltan odak modu. */
body.game-focus-mode.is-playing .game-spectators,body.game-focus-mode.is-playing .presence-count,body.game-focus-mode.is-playing .game-tool-label,body.game-focus-mode.is-playing .multi-game-head .eyebrow{display:none!important}
body.game-focus-mode.is-playing .game-hud-main{gap:4px!important}
body.game-focus-mode.is-playing .presence-bar{min-height:28px!important}
body.game-focus-mode.is-playing .multi-game-head{padding-bottom:7px!important;margin-bottom:8px!important}
body.game-focus-mode.is-playing .table-brand-watermark small{opacity:.5}

/* Kart oyunları: gerçek masa hissini kuvvetlendir, ama flat düzeni koru. */
.game-panel.game-mode-card52 .real-table-wrap,.game-panel.game-mode-pisti .real-table-wrap,.game-panel.game-mode-batak .real-table-wrap{
  background:linear-gradient(145deg,#4b2d1d,#835133 42%,#9d673e 64%,#53301e)!important
}
.game-panel.game-mode-card52 .real-table-felt,.game-panel.game-mode-pisti .real-table-felt,.game-panel.game-mode-batak .real-table-felt{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -16px 24px rgba(0,0,0,.11)!important}
.opponent-card-fan i{
  background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 36%),repeating-linear-gradient(45deg,#355c48 0 4px,#274737 4px 8px)!important;
  border-color:rgba(238,244,239,.17)!important;box-shadow:0 6px 11px rgba(0,0,0,.17)!important
}
.real-table-center .card-table-pile,.real-table-center .card-trick{
  border-color:rgba(224,235,226,.075)!important;box-shadow:0 11px 19px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.035)!important
}

/* Dama / Satranç / Tavla / Domino: materyal netliği ve hamle okunurluğu. */
body[data-game-table-style="prestige"] .strategy-board{background:#c7a078!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.legal{box-shadow:inset 0 0 0 3px rgba(60,155,103,.38)!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.selected{box-shadow:inset 0 0 0 3px rgba(222,180,61,.64)!important}
body[data-game-table-style="prestige"] .strategy-board.dama .piece.dama-disc{filter:drop-shadow(0 5px 4px rgba(0,0,0,.27))}
body[data-game-table-style="prestige"] .tavla-board{box-shadow:0 20px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important}
body[data-game-table-style="prestige"] .domino-tile{border-color:#d8dfdb!important;box-shadow:0 8px 15px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.96)!important}

/* Otomatik kalite düşük cihazda pahalı efektleri gerçekten kapatır. */
body[data-game-quality="performance"] .real-table-felt,body[data-game-quality="performance"] .strategy-board,body[data-game-quality="performance"] .tavla-board,body[data-game-quality="performance"] .domino-chain{background-image:none!important}

@media(max-width:760px){
  
  
  
  
  
  
  
  
  
  
  
  body.game-focus-mode.is-playing .game-hud{padding-block:4px!important}
}
.game-panel.real-game{container-type:inline-size}
.game-entry-card,.lobby-room-card,.table-card{content-visibility:auto;contain-intrinsic-size:280px}

/* Optional material control: visuals stay clean on low-power devices without changing game rules. */
body.game-materials-off .real-table-wrap,body.game-materials-off .strategy-board,body.game-materials-off .tavla-board,body.game-materials-off .domino-chain{background-image:none!important;box-shadow:none!important}
body.game-materials-off .playing-card,body.game-materials-off .tile,body.game-materials-off .domino-tile,body.game-materials-off .tavla-checkers i,body.game-materials-off .piece{filter:none!important;text-shadow:none!important}


/* Card games: cleaner real-table depth while preserving flat controls. */
.game-panel.game-mode-card52 .real-table-wrap,.game-panel.game-mode-pisti .real-table-wrap,.game-panel.game-mode-batak .real-table-wrap{border:1px solid rgba(83,45,24,.88);box-shadow:0 24px 44px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.11)!important}
.premium-four-seat-table .playing-card{background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.99),transparent 21%),linear-gradient(180deg,#fffefb,#f3f1eb)!important;border-color:#d6ddd8!important}
.real-table-center .card-table-pile,.real-table-center .card-trick{outline:1px dashed rgba(242,220,178,.075);outline-offset:-8px}

/* Board games: stronger piece separation and physical surface cues. */
body[data-game-table-style="prestige"] .strategy-board{border-width:9px!important;border-color:#674a31!important;box-shadow:0 23px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.light{background:linear-gradient(145deg,#f1e0c9,#dec2a0)!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.dark{background:linear-gradient(145deg,#98704f,#704f37)!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.legal::after{content:"";position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:rgba(47,145,91,.32);box-shadow:0 0 0 5px rgba(47,145,91,.07);pointer-events:none}
body[data-game-table-style="prestige"] .tavla-board{background:linear-gradient(180deg,#ca925c,#ad6d3d 58%,#985a31)!important;border-color:#62391d!important}
body[data-game-table-style="prestige"] .tavla-checkers i{box-shadow:0 7px 12px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -4px 6px rgba(0,0,0,.16)!important}
body[data-game-table-style="prestige"] .domino-chain{background:radial-gradient(circle at 50% 45%,rgba(255,237,198,.035),transparent 38%),linear-gradient(180deg,#11231c,#0a1511)!important}
body[data-game-table-style="prestige"] .domino-tile{background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.99),transparent 21%),linear-gradient(180deg,#fff,#f1f4f2)!important}


.chess-promotion-dialog .flat-dialog-card{width:min(92vw,440px);gap:14px}
.chess-promotion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.chess-promotion-grid button{appearance:none;min-height:94px;padding:10px 8px;border:1px solid #dce5e0;border-radius:13px;background:linear-gradient(180deg,#fff,#f5f8f6);color:#22352d;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;box-shadow:0 8px 18px rgba(16,24,40,.045),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}
.chess-promotion-grid button:hover{transform:translateY(-1px);border-color:#9ebdad;background:#fbfdfc;box-shadow:0 12px 24px rgba(16,24,40,.075),inset 0 1px 0 rgba(255,255,255,.96)}
.chess-promotion-grid button:focus-visible{outline:2px solid rgba(23,107,77,.40);outline-offset:2px}
.chess-promotion-grid b{font-family:"Times New Roman",Georgia,serif;font-size:42px;line-height:1;color:#18241f;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}
.chess-promotion-grid span{font-size:10px;font-weight:850;color:#687a72}

/* Card tables: flatter controls, richer physical cards. */
.game-panel.game-mode-card52 .real-table-felt,.game-panel.game-mode-pisti .real-table-felt,.game-panel.game-mode-batak .real-table-felt{background-blend-mode:screen,normal,normal!important}
.premium-four-seat-table .playing-card{border-radius:10px!important;box-shadow:0 10px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.97),inset 0 -1px 0 rgba(88,99,93,.08)!important}
.premium-four-seat-table .playing-card.playable{box-shadow:0 0 0 2px rgba(226,191,93,.16),0 13px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.98)!important}
.premium-four-seat-table .table-seat.active{border-color:rgba(232,197,102,.64)!important;box-shadow:0 0 0 1px rgba(232,197,102,.12),0 13px 24px rgba(0,0,0,.22)!important}

/* Board games: clearer legal move language and material hierarchy. */
body[data-game-table-style="prestige"] .strategy-board .board-square.last-from,body[data-game-table-style="prestige"] .strategy-board .board-square.last-to{box-shadow:inset 0 0 0 3px rgba(216,176,69,.24)!important}
body[data-game-table-style="prestige"] .strategy-board .board-square.capture-target::after{background:transparent!important;border:3px solid rgba(181,76,66,.46)!important;box-shadow:0 0 0 5px rgba(181,76,66,.07)!important}
body[data-game-table-style="prestige"] .strategy-board.dama .piece.dama-disc{box-shadow:0 8px 13px rgba(0,0,0,.25),inset 0 2px 2px rgba(255,255,255,.24),inset 0 -4px 6px rgba(0,0,0,.16)!important}
body[data-game-table-style="prestige"] .strategy-board.chess .piece.chess-piece{filter:drop-shadow(0 5px 4px rgba(0,0,0,.31)) saturate(1.02)}
body[data-game-table-style="prestige"] .tavla-dice .dice-face{box-shadow:0 8px 14px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.96)!important}
body[data-game-table-style="prestige"] .domino-tile.playable{box-shadow:0 0 0 2px rgba(158,194,175,.15),0 10px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.97)!important}

/* Low-power profiles avoid expensive decorative layers while preserving readability. */
body[data-game-quality="performance"] .game-entry-cover::before,body[data-game-quality="performance"] .real-table-felt::before{display:none!important}
body[data-game-quality="performance"] .table-seat{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

@media(max-width:760px){
  .chess-promotion-dialog .flat-dialog-card{width:min(94vw,390px);padding:16px}
  .chess-promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .chess-promotion-grid button{min-height:78px;padding:8px}
  .chess-promotion-grid b{font-size:34px}
}
.card-hand-row .playing-card.rule-locked{opacity:.68;filter:saturate(.72) contrast(.98);transform:none!important;box-shadow:0 6px 11px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.94)!important}
body.game-hints-off .card-hand-row .playing-card.rule-locked{opacity:.82;filter:saturate(.88)}
body[data-game-quality="cinematic"] .game-panel.real-game:not(.hidden),body[data-game-quality="cinematic"] .multi-card-table,body[data-game-quality="cinematic"] .board-game-shell,body[data-game-quality="cinematic"] .domino-shell,body[data-game-quality="cinematic"] .tavla-shell{
  box-shadow:0 30px 64px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body[data-game-quality="cinematic"] .tile,body[data-game-quality="cinematic"] .playing-card,body[data-game-quality="cinematic"] .domino-tile,body[data-game-quality="cinematic"] .tavla-checkers i{
  filter:saturate(1.08) contrast(1.035)!important;
}


body.game-lighting-off .game-panel.real-game:not(.hidden),body.game-lighting-off .multi-card-table,body.game-lighting-off .board-game-shell,body.game-lighting-off .domino-shell,body.game-lighting-off .tavla-shell{box-shadow:none!important}
body.game-lighting-off .real-table-felt,body.game-lighting-off .card-play-area{
  background-image:none!important;
}

/* Cross-game real-table refinement without changing gameplay geometry. */
body:not(.game-materials-off) .game-panel.game-mode-card52 .real-table-felt,body:not(.game-materials-off) .game-panel.game-mode-pisti .real-table-felt,body:not(.game-materials-off) .game-panel.game-mode-batak .real-table-felt{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -20px 28px rgba(0,0,0,.13),0 18px 34px rgba(0,0,0,.13)!important;
}
body:not(.game-materials-off) .playing-card{
  box-shadow:0 12px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(40,50,44,.05)!important;
}
body:not(.game-materials-off) .strategy-board.dama .piece.dama-disc{
  box-shadow:0 10px 17px rgba(0,0,0,.29),inset 0 2px 2px rgba(255,255,255,.26),inset 0 -5px 7px rgba(0,0,0,.18)!important;
}

/* Wide-gamut capable displays get richer but controlled premium colors. */

@media (max-width:760px){
  body[data-game-quality="cinematic"] .game-panel.real-game:not(.hidden){box-shadow:0 18px 36px rgba(0,0,0,.22)!important}
  
}
.game-entry-card,.lobby-room-card,.table-card{contain:layout paint style;transform:translateZ(0)}
.game-entry-cover{isolation:isolate}
.game-entry-cover::before{opacity:.94}
.game-entry-card:hover .game-entry-cover::after{transform:translateY(-2px) scale(1.025)}
.game-entry-cover::after{transition:transform .18s ease,filter .18s ease}



/* Readability is a user-controlled presentation aid; gameplay rules remain server-authoritative. */

body.game-readability-high .playing-card.red>span,body.game-readability-high .playing-card.red>b,body.game-readability-high .playing-card.red>i{color:#c72d35!important}
body.game-readability-high .playing-card.black>span,body.game-readability-high .playing-card.black>b,body.game-readability-high .playing-card.black>i{color:#171d20!important}
body.game-readability-high .domino-pips>b.on,body.game-readability-high .dice-face>b.on{filter:contrast(1.14) saturate(1.04)}
body.game-readability-high .strategy-board .board-square[data-coord]::before{opacity:.78!important;font-weight:950!important}
body.game-readability-high .strategy-board .board-square.legal{box-shadow:inset 0 0 0 3px rgba(43,155,97,.48)!important}

/* Card tables: restrained physical depth and clearer hands. */
body:not(.game-materials-off) .real-table-center .card-table-pile,body:not(.game-materials-off) .real-table-center .card-trick{box-shadow:0 13px 22px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.04)!important}
body:not(.game-materials-off) .opponent-card-fan i{box-shadow:0 8px 14px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important}

/* Board / dice / domino pieces get clearer physical separation. */
body:not(.game-materials-off) .strategy-board.dama .piece.dama-disc{filter:drop-shadow(0 5px 4px rgba(0,0,0,.27))}
body:not(.game-materials-off) .strategy-board.chess .piece.chess-piece{filter:drop-shadow(0 6px 5px rgba(0,0,0,.31))!important}
body:not(.game-materials-off) .tavla-checkers i{border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 14px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -4px 6px rgba(0,0,0,.16)!important}

/* Experience settings remain compact even as capabilities grow. */
.game-experience-dialog .flat-dialog-card{max-height:min(86dvh,760px);overflow:auto;overscroll-behavior:contain}
.experience-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
.experience-settings label{min-height:64px}
@media(max-width:620px){.experience-settings{grid-template-columns:1fr}.experience-settings label{min-height:58px}}

@media(max-width:760px){
  
  
  .game-entry-card,.lobby-room-card,.table-card{contain:layout paint}
}
body:not(.game-materials-off) .strategy-board .board-square.legal{transition:box-shadow .14s ease,filter .14s ease}
body:not(.game-materials-off) .strategy-board .board-square.legal:hover{filter:brightness(1.045)}
body:not(.game-materials-off) .tavla-dice .dice-face{outline:1px solid rgba(255,255,255,.38);outline-offset:-2px}
body:not(.game-materials-off) .domino-tile{outline:1px solid rgba(255,255,255,.42);outline-offset:-2px}

body.game-adaptive-performance[data-game-quality="performance"] .game-panel.real-game *,body.game-adaptive-performance[data-game-quality="performance"] .game-entry-cover::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
body.game-adaptive-performance[data-game-quality="performance"] .game-panel.real-game .playing-card,body.game-adaptive-performance[data-game-quality="performance"] .game-panel.real-game .tile,body.game-adaptive-performance[data-game-quality="performance"] .game-panel.real-game .piece{filter:none!important}



.game-entry-card:focus-visible,.lobby-room-card:focus-visible,.table-card:focus-within{box-shadow:0 0 0 3px rgba(23,107,77,.15),0 16px 34px rgba(10,20,16,.07)!important}
.room-enter,.table-card-actions .btn,.game-action-grid .btn{min-height:40px}

@media(max-width:760px){
  .room-enter,.table-card-actions .btn,.game-action-grid .btn{min-height:42px}
}

































/* Diğer oyunlarda aynı ticari materyal ve okunabilirlik standardı. */
body:not(.game-materials-off) .premium-four-seat-table .playing-card{border-radius:11px!important;border-color:#d2d9d4!important;box-shadow:0 13px 23px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.99)!important}
body:not(.game-materials-off) .premium-four-seat-table .playing-card.playable{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
body:not(.game-materials-off) .premium-four-seat-table .playing-card.playable:hover{transform:translateY(-5px) scale(1.015)!important;box-shadow:0 18px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.99)!important}
body:not(.game-materials-off) .strategy-board .board-square.last-from,body:not(.game-materials-off) .strategy-board .board-square.last-to{box-shadow:inset 0 0 0 3px rgba(224,181,59,.34)!important}
body:not(.game-materials-off) .strategy-board .board-square.capture-target .move-hint{box-shadow:0 0 0 4px rgba(190,58,52,.14)!important}
body:not(.game-materials-off) .tavla-dice .dice-face{box-shadow:0 7px 13px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.95)!important}
body:not(.game-materials-off) .domino-tile.playable{transform:translateY(-2px);box-shadow:0 14px 23px rgba(0,0,0,.20),0 0 0 1px rgba(51,151,101,.14)!important}

/* Deneyim seçenekleri: üç seçim alanı geniş ekranda tek sıra, mobilde tek sütun. */
.game-experience-dialog .experience-selects{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.game-experience-dialog .experience-selects{grid-template-columns:1fr}}



/* Build 71 ortak oyun görsel standardı — GPU dostu, erişilebilir ve tutarlı materyal katmanı. */
.ui-action-icon,.voice-peer-mute svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.player-moderation-actions button>span:first-child .ui-action-icon{width:16px;height:16px}
.voice-peer-mute svg{width:15px;height:15px}








body:not(.game-materials-off) .premium-four-seat-table .playing-card{background:linear-gradient(180deg,#fff 0%,#fffdf8 72%,#f3efe7 100%)!important;outline:1px solid rgba(255,255,255,.55);outline-offset:-2px}
body:not(.game-materials-off) .premium-four-seat-table .playing-card.back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 6px),linear-gradient(145deg,#223b5a,#162a43)!important;border-color:#5d7692!important;box-shadow:0 10px 20px rgba(0,0,0,.22),inset 0 0 0 3px rgba(255,255,255,.045),inset 0 0 0 5px rgba(10,24,39,.28)!important}
body:not(.game-materials-off) .strategy-board{box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)!important}
body:not(.game-materials-off) .strategy-board .piece{filter:drop-shadow(0 3px 2px rgba(0,0,0,.24));transform:translateZ(0)}
body:not(.game-materials-off) .domino-tile{background:linear-gradient(180deg,#fffefb,#eee8dc)!important;border-color:#c9c0b1!important;box-shadow:0 9px 17px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.95)!important}
body:not(.game-materials-off) .tavla-board{box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.11)!important}
body:not(.game-materials-off) .tavla-checkers i{box-shadow:0 5px 9px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.20)!important}
.game-entry-cover::after{filter:drop-shadow(0 16px 22px rgba(8,15,18,.24)) saturate(1.10) contrast(1.035)!important;transform:translateZ(0)}
.game-entry-card:hover .game-entry-cover::after{filter:drop-shadow(0 18px 24px rgba(8,15,18,.27)) saturate(1.13) contrast(1.045)!important}


body[data-game-quality="performance"] .game-entry-cover::after{filter:saturate(1.04) contrast(1.02)!important}
body[data-game-quality="balanced"] .game-entry-cover::after{filter:drop-shadow(0 10px 15px rgba(8,15,18,.16)) saturate(1.07) contrast(1.025)!important}




@media (prefers-reduced-motion:reduce){.premium-four-seat-table .playing-card{transition:none!important}.game-entry-card:hover .game-entry-cover::after{filter:drop-shadow(0 16px 22px rgba(8,15,18,.24)) saturate(1.10) contrast(1.035)!important}}

@media(max-width:760px){
  
  
  
  
  
  
  body:not(.game-materials-off) .premium-four-seat-table .playing-card.playable:hover{transform:none!important}
}

/* Build 72 · Home side widgets */
.app-side{display:grid;gap:12px}.home-widget-card{margin:0;padding:14px}.side-widget-list{display:grid;gap:0}.side-panel-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9e6df;border-radius:9px;background:#f4f8f6;color:var(--accent)}.side-panel-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-panel-icon.trophy{background:#fff8e7;border-color:#f0dfaa;color:#9a6b12}.side-user-row,.winner-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1ef}.side-user-row:last-child,.winner-row:last-child{border-bottom:0}.side-avatar,.winner-medal{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef5f1;border:1px solid #d9e5df;color:var(--accent-strong);font-size:10px;font-weight:900}.side-avatar.gender-female{background:#fff4f8;border-color:#efbad0;color:#9d4667}.side-avatar.gender-male{background:#f1f7ff;border-color:#b7d4ef;color:#356faa}.side-user-copy{display:grid;gap:2px;min-width:0}.side-user-copy b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-tag{padding:4px 6px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.winner-row{grid-template-columns:34px minmax(0,1fr)}.winner-medal{border-radius:50%;background:#fff8e7;border-color:#ead59a;color:#95670e;font-size:12px}.popular-game-row{appearance:none;width:100%;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:9px 0;border:0;border-bottom:1px solid #edf1ef;background:transparent;text-align:left;cursor:pointer}.popular-game-row:last-child{border-bottom:0}.popular-game-row:hover .popular-game-copy b{color:var(--accent)}.game-rank{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f0f4f2;color:var(--accent);font-size:10px;font-weight:900}.popular-game-copy{display:grid;gap:5px;min-width:0}.popular-game-copy>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.popular-game-copy b{font-size:11px;transition:color .15s}.popular-game-copy small{font-size:9px;color:var(--muted);white-space:nowrap}.popular-game-copy>i{display:block;height:4px;border-radius:999px;background:#e9efec;overflow:hidden}.popular-game-copy>i>em{display:block;width:var(--bar,0%);height:100%;border-radius:inherit;background:var(--accent)}.widget-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.widget-limit-grid{margin-top:12px}.home-widget-settings .toggle-setting{min-height:76px}
@media(max-width:980px){.app-grid .app-side[data-has-widgets="1"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.home-widget-card{height:100%;margin:0!important}}
@media(max-width:620px){.app-side[data-has-widgets="1"]{grid-template-columns:1fr}.home-widget-card{padding:13px}.widget-toggle-grid{grid-template-columns:1fr}.widget-limit-grid{grid-template-columns:1fr 1fr}.side-panel-head h2{font-size:15px}}
@media(max-width:430px){.widget-limit-grid{grid-template-columns:1fr}}


/* 1.2.5 build 74 — commercial game material v27 + restrained last-action feedback */













@keyframes gameLastDrop{from{opacity:.55;transform:translate(var(--stack-x,0),calc(var(--stack-y,0) - 10px)) scale(1.045)}to{opacity:1;transform:translate(var(--stack-x,0),var(--stack-y,0)) scale(1)}}

/* Cards: real paper edge, deck depth and a single non-looping last-play cue. */
.multi-card-table .real-table-felt{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -24px 38px rgba(0,0,0,.11),0 18px 38px rgba(0,0,0,.15)!important;
}
.premium-four-seat-table .playing-card{
  border:1px solid rgba(105,104,92,.22)!important;
  background:linear-gradient(180deg,#fff 0%,#fffefb 66%,#f3eee5 100%)!important;
  box-shadow:0 9px 17px rgba(0,0,0,.18),0 2px 0 rgba(119,110,91,.09),inset 0 1px 0 rgba(255,255,255,.99)!important;
}
.premium-four-seat-table .playing-card.last-played,.card-table-pile .playing-card.last-played,.card-trick .playing-card.last-played{
  animation:cardTableLand .34s cubic-bezier(.2,.8,.2,1) both;
  box-shadow:0 0 0 2px rgba(240,201,91,.26),0 14px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.99)!important;
}
@keyframes cardTableLand{from{opacity:.64;transform:translateY(-10px) rotate(-1.2deg) scale(1.035)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}

/* Strategy games: tactile boards and last-move trail retained without neon effects. */
.commercial-board-v3 .strategy-board{border:1px solid rgba(55,44,33,.28)!important;box-shadow:0 20px 38px rgba(0,0,0,.20),inset 0 0 0 2px rgba(255,255,255,.07)!important}
.commercial-board-v3 .board-square.last-from{box-shadow:inset 0 0 0 3px rgba(217,182,89,.17)!important}
.commercial-board-v3 .board-square.last-to{box-shadow:inset 0 0 0 3px rgba(217,182,89,.34),inset 0 0 16px rgba(217,182,89,.08)!important}
.commercial-board-v3 .board-square.last-to .piece{animation:boardPieceLand .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes boardPieceLand{from{transform:translateY(-7px) scale(1.045);opacity:.72}to{transform:translateY(0) scale(1);opacity:1}}

/* Domino: heavier ivory body and visible last placement. */
.domino-chain .domino-tile{border-color:#c8bdab!important;background:linear-gradient(180deg,#fffefb,#f5efe5 70%,#e7dccb)!important;box-shadow:0 8px 14px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.98),inset 0 -2px rgba(113,95,70,.09)!important}
.domino-chain .domino-tile.last-played{animation:dominoLand .30s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 0 2px rgba(219,186,93,.24),0 11px 18px rgba(0,0,0,.21)!important}
@keyframes dominoLand{from{opacity:.6;transform:translateY(-8px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Backgammon: show where the last checker came from and landed; dice roll feedback is finite. */
.tavla-point.last-from,.tavla-bar.last-from{box-shadow:inset 0 0 0 2px rgba(222,187,91,.18)!important}
.tavla-point.last-to,.tavla-off.last-to{box-shadow:inset 0 0 0 3px rgba(222,187,91,.32),inset 0 0 16px rgba(222,187,91,.07)!important}
.tavla-point.last-to .tavla-checkers i:last-child,.tavla-bar.last-to .tavla-checkers i:last-child{animation:checkerLand .30s cubic-bezier(.2,.8,.2,1) both}
.tavla-dice.last-roll .dice-face{animation:diceSettle .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes checkerLand{from{transform:translateY(-7px) scale(1.05);opacity:.68}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes diceSettle{0%{transform:translateY(-6px) rotate(-5deg) scale(.96)}65%{transform:translateY(1px) rotate(1deg) scale(1.025)}100%{transform:translateY(0) rotate(0) scale(1)}}

/* Fine pointers get tactile lift; coarse pointers avoid sticky hover and favor stable hit areas. */
@media (hover:hover) and (pointer:fine){
  
  .domino-hand-item .domino-tile.playable:hover{transform:translateY(-2px)}
}
@media (hover:none),(pointer:coarse){
  .domino-hand-item .domino-tile:hover,.premium-four-seat-table .playing-card:hover{transform:none!important;filter:none!important}
}

/* Adaptive profiles intentionally shed only decorative work, never game-state cues. */


body[data-game-quality="performance"] .premium-four-seat-table .playing-card,body[data-game-quality="performance"] .domino-chain .domino-tile{box-shadow:0 4px 8px rgba(0,0,0,.13)!important}


@media (prefers-reduced-motion:reduce){
  .last-played,.last-to .piece,.tavla-dice.last-roll .dice-face,.tavla-point.last-to .tavla-checkers i:last-child{animation:none!important}
}

/* 1.2.6 build 75 — natural page scrolling + cross-device gameplay ergonomics */
.app-side[data-has-widgets="1"]{max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-width:auto}
.home-widget-card{overflow:visible}

.game-panel.real-game .multi-game-area{overflow:visible;overscroll-behavior:auto}
.game-panel.real-game button,.game-panel.real-game [role="button"]{-webkit-tap-highlight-color:transparent}
.game-panel.real-game .playing-card.playable,.game-panel.real-game .board-square.own-piece,.game-panel.real-game .domino-hand-item,.game-panel.real-game .tavla-point.own,.game-panel.real-game .tavla-bar{user-select:none;-webkit-user-select:none}

@media (pointer:coarse){
  .game-panel.real-game .card-controls .btn,.game-panel.real-game .domino-controls .btn,.game-panel.real-game .tavla-controls .btn,.game-panel.real-game .mini-end-btn{min-height:40px!important;min-width:40px!important;padding-inline:10px!important;touch-action:manipulation}
  .game-panel.real-game .board-help{font-size:11px;line-height:1.5}
  .game-panel.real-game .domino-drop-zone{min-width:50px;min-height:62px}
}

@media(max-width:760px){
  .game-panel.real-game .multi-game-area{padding:5px!important}
  .game-panel.real-game .multi-card-table,.game-panel.real-game .board-game-shell,.game-panel.real-game .domino-shell,.game-panel.real-game .tavla-shell{width:100%;max-width:none;min-height:0!important;margin-inline:0}
  .game-panel.real-game .multi-game-head{align-items:flex-start;gap:7px}
  .game-panel.real-game .multi-scoreboard{max-width:100%;scroll-padding-inline:6px;-webkit-overflow-scrolling:touch}
  .game-panel.real-game .card-hand-row{scroll-padding-inline:8px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .game-panel.real-game .playing-card{scroll-snap-align:center}
  .game-panel.real-game .strategy-board{width:min(calc(100vw - 20px),calc(100dvh - 170px),560px)}
  .game-panel.real-game .board-square{touch-action:manipulation}
  .game-panel.real-game .board-square.own-piece{touch-action:none}
  .game-panel.real-game .domino-drop-zone{width:50px;height:62px;font-size:8px}
  .game-panel.real-game .domino-chain{padding-left:60px!important;padding-right:60px!important}
  .game-panel.real-game .tavla-point,.game-panel.real-game .tavla-bar,.game-panel.real-game .tavla-off{touch-action:manipulation}
  
}

@media(max-width:430px){
  .game-panel.real-game .strategy-board{width:min(calc(100vw - 14px),calc(100dvh - 158px),520px)}
  .game-panel.real-game .multi-game-area{padding-inline:3px!important}
  .game-panel.real-game .multi-card-table,.game-panel.real-game .board-game-shell,.game-panel.real-game .domino-shell,.game-panel.real-game .tavla-shell{padding-inline:8px!important}
}

@media(max-height:620px) and (orientation:landscape){
  .game-panel.real-game .multi-game-area{padding:4px!important}
  .game-panel.real-game .strategy-board{width:min(72dvh,68vw,500px)}
  .game-panel.real-game .real-table-felt{min-height:300px}
  .game-panel.real-game .multi-game-head{margin-bottom:6px;padding-block:6px}
  .game-panel.real-game .board-help{margin-top:6px;padding:6px 8px}
}


/* Build 76 · Yeni kahve oyunları */
.game-entry-cover.mode-mangala{--cover-art:url("../img/game-covers/mangala.svg");--cover-glow:radial-gradient(circle at 82% 40%,rgba(255,233,194,.28),transparent 36%);background:linear-gradient(135deg,#5b371f,#8a5a31 55%,#c99661)}
.game-entry-cover.mode-kizbirader{--cover-art:url("../img/game-covers/kizbirader.svg");--cover-glow:radial-gradient(circle at 80% 38%,rgba(255,255,255,.26),transparent 36%);background:linear-gradient(135deg,#274b67,#356f83 55%,#78a99b)}
.game-entry-cover.mode-papaz{--cover-art:url("../img/game-covers/papaz.svg");--cover-glow:radial-gradient(circle at 82% 42%,rgba(255,224,181,.25),transparent 36%);background:linear-gradient(135deg,#4a2731,#744051 55%,#b9777b)}
.game-panel.game-mode-mangala{--table-felt:#6b4728;--table-felt-2:#3f2a1a;--table-head:#302219;--table-edge:#a47545}
.game-panel.game-mode-kizbirader{--table-felt:#285b55;--table-felt-2:#173a37;--table-head:#203330;--table-edge:#99653d}
.game-panel.game-mode-papaz{--table-felt:#5b2939;--table-felt-2:#351823;--table-head:#352129;--table-edge:#9b633c}
.premium-coffee-game{display:grid;gap:14px;min-width:0}
.premium-coffee-game .board-state{max-width:min(54vw,520px)}
.mangala-board,.papaz-table,.ludo-board{position:relative;overflow:hidden;border:8px solid var(--table-edge,#8b5d39);box-shadow:0 18px 42px rgba(20,13,8,.22),inset 0 0 0 1px rgba(255,255,255,.10);background:linear-gradient(145deg,var(--table-felt,#315a4d),var(--table-felt-2,#19382f));isolation:isolate}
.mangala-board::before,.papaz-table::before,.ludo-board::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.07),transparent 38%),repeating-linear-gradient(12deg,rgba(255,255,255,.016) 0 1px,transparent 1px 5px);z-index:0}
.mangala-board>*:not(.table-brand-watermark),.papaz-table>*:not(.table-brand-watermark),.ludo-board>*:not(.table-brand-watermark){position:relative;z-index:2}
.mangala-board{display:grid;grid-template-columns:minmax(82px,.78fr) minmax(0,5fr) minmax(82px,.78fr);gap:14px;align-items:stretch;padding:18px;min-height:330px;border-radius:20px;background:linear-gradient(145deg,#7b4d28,#5d361d 58%,#3d2517)}
.mangala-pits{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}
.mangala-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mangala-pit,.mangala-store{border:1px solid rgba(65,34,13,.55);background:radial-gradient(ellipse at 50% 44%,#3c2416 0 52%,#6e4528 54% 72%,#9a6b3e 74% 100%);box-shadow:inset 0 10px 18px rgba(0,0,0,.28),inset 0 -4px 8px rgba(255,218,166,.10),0 5px 10px rgba(28,16,7,.18);color:#fff8e9}
.mangala-pit{appearance:none;min-height:112px;border-radius:46%;padding:12px 8px;display:grid;place-items:center;align-content:center;gap:7px;cursor:default;transition:transform .14s,border-color .14s,box-shadow .14s}
.mangala-pit.legal{cursor:pointer;border-color:#e7c78c;box-shadow:inset 0 10px 18px rgba(0,0,0,.28),0 0 0 3px rgba(237,203,139,.16),0 8px 18px rgba(28,16,7,.22)}
@media (hover:hover) and (pointer:fine){.mangala-pit.legal:hover{transform:translateY(-3px)}}
.mangala-pit.last-from{outline:2px solid rgba(244,204,127,.55);outline-offset:-5px}.mangala-pit.last-to{box-shadow:inset 0 8px 18px rgba(0,0,0,.22),0 0 0 4px rgba(152,211,174,.22)}
.mangala-store{border-radius:42px;padding:16px 8px;display:grid;place-items:center;align-content:center;gap:10px;min-height:260px;text-align:center}.mangala-store small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ead6b7}.mangala-store b,.mangala-pit>b{font-size:22px;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.mangala-stones{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:3px;max-width:64px;min-height:25px}.mangala-stones i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f7d999,#ad7437 62%,#68401f);box-shadow:0 1px 2px rgba(0,0,0,.34)}
.papaz-table{min-height:410px;border-radius:22px;padding:18px;background:radial-gradient(circle at 50% 48%,rgba(121,63,82,.45),transparent 34%),linear-gradient(145deg,#692d42,#3d1b28)}
.papaz-seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;margin:auto}.papaz-seat{min-height:88px;border:1px solid rgba(255,255,255,.10);background:rgba(17,8,12,.30);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:14px}.papaz-seat.active{border-color:rgba(239,199,132,.55);box-shadow:0 0 0 2px rgba(239,199,132,.09)}.papaz-seat.out{opacity:.62}.papaz-seat.loser{border-color:rgba(235,126,126,.45)}.papaz-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ead9c7;color:#492635;font-weight:950}.papaz-seat b{color:#fff}.papaz-seat small{display:block;margin-top:3px;color:#d7bdc7}.papaz-mini-hand{display:flex;align-items:center;justify-content:flex-end;min-width:54px}.papaz-mini-hand i{width:17px;height:28px;border-radius:3px;border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,#efe8dc,#be3153);margin-left:-10px;box-shadow:0 2px 5px rgba(0,0,0,.24)}.papaz-center{min-height:190px;display:grid;place-items:center;align-content:center;gap:9px}.papaz-center>span{color:#d9c3cb;font-size:11px;font-weight:800}.papaz-king-card{width:92px;height:132px;border-radius:10px;background:linear-gradient(145deg,#fffdf8,#eee6d9);color:#2f2630;border:1px solid #d4c8b7;display:grid;place-items:center;align-content:center;box-shadow:0 15px 30px rgba(0,0,0,.25),inset 0 0 0 5px #fff}.papaz-king-card span{font-size:28px;font-weight:950}.papaz-king-card b{font-size:30px;color:#8b263d}.papaz-king-card small{font-size:9px;letter-spacing:.12em;font-weight:950}.papaz-own-hand{border:1px solid var(--line);background:#fff;padding:12px;border-radius:14px}.papaz-own-hand .card-hand-row{justify-content:center;min-height:112px}.papaz-finished-label{padding:28px;color:var(--muted);font-weight:800}.papaz-draw{min-width:180px}
.ludo-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ludo-player-card{border:1px solid var(--line);background:#fff;padding:9px;border-radius:12px;display:grid;gap:4px;min-width:0}.ludo-player-card.active{box-shadow:0 0 0 2px rgba(42,123,92,.13);border-color:#7eb59f}.ludo-player-card>span{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ludo-player-card small{font-size:10px;color:var(--muted)}.ludo-finish-dots{display:flex;gap:4px}.ludo-finish-dots i{width:9px;height:9px;border-radius:50%;background:#e6ece9}.ludo-finish-dots i.lane{background:#cfb777}.ludo-finish-dots i.done{background:#3f9b72}.ludo-board{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:3px;aspect-ratio:1/1;max-width:720px;width:min(100%,720px);margin:auto;padding:10px;border-radius:20px;background:linear-gradient(145deg,#244a45,#173632)}.ludo-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.13);background:rgba(250,247,236,.92);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:1px;overflow:visible}.ludo-cell.safe{background:#ead6a3}.ludo-cell small{position:absolute;inset:1px auto auto 2px;font-size:7px;color:#8b6d24}.ludo-token{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:950;color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 2px 4px rgba(0,0,0,.25)}.ludo-token.red{background:#b84848}.ludo-token.blue{background:#3f6ca4}.ludo-token.yellow{background:#c79a31}.ludo-token.green{background:#3e8662}.ludo-center{grid-row:4/9;grid-column:4/9;display:grid;place-items:center;align-content:center;text-align:center;gap:6px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:radial-gradient(circle,#3e7567,#254c45 70%);color:#fff;padding:12px}.ludo-center b{font-size:24px;letter-spacing:.12em}.ludo-center span{font-size:10px;max-width:180px;color:#d7ebe3}.ludo-die{width:52px;height:52px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:24px;font-weight:950;color:#244339;box-shadow:0 5px 12px rgba(0,0,0,.08)}.ludo-die.rolled{box-shadow:0 0 0 3px rgba(65,139,105,.11),0 6px 14px rgba(0,0,0,.10)}.ludo-controls{display:grid;justify-items:center;gap:10px}.ludo-pawn-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ludo-pawn-btn{appearance:none;border:1px solid var(--line);background:#f7faf8;padding:7px 10px;border-radius:11px;display:flex;align-items:center;gap:7px;color:#596861}.ludo-pawn-btn.legal{background:#fff;border-color:#8ab9a4;color:#234b3a;cursor:pointer}.ludo-pawn-btn span{font-size:10px;font-weight:800}
@media (max-width:760px){.mangala-board{grid-template-columns:56px minmax(0,1fr) 56px;gap:6px;padding:9px;border-width:5px;min-height:230px}.mangala-row{gap:4px}.mangala-pit{min-height:72px;padding:7px 3px}.mangala-store{min-height:170px;padding:7px 3px;border-radius:28px}.mangala-store small{font-size:7px}.mangala-stones{max-width:40px;gap:2px}.mangala-stones i{width:7px;height:7px}.mangala-pit>b,.mangala-store b{font-size:16px}.papaz-table{min-height:340px;padding:10px;border-width:5px}.papaz-seat-grid{gap:6px}.papaz-seat{grid-template-columns:auto 1fr;padding:8px;min-height:70px}.papaz-mini-hand{display:none}.papaz-avatar{width:32px;height:32px}.papaz-center{min-height:155px}.papaz-king-card{width:68px;height:98px}.papaz-own-hand{padding:8px}.papaz-own-hand .playing-card{transform:scale(.88);transform-origin:center bottom;margin-left:-11px}.ludo-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ludo-board{padding:6px;gap:2px;border-width:5px}.ludo-token{width:13px;height:13px;font-size:7px}.ludo-center b{font-size:17px}.ludo-center span{font-size:8px}.ludo-die{width:44px;height:44px;font-size:20px}}
@media (max-width:420px){.mangala-board{grid-template-columns:46px minmax(0,1fr) 46px}.mangala-pit{min-height:61px}.mangala-store{min-height:145px}.papaz-seat b{font-size:12px}.papaz-seat small{font-size:8px}.ludo-board{border-radius:13px}.ludo-center{padding:5px}.ludo-pawn-btn{padding:6px 8px}}

/* Build 77 · Akıllı sticky sağ sütun: iç scrollbar yok, widgetlar sayfayla birlikte akar. */
@media (min-width:981px){
  .app-side[data-has-widgets="1"]{position:sticky;top:var(--side-sticky-top,76px);align-self:start;max-height:none;overflow:visible;transition:top .12s linear}
}
@media (max-width:980px){.app-side[data-has-widgets="1"]{position:static!important;top:auto!important}}

/* Yardım merkezi */
.help-body{background:linear-gradient(180deg,#f5f8f6 0,#f3f7f5 220px,#f7faf8 100%);color:var(--ink);min-height:100vh}.help-shell,.help-detail-shell{padding-top:22px;padding-bottom:48px}.help-site-head{backdrop-filter:saturate(1.1) blur(10px)}.help-site-head .topbar{min-height:68px}.help-topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.help-topbar-actions>.btn{min-height:42px;padding:0 15px;border-radius:14px;font-size:13px;font-weight:760}.help-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);align-items:stretch;gap:18px;padding:28px;margin-bottom:18px;background:linear-gradient(135deg,#ffffff 0,#fbfefd 56%,#f0f7f3 100%)}.help-hero-copy{display:grid;align-content:center;gap:0}.help-hero h1{margin:4px 0 9px;font-size:38px;letter-spacing:-.042em}.help-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.75;font-size:16px}.help-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.help-hero-side{display:grid;gap:12px;align-content:stretch}.help-hero-mark{width:82px;height:82px;border:1px solid #d6e4dc;border-radius:22px;background:#f4f8f6;display:grid;place-items:center;color:var(--accent);justify-self:end}.help-hero-mark svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.help-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-hero-stats article{display:grid;gap:5px;padding:16px;border:1px solid #dce7e1;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(20,60,42,.04)}.help-hero-stats b{font-size:28px;line-height:1;color:#173927}.help-hero-stats span{font-size:12px;font-weight:700;color:#698074}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.help-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,border-color .16s,box-shadow .16s;background:#fff}.help-card:hover{transform:translateY(-2px);border-color:#b8d3c5;box-shadow:0 12px 28px rgba(20,60,42,.08)}.help-card-media{position:relative;overflow:hidden;background:linear-gradient(180deg,#edf5f0,#eff6f2);min-height:168px}.help-card-media>img{display:block;width:100%;height:100%;aspect-ratio:1200/620;object-fit:cover;background:#edf4f0;border-bottom:1px solid #e0e9e4}.help-card-copy{display:grid;gap:0;padding:16px 17px 17px}.help-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.help-card-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #d7e6dc;border-radius:999px;background:#f7fbf8;color:#537060;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.help-card-copy h2{font-size:19px;margin:4px 0 8px;letter-spacing:-.02em;line-height:1.25}.help-card-copy p{font-size:13px;line-height:1.62;color:var(--muted);margin:0;min-height:64px}.help-card-copy .eyebrow{font-size:10px}.help-read{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf1ef;font-size:12px;font-weight:850;color:var(--accent)}.help-read b{font-size:16px}.help-empty{grid-column:1/-1;padding:32px;text-align:center}.help-empty p{color:var(--muted);margin:6px 0 0}.help-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:var(--muted)}.help-breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:800;text-decoration:none}.help-breadcrumb b{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(100%,520px)}.help-detail{display:grid;gap:14px}.help-detail-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:24px;padding:22px;align-items:center;background:linear-gradient(135deg,#fff 0,#fcfefd 58%,#f3f8f5 100%)}.help-detail-copy h1{font-size:34px;margin:4px 0 8px;letter-spacing:-.04em}.help-detail-copy p{color:var(--muted);line-height:1.7;margin:0 0 16px}.help-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.help-detail-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid #d8e5dc;background:#f7fbf8;color:#587262;font-size:11px;font-weight:800}.help-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.help-detail-media{min-width:0}.help-detail-media>img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:16px;border:1px solid #dbe6e0;background:#eef5f1}.help-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-content-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:20px}.help-section-number{width:42px;height:42px;border-radius:11px;border:1px solid #cfe0d7;background:#f2f8f5;color:var(--accent);font-size:11px;font-weight:900;display:grid;place-items:center}.help-content-card h2,.help-play-card h2{margin:3px 0 9px;font-size:19px}.help-content-card p{font-size:13px;line-height:1.75;color:#55655d;margin:0 0 8px}.help-content-card p:last-child{margin-bottom:0}.help-tip-card{border-color:#eadfbf;background:#fffdf7}.help-tip-card .help-section-number{border-color:#ead9a8;background:#fff8e6;color:#94670f}.help-play-card{padding:20px}.help-play-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:13px}.help-step-list{counter-reset:step;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.help-step-list li{counter-increment:step;min-height:136px;padding:14px;border:1px solid #dfe8e3;border-radius:13px;background:#fafcfb;display:flex;flex-direction:column;gap:10px;color:#4e5d55;font-size:12px;line-height:1.62;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.help-step-list li:before{content:counter(step);width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.help-not-found{max-width:680px;margin:8vh auto;padding:30px}.help-not-found h1{margin:4px 0 8px}.help-not-found p{color:var(--muted);margin-bottom:16px}

/* Yardım yönetimi */
.admin-help-form{display:grid;gap:14px}.admin-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-help-grid .wide{grid-column:1/-1}.admin-help-form label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#65747b}.admin-help-form input,.admin-help-form select,.admin-help-form textarea{width:100%;border:1px solid #dce3e6;border-radius:8px;background:#fff;padding:9px 10px;font:inherit;color:var(--ink)}.admin-help-form input,.admin-help-form select{min-height:40px}.admin-help-form textarea{min-height:118px;resize:vertical;line-height:1.55}.admin-help-form textarea.tall{min-height:210px}.admin-help-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.admin-help-title{display:flex;align-items:flex-start;gap:10px}.admin-help-title img{width:74px;height:42px;object-fit:cover;border:1px solid #dfe7e3;border-radius:8px}.admin-help-title>span{display:grid;gap:3px}.admin-help-title small{color:var(--muted)}
@media(max-width:1100px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.help-detail-hero{grid-template-columns:1fr}.help-detail-media>img{max-width:760px;max-height:none}.help-hero{grid-template-columns:1fr}.help-hero-side{grid-template-columns:82px 1fr;align-items:center}}
@media(max-width:700px){.help-shell,.help-detail-shell{padding-top:14px;padding-bottom:34px}.help-site-head .topbar{min-height:62px;gap:10px;align-items:flex-start}.help-site-head .brand{max-width:100%;overflow:hidden}.help-topbar-actions{width:100%;justify-content:flex-start;gap:7px}.help-topbar-actions>.btn{min-height:39px;padding:0 11px;font-size:12px}.help-hero{grid-template-columns:1fr;padding:18px;gap:14px}.help-hero-copy{gap:0}.help-hero-mark{display:none}.help-hero-side{grid-template-columns:1fr}.help-hero-stats{grid-template-columns:1fr 1fr}.help-hero h1,.help-detail-copy h1{font-size:27px}.help-hero p{font-size:15px;line-height:1.68}.help-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}.help-hero-actions .btn,.help-detail-actions .btn{width:100%}.help-grid,.help-section-grid,.admin-help-grid{grid-template-columns:1fr}.help-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.help-card-media{min-height:0}.help-card-media>img{height:180px;aspect-ratio:auto}.help-card-copy p{min-height:0}.help-breadcrumb{margin-bottom:10px}.help-detail-hero{padding:14px;gap:15px}.help-detail-actions{display:grid;grid-template-columns:1fr}.help-content-card{grid-template-columns:38px minmax(0,1fr);padding:15px;gap:11px}.help-section-number{width:36px;height:36px}.help-step-list{grid-template-columns:1fr}.help-step-list li{min-height:0}.admin-help-actions{display:grid;grid-template-columns:1fr 1fr}.admin-help-actions .btn{width:100%}}
@media(max-width:420px){.help-site-head .topbar{gap:9px}.help-topbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.help-topbar-actions>.btn{justify-content:center;padding:0 9px}.help-hero-stats{grid-template-columns:1fr}.help-card-copy{padding:14px 14px 15px}.help-content-card,.help-play-card{padding:14px}.help-content-card h2,.help-play-card h2{font-size:17px}.help-step-list li{padding:12px}}
.auth-help-link{margin-left:auto}
@media(max-width:620px){.auth-help-link{margin-left:0}}


/* 1.2.25 build 94 — oyun materyal v44: daha doğal derinlik, daha temiz flat kontrast ve mobil dokunma netliği. */











/* Kart oyunlarında masa-kart ayrımını artır, görsel gürültüyü azalt. */
body:not(.game-materials-off) .premium-four-seat-table .playing-card{
  border-radius:10px!important;
  outline-color:rgba(255,255,255,.42)!important;
}
body:not(.game-materials-off) .premium-four-seat-table .playing-card.back{
  background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(145deg,#244563,#13293e)!important;
  background-size:8px 8px,auto!important;
}
body:not(.game-materials-off) .multi-card-table .real-table-felt{border-color:rgba(255,255,255,.07)!important}

/* Strateji ve masa oyunları: son hamle okunaklı, malzeme flat-profesyonel. */
body:not(.game-materials-off) .commercial-board-v3 .strategy-board .board-square.last-to{outline:2px solid rgba(225,187,83,.42);outline-offset:-3px}
body:not(.game-materials-off) .commercial-board-v3 .strategy-board .piece{filter:drop-shadow(0 3px 2px rgba(0,0,0,.24))!important}
body:not(.game-materials-off) .tavla-checkers i{outline:1px solid rgba(255,255,255,.12);outline-offset:-2px}
body:not(.game-materials-off) .domino-tile{border-radius:9px!important}
body:not(.game-materials-off) .mangala-board{box-shadow:0 18px 34px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.12)!important}
body:not(.game-materials-off) .mangala-pit,body:not(.game-materials-off) .mangala-store{box-shadow:inset 0 6px 13px rgba(35,18,9,.18),inset 0 1px 0 rgba(255,255,255,.14)!important}
body:not(.game-materials-off) .ludo-board{box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important}
body:not(.game-materials-off) .ludo-token{box-shadow:0 3px 5px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.24)!important}
body:not(.game-materials-off) .papaz-table{box-shadow:0 20px 38px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.06)!important}

@media(max-width:760px){
  
  
  
  
  .premium-four-seat-table .playing-card,.domino-tile,.ludo-pawn-btn{touch-action:manipulation}
  .mangala-pit.legal,.ludo-pawn-btn.legal,.domino-tile.playable{min-width:42px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .premium-four-seat-table .playing-card.last-played{animation:none!important}
}


/* 1.2.25 build 94 — oyun materyal v44: daha premium yüzey, daha okunur taşlar ve daha doğal salon kartları. */




.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played{
  animation:lastPlayPulse 1.15s ease-out 1;
}
@keyframes lastPlayPulse{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(245,204,97,.0)}35%{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 6px rgba(245,204,97,.18)}100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(245,204,97,0)}}
.game-entry-card,.lobby-room-card,.table-card{
  background:linear-gradient(180deg,#ffffff,#fbfcfc)!important;
  border-color:#e5ece8!important;
  box-shadow:0 10px 24px rgba(16,24,40,.05)!important;
}
.game-entry-cover,.game-cover-image,.game-entry-visual{filter:saturate(1.04) contrast(1.02)}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(16,24,40,.08)!important}
.side-widgets{align-self:start}
.side-widgets .widget-card,.side-widgets .side-card,.widgets-stack .card{box-shadow:0 8px 22px rgba(16,24,40,.05)!important;border-color:#e8efeb!important}

@media (prefers-reduced-motion:reduce){.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played{animation:none!important}}


/* 1.2.25 build 94 — kahvehane hissi, tema paketleri ve merkezi oyun deneyimi. */


.premium-four-seat-table .table-seat{border-radius:14px!important}
body[data-game-theme-pack="kahvehane"] .multi-card-table,body[data-game-theme-pack="kahvehane"] .board-game-shell,body[data-game-theme-pack="kahvehane"] .domino-shell,body[data-game-theme-pack="kahvehane"] .tavla-shell{
  background:linear-gradient(180deg,#17261f,#0f1915)!important;
  border-color:rgba(239,218,178,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body[data-game-theme-pack="kahvehane"] .multi-card-table .real-table-felt,body[data-game-theme-pack="kahvehane"] .domino-chain{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.04),transparent 28%),linear-gradient(180deg,#16533f,#103d31 58%,#0d2f25)!important}
body[data-game-theme-pack="kahvehane"] .premium-four-seat-table .playing-card{background:linear-gradient(180deg,#fffefb,#fbf5ea 72%,#eedcc1)!important;border-color:#d7ccb7!important}
body[data-game-theme-pack="kahvehane"] .strategy-board{box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)!important}
body[data-game-theme-pack="kahvehane"] .strategy-board .board-square.light{background:linear-gradient(145deg,#ead7bb,#d8bc96)!important}
body[data-game-theme-pack="kahvehane"] .strategy-board .board-square.dark{background:linear-gradient(145deg,#936747,#6e4a33)!important}
body[data-game-theme-pack="kahvehane"] .tavla-board{background:linear-gradient(180deg,#c68c58,#aa6736 58%,#894e29)!important;border-color:#60371c!important}
body[data-game-theme-pack="kahvehane"] .domino-chain .domino-tile{background:linear-gradient(180deg,#fffefb,#f7efe2 72%,#eadcc7)!important;border-color:#d2c4ae!important}
body[data-game-theme-pack="studio"] .multi-card-table,body[data-game-theme-pack="studio"] .board-game-shell,body[data-game-theme-pack="studio"] .domino-shell,body[data-game-theme-pack="studio"] .tavla-shell{background:linear-gradient(180deg,#13202e,#0c141d)!important;border-color:rgba(161,201,234,.12)!important}
body[data-game-theme-pack="studio"] .multi-card-table .real-table-felt,body[data-game-theme-pack="studio"] .domino-chain{background:linear-gradient(180deg,#13455c,#0c3344 60%,#0a2633)!important}
body[data-game-theme-pack="studio"] .premium-four-seat-table .playing-card.back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 6px),linear-gradient(145deg,#27486e,#18304a)!important}
body[data-game-theme-pack="premium"] .game-entry-card,body[data-game-theme-pack="kahvehane"] .game-entry-card,body[data-game-theme-pack="studio"] .game-entry-card{border-radius:18px!important}
body[data-game-theme-pack="kahvehane"] .game-entry-cover::after{filter:drop-shadow(0 18px 24px rgba(7,14,19,.24)) saturate(1.06) contrast(1.03)!important}
body[data-game-theme-pack="studio"] .game-entry-cover::after{filter:drop-shadow(0 18px 24px rgba(4,8,15,.28)) saturate(1.07) contrast(1.04)!important}
body[data-game-quality="performance"][data-game-theme-pack="kahvehane"] .multi-card-table,body[data-game-quality="performance"][data-game-theme-pack="kahvehane"] .board-game-shell,body[data-game-quality="performance"][data-game-theme-pack="kahvehane"] .domino-shell,body[data-game-quality="performance"][data-game-theme-pack="kahvehane"] .tavla-shell{box-shadow:none!important}


/* 1.2.25 build 94 — yönetim akışı, oyun bazlı tema ataması ve ticari animasyon katmanı. */
@media (min-width:901px){
  .admin-layout{align-items:stretch!important}
  .admin-sidebar{position:relative!important;top:auto!important;height:auto!important;min-height:100vh!important;overflow:visible!important;scrollbar-width:auto!important}
  .admin-nav{overflow:visible!important}
  .admin-sidebar-foot{margin-top:auto}
}
.admin-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.settings-side-nav{position:sticky;top:94px;display:grid;gap:5px;padding:12px;border:1px solid #e0e7e4;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.045)}
.settings-side-head{display:grid;gap:3px;padding:7px 8px 11px;margin-bottom:3px;border-bottom:1px solid #edf1ef}.settings-side-head span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#84928c}.settings-side-head b{font-size:13px;color:#1d2a25}
.settings-side-nav>a{min-height:42px;padding:8px 9px;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;border-radius:9px;color:#64746c;text-decoration:none;font-size:11px;font-weight:850}.settings-side-nav>a i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#f0f4f2;color:#557168;font-style:normal}.settings-side-nav>a:hover{background:#f5f8f6;color:#244b3b}.settings-side-nav>a.active{background:#eaf4ef;color:#176b4d}.settings-side-nav>a.active i{background:#176b4d;color:#fff}
.settings-page-panel{min-width:0}.settings-page-panel .admin-settings-card{max-width:none;margin:0}.settings-page-panel .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page-panel .admin-save{position:sticky;bottom:12px;z-index:4;margin-top:18px;padding:10px;border:1px solid #e1e8e4;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);display:flex;justify-content:flex-end}
.game-theme-assignment-list{display:grid;gap:9px}.game-theme-assignment{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.7fr);gap:14px;align-items:center;padding:12px;border:1px solid #e3e9e6;border-radius:12px;background:#fafcfb}.game-theme-assignment-head{display:flex;align-items:center;gap:10px;min-width:0}.game-theme-assignment-head .game-mark{position:static;transform:none;flex:0 0 38px;width:38px;height:38px;min-width:38px;border-radius:10px;font-size:13px}.game-theme-assignment-head>div{display:grid;gap:2px;min-width:0}.game-theme-assignment-head b{font-size:12px}.game-theme-assignment-head small{font-size:9px;color:#829089}.game-theme-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-theme-selects label{display:grid;gap:5px;font-size:9px;font-weight:850;color:#65756d}.game-theme-selects select{width:100%;min-height:36px;border:1px solid #dce5e0;border-radius:8px;background:#fff;padding:6px 8px;color:#24342d;font:inherit}

/* Premium motion is short, single-shot and game-state driven. */
@keyframes premiumTileSettle{0%{transform:translateY(-5px) scale(1.035);filter:brightness(1.08)}55%{transform:translateY(1px) scale(.995)}100%{transform:translateY(0) scale(1);filter:none}}
@keyframes premiumCardLand{0%{transform:translateY(-8px) rotate(-1deg) scale(1.035);opacity:.72}65%{transform:translateY(1px) rotate(.2deg) scale(.997);opacity:1}100%{transform:none;opacity:1}}
@keyframes premiumPieceLand{0%{transform:scale(.90);filter:brightness(1.12)}60%{transform:scale(1.045)}100%{transform:scale(1);filter:none}}
@keyframes premiumDiceLand{0%{transform:rotate(-8deg) scale(.88)}55%{transform:rotate(3deg) scale(1.06)}100%{transform:none}}

body:not(.game-motion-off) .premium-four-seat-table .playing-card.last-played,body:not(.game-motion-off) .papaz-own-hand .playing-card:last-child{animation:premiumCardLand .32s cubic-bezier(.2,.8,.2,1) both}
body:not(.game-motion-off) .commercial-board-v3 .board-square.last-to .piece,body:not(.game-motion-off) .mangala-pit.last-to .mangala-stones,body:not(.game-motion-off) .ludo-pawn-btn.legal:active .ludo-token{animation:premiumPieceLand .30s cubic-bezier(.2,.8,.2,1) both}
body:not(.game-motion-off) .tavla-dice.last-roll .dice-face,body:not(.game-motion-off) .ludo-die.rolled{animation:premiumDiceLand .38s cubic-bezier(.18,.82,.22,1) both}
body:not(.game-motion-off) .domino-chain .domino-tile.last-played{animation:premiumCardLand .30s cubic-bezier(.2,.8,.2,1) both}
.game-entry-cover::after{transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}.game-entry-card:hover .game-entry-cover::after{transform:translateY(-2px) scale(1.018)}

/* v44: kahvehane masasında daha rafine taş/ıstaka oranı ve daha sakin fiziksel derinlik. */






@media(max-width:900px){
  .admin-sidebar{overflow-y:auto!important;overscroll-behavior:contain}
  .admin-settings-layout{grid-template-columns:1fr;gap:12px}.settings-side-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.settings-side-head{grid-column:1/-1}.settings-side-nav>a{min-height:40px}.game-theme-assignment{grid-template-columns:1fr}.game-theme-selects{grid-template-columns:1fr}.settings-page-panel .settings-grid{grid-template-columns:1fr}.settings-page-panel .admin-save{position:static}
}
@media(prefers-reduced-motion:reduce){body:not(.game-motion-off) .premium-four-seat-table .playing-card.last-played,body:not(.game-motion-off) .commercial-board-v3 .board-square.last-to .piece,body:not(.game-motion-off) .mangala-pit.last-to .mangala-stones,body:not(.game-motion-off) .tavla-dice.last-roll .dice-face,body:not(.game-motion-off) .ludo-die.rolled,body:not(.game-motion-off) .domino-chain .domino-tile.last-played{animation:none!important}}


/* 1.2.25 build 94 — tüm site ve oyunlarda profesyonel responsive iyileştirmeler. */
:root{--game-surface-shadow:0 12px 28px rgba(15,23,42,.055);--game-surface-shadow-strong:0 18px 38px rgba(15,23,42,.085)}
.site-head{backdrop-filter:saturate(1.08) blur(10px);-webkit-backdrop-filter:saturate(1.08) blur(10px);background:rgba(255,255,255,.92)!important}
.topbar nav a,.topbar nav button,.topbar .btn{min-height:40px}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:var(--game-surface-shadow)!important}
.game-entry-card,.lobby-room-card,.table-card{border-color:#dfe8e4!important;background:linear-gradient(180deg,#fff,#fbfcfc)!important}
.game-entry-cover{min-height:118px;border-radius:16px!important}.game-entry-cover::after{width:124px;height:92px;right:10px;bottom:8px}
.game-entry-copy b,.lobby-room-copy b,.table-card-main h3{letter-spacing:-.02em}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span{border-color:#e5ece8!important;background:linear-gradient(180deg,#fbfcfb,#f7faf8)!important}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.lobby-entity-card:hover,.commercial-table-card:hover{transform:translateY(-2px)!important;box-shadow:var(--game-surface-shadow-strong)!important}
.multi-game-area{background:radial-gradient(circle at 50% 16%,rgba(79,124,101,.12),transparent 30%),#0d1713!important}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-color:rgba(255,255,255,.08)!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}
.multi-game-head{background:linear-gradient(180deg,rgba(13,23,19,.95),rgba(13,23,19,.76) 80%,rgba(13,23,19,0));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-bottom:10px}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.mangala-board+.card-controls .btn{min-height:38px;border-radius:10px}
.game-hud .btn,.ludo-pawn-btn,.domino-play-actions .btn,.voice-actions .btn{min-height:42px}
.card-hand-row,.domino-hand-row{scroll-padding-inline:10px;scrollbar-width:none}.card-hand-row::-webkit-scrollbar,.domino-hand-row::-webkit-scrollbar{display:none}
.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}
.mangala-pit,.mangala-store{box-shadow:inset 0 7px 14px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.10)!important}.mangala-stones i{box-shadow:0 2px 5px rgba(0,0,0,.22)!important}
.ludo-cell{box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.ludo-token{box-shadow:0 4px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.38)!important}.ludo-die{box-shadow:0 8px 16px rgba(0,0,0,.16)!important}
.tavla-point{filter:saturate(1.05)}.tavla-checker{box-shadow:0 5px 12px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.40)!important}.tavla-dice .die{box-shadow:0 7px 14px rgba(0,0,0,.16)!important}
.domino-tile{box-shadow:0 8px 15px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.72)!important}.domino-drop-zone{border-style:dashed}
.strategy-board .piece,.chess-piece,.dama-piece{filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}







.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{animation:surfacePulse 1.05s ease-out 1}
@keyframes surfacePulse{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(245,204,97,0)}35%{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 6px rgba(245,204,97,.16)}100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(245,204,97,0)}}
@media (max-width:1100px){.admin-content{padding:20px}.multi-game-grid{gap:12px}.game-entry-cover{min-height:108px}}
@media (max-width:760px){.site-head{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{min-height:58px;gap:10px}.topbar nav{gap:5px}.brand.big{font-size:24px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.game-entry-card{padding:12px!important;border-radius:16px!important}.game-entry-cover{min-height:96px;padding:10px 11px!important}.game-entry-cover::after{width:98px;height:72px;right:6px;bottom:6px}.game-entry-copy b{font-size:17px!important}.lobby-room-card{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"number copy" "stats stats" "enter enter"!important}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}.room-enter{justify-self:stretch!important;justify-content:center}.table-card{padding:13px 14px!important;grid-template-columns:1fr!important}.table-card .btn{width:100%}.table-meta{gap:5px}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{padding:10px!important;border-radius:12px!important;min-height:calc(100dvh - 70px)}.multi-scoreboard{justify-content:flex-start}.multi-scoreboard>span{min-width:86px}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-controls>b{grid-column:1/-1;margin-right:0}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%;min-height:40px}.card-table-pile,.card-trick{min-height:132px}.card-hand-row{min-height:88px}.playing-card{width:54px;height:80px;flex-basis:54px}.strategy-board{width:min(95vw,560px)!important}.mangala-board{padding:10px!important}.mangala-row{gap:8px!important}.mangala-pit,.mangala-store{border-radius:14px!important}.ludo-player-grid{grid-template-columns:1fr 1fr!important}.tavla-board{padding:10px!important}.domino-hand-row{padding-bottom:2px}}
@media (max-width:480px){.topbar nav .btn,.topbar nav a{font-size:11px}.game-entry-stats>span,.lobby-room-stats span{min-height:44px!important;padding:6px 5px!important}.game-entry-stats b,.lobby-room-stats b{font-size:14px!important}.game-entry-stats small,.lobby-room-stats small{font-size:8px!important}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}.multi-scoreboard>span{min-width:100%;grid-template-columns:1fr}.playing-card{width:50px;height:74px;flex-basis:50px}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}

/* 1.2.25 build 94 — oyun bazlı ticari masa kimliği, premium feedback ve gelişmiş profil yönetimi. */
.game-theme-selects.advanced{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.game-theme-selects.advanced label{min-width:0}.game-theme-selects.advanced select{width:100%}
@media(max-width:1180px){.game-theme-selects.advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.game-theme-selects.advanced{grid-template-columns:1fr!important}}

/* Kapaklar: her oyuna ayrı ticari kimlik ve mikro doku. */
.game-entry-cover{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -24px 40px rgba(0,0,0,.13),0 10px 22px rgba(12,22,18,.08)!important}
.game-entry-cover.mode-normal{background:linear-gradient(135deg,#154f3c,#1c7858 56%,#79b798)!important}
.game-entry-cover.mode-normal::before{background:radial-gradient(circle at 15% 18%,rgba(244,218,153,.18),transparent 26%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 8px)}
.game-entry-cover.mode-101{background:linear-gradient(135deg,#164b55,#127281 58%,#75bbc1)!important}
.game-entry-cover.mode-101::before{background:radial-gradient(circle at 18% 20%,rgba(241,211,134,.17),transparent 27%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 9px)}
.game-entry-cover.mode-card52{background:linear-gradient(135deg,#213f35,#2c6b54 55%,#80b397)!important}
.game-entry-cover.mode-card52::before{background:radial-gradient(circle at 15% 18%,rgba(255,232,190,.15),transparent 24%),repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 2px,transparent 2px 8px)}
.game-entry-cover.mode-pisti{background:linear-gradient(135deg,#67202d,#a03245 56%,#dc7b8c)!important}
.game-entry-cover.mode-pisti::before{background:radial-gradient(circle at 18% 20%,rgba(255,224,199,.15),transparent 25%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 10px)}
.game-entry-cover.mode-batak{background:linear-gradient(135deg,#1d2846,#354d82 56%,#7188be)!important}
.game-entry-cover.mode-batak::before{background:radial-gradient(circle at 18% 18%,rgba(222,206,255,.16),transparent 26%),repeating-linear-gradient(60deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px)}
.game-entry-cover.mode-dama{background:linear-gradient(135deg,#5a422f,#806247 56%,#bda281)!important}
.game-entry-cover.mode-dama::before{background:linear-gradient(90deg,rgba(255,255,255,.02) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.02) 50%,transparent 50%);background-size:16px 16px}
.game-entry-cover.mode-chess{background:linear-gradient(135deg,#263746,#405c70 56%,#8ba3b3)!important}
.game-entry-cover.mode-chess::before{background:linear-gradient(90deg,rgba(255,255,255,.018) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.018) 50%,transparent 50%);background-size:18px 18px}
.game-entry-cover.mode-tavla{background:linear-gradient(135deg,#633b22,#995c34 55%,#d4a171)!important}
.game-entry-cover.mode-tavla::before{background:radial-gradient(circle at 18% 20%,rgba(255,236,204,.15),transparent 25%),repeating-linear-gradient(100deg,rgba(42,19,6,.08) 0 1px,transparent 1px 12px)}
.game-entry-cover.mode-domino{background:linear-gradient(135deg,#263630,#3e5b50 56%,#889f95)!important}
.game-entry-cover.mode-domino::before{background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.13),transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px)}
.game-entry-cover.mode-mangala{background:linear-gradient(135deg,#6a4a24,#8d6b34 55%,#b7a064)!important}
.game-entry-cover.mode-mangala::before{background:radial-gradient(circle at 18% 22%,rgba(245,229,177,.16),transparent 25%),repeating-radial-gradient(circle at 72% 50%,rgba(255,255,255,.018) 0 1px,transparent 1px 6px)}
.game-entry-cover.mode-kizbirader{background:linear-gradient(135deg,#315a5d,#3f7d7d 52%,#9ab9a8)!important}
.game-entry-cover.mode-kizbirader::before{background:radial-gradient(circle at 15% 20%,rgba(255,218,110,.17),transparent 21%),radial-gradient(circle at 32% 70%,rgba(218,84,79,.12),transparent 18%),radial-gradient(circle at 52% 28%,rgba(83,148,222,.12),transparent 18%)}
.game-entry-cover.mode-papaz{background:linear-gradient(135deg,#4b2845,#784267 56%,#b980a6)!important}
.game-entry-cover.mode-papaz::before{background:radial-gradient(circle at 16% 20%,rgba(244,211,151,.17),transparent 24%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px)}

/* Varsayılan Kahvehane Premium paketinde her oyun kendi masa kimliğini taşır. */


body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-card52 .real-table-felt{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.04),transparent 27%),linear-gradient(180deg,#1b5a43,#10412f 60%,#0b2e22)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-pisti .real-table-felt{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.035),transparent 27%),linear-gradient(180deg,#702c37,#52202a 60%,#35161d)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-batak .real-table-felt{background:radial-gradient(circle at 50% 23%,rgba(255,255,255,.04),transparent 27%),linear-gradient(180deg,#253d65,#192b49 60%,#101d32)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-papaz .real-table-felt{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.035),transparent 27%),linear-gradient(180deg,#603750,#45273a 60%,#2d1926)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-dama .strategy-board .board-square.light{background:linear-gradient(145deg,#ead5b5,#d8bb91)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-dama .strategy-board .board-square.dark{background:linear-gradient(145deg,#865f40,#68462f)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-chess .strategy-board .board-square.light{background:linear-gradient(145deg,#e7e2d7,#cfc5b4)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-chess .strategy-board .board-square.dark{background:linear-gradient(145deg,#5e6c66,#44534d)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-tavla .tavla-board{background:linear-gradient(180deg,#be8450,#9d5d31 58%,#7e4524)!important;border-color:#563018!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-domino .domino-chain{background:radial-gradient(circle at 50% 45%,rgba(255,244,216,.035),transparent 38%),linear-gradient(180deg,#1d4133,#102d24)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-mangala .mangala-board{background:linear-gradient(145deg,#a6763d,#825728 58%,#65411d)!important;border-color:#4d3015!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-mangala .mangala-pit,body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-mangala .mangala-store{background:radial-gradient(circle at 50% 24%,#8b672f,#5e431f 75%,#493316)!important}
body[data-game-theme-pack="kahvehane"] .game-panel.game-mode-kizbirader .ludo-board{background:linear-gradient(180deg,#f7f2e7,#e9dfcb)!important;border-color:#bcae95!important}

/* Premium hareket ve feedback profilleri. */
body[data-game-motion-profile="off"] .game-panel *,body.game-motion-off .game-panel *{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body[data-game-motion-profile="subtle"] .game-panel .tile,body[data-game-motion-profile="subtle"] .game-panel .playing-card,body[data-game-motion-profile="subtle"] .game-panel .piece,body[data-game-motion-profile="subtle"] .game-panel .domino-tile{transition-duration:.10s!important}
body[data-game-motion-profile="dynamic"] .game-panel .tile.selected,body[data-game-motion-profile="dynamic"] .game-panel .playing-card.playable:hover,body[data-game-motion-profile="dynamic"] .game-panel .board-square.selected .piece{transform:translateY(-4px) scale(1.025)}
body[data-game-feedback-profile="soft"] .game-panel.game-feedback-action{box-shadow:inset 0 0 0 1px rgba(232,199,104,.06)!important}
body[data-game-feedback-profile="standard"] .game-panel.game-feedback-action{box-shadow:inset 0 0 0 2px rgba(232,199,104,.09)!important}
body[data-game-feedback-profile="strong"] .game-panel.game-feedback-action{box-shadow:inset 0 0 0 3px rgba(232,199,104,.14),0 0 0 1px rgba(232,199,104,.08)!important}
body[data-game-feedback-profile="soft"] .game-panel.game-feedback-turn{filter:saturate(1.01)}
body[data-game-feedback-profile="strong"] .game-panel.game-feedback-turn{filter:saturate(1.055) brightness(1.015)}








@media(max-width:760px){
  .game-entry-cover{min-height:98px!important}.game-entry-cover::after{width:96px!important;height:72px!important}
  .game-theme-assignment{padding:12px!important}.game-theme-assignment-head{align-items:center!important}
  
}
@media(prefers-reduced-motion:reduce){body[data-game-motion-profile="dynamic"] .game-panel *{animation:none!important;transition-duration:.001ms!important}}



:root{--surface-shadow-soft:0 10px 24px rgba(15,23,42,.05);--surface-shadow-mid:0 16px 34px rgba(15,23,42,.075)}
.site-head{background:rgba(255,255,255,.94)!important;border-bottom-color:#e5ece8!important}.topbar{gap:12px}.topbar nav .btn,.topbar nav a{min-height:40px}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card{box-shadow:var(--surface-shadow-soft)!important;border-color:#e1e9e5!important}
.game-entry-card,.lobby-room-card,.table-card{background:linear-gradient(180deg,#fff,#fbfcfb)!important}.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:var(--surface-shadow-mid)!important;transform:translateY(-2px)!important}
.game-entry-cover{border-radius:16px!important;min-height:120px}.game-entry-cover::after{filter:drop-shadow(0 16px 22px rgba(7,12,18,.22)) saturate(1.06) contrast(1.03)!important}.game-entry-copy b{letter-spacing:-.02em!important}.game-entry-stats>span,.lobby-room-stats span,.table-meta>span{background:linear-gradient(180deg,#fbfcfb,#f6f9f7)!important;border-color:#e5ece8!important}
.multi-game-area{background:radial-gradient(circle at 50% 12%,rgba(63,102,83,.12),transparent 26%),#0c1511!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{box-shadow:0 14px 34px rgba(0,0,0,.16)!important;border-color:rgba(255,255,255,.07)!important}

.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.mangala-pit,.mangala-store,.strategy-board .piece{filter:saturate(1.03)}.domino-tile,.tavla-checker,.ludo-token{box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.36)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.voice-actions .btn{min-height:40px;border-radius:10px!important}
.card-hand-row,.domino-hand-row{scrollbar-width:none}.card-hand-row::-webkit-scrollbar,.domino-hand-row::-webkit-scrollbar{display:none}
@media (max-width:1100px){.admin-content{padding:20px}.game-entry-cover{min-height:108px}.game-entry-grid.multi-game-grid{gap:12px}}
@media (max-width:760px){.site-head{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{min-height:58px;gap:10px}.topbar nav{gap:5px}.brand.big{font-size:24px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.game-entry-card{padding:12px!important;border-radius:16px!important}.game-entry-cover{min-height:96px;padding:10px 11px!important}.game-entry-cover::after{width:98px;height:72px;right:6px;bottom:6px}.game-entry-copy b{font-size:17px!important}.lobby-room-card{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"number copy" "stats stats" "enter enter"!important}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}.room-enter{justify-self:stretch!important;justify-content:center}.table-card{padding:13px 14px!important;grid-template-columns:1fr!important}.table-card .btn{width:100%}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{padding:10px!important;border-radius:12px!important;min-height:calc(100dvh - 70px)}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-controls>b{grid-column:1/-1;margin-right:0}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%;min-height:40px}.playing-card{width:54px;height:80px;flex-basis:54px}.strategy-board{width:min(95vw,560px)!important}.ludo-player-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:480px){.topbar nav .btn,.topbar nav a{font-size:11px}.game-entry-stats>span,.lobby-room-stats span{min-height:44px!important;padding:6px 5px!important}.game-entry-stats b,.lobby-room-stats b{font-size:14px!important}.game-entry-stats small,.lobby-room-stats small{font-size:8px!important}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}.playing-card{width:50px;height:74px;flex-basis:50px}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card,body[data-game-quality="performance"] .table-seat,body[data-game-quality="performance"] .widget-card,body[data-game-quality="performance"] .side-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* 1.2.25 build 94 — oyun bazlı ileri animasyon/ses profilleri ve premium vitrin. */
.premium-home-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.premium-showcase-game{position:relative;min-height:94px;padding:12px 12px 12px 94px;border:1px solid #dfe8e4;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 10px 24px rgba(15,23,42,.05);display:grid;align-content:center;gap:2px;text-align:left;color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.premium-showcase-game:hover{transform:translateY(-2px);border-color:#b8cfc3;box-shadow:0 16px 30px rgba(15,23,42,.08)}.premium-showcase-game>span:not(.premium-showcase-art){position:relative;z-index:2;display:grid;gap:2px}.premium-showcase-game small{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#72827a}.premium-showcase-game b{font-size:17px;letter-spacing:-.02em}.premium-showcase-game>i{position:relative;z-index:2;font-style:normal;font-size:9px;font-weight:850;color:var(--accent)}.premium-showcase-art{position:absolute;left:8px;bottom:5px;width:80px;height:80px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 15px rgba(8,15,18,.16))}.premium-showcase-game.mode-normal .premium-showcase-art{background-image:url("../img/game-covers/normal.svg")}.premium-showcase-game.mode-tavla .premium-showcase-art{background-image:url("../img/game-covers/tavla.svg")}.premium-showcase-game.mode-chess .premium-showcase-art{background-image:url("../img/game-covers/chess.svg")}.premium-showcase-game.mode-mangala .premium-showcase-art{background-image:url("../img/game-covers/mangala.svg")}.premium-showcase-game::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(23,107,77,.08),transparent 38%);pointer-events:none}
.salon-entry-card{position:relative;overflow:hidden;grid-template-columns:78px 46px minmax(0,1fr) auto!important;grid-template-areas:"art number copy stats" "art number enter enter"!important;min-height:122px!important}.salon-showcase-art{grid-area:art;width:70px;height:82px;align-self:center;border-radius:12px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 14px rgba(10,20,16,.14));z-index:1}.salon-showcase-art.mode-normal{background-image:url("../img/game-covers/normal.svg")}.salon-showcase-art.mode-101{background-image:url("../img/game-covers/101.svg")}.salon-showcase-art.mode-card52{background-image:url("../img/game-covers/card52.svg")}.salon-showcase-art.mode-pisti{background-image:url("../img/game-covers/pisti.svg")}.salon-showcase-art.mode-batak{background-image:url("../img/game-covers/batak.svg")}.salon-showcase-art.mode-dama{background-image:url("../img/game-covers/dama.svg")}.salon-showcase-art.mode-chess{background-image:url("../img/game-covers/chess.svg")}.salon-showcase-art.mode-tavla{background-image:url("../img/game-covers/tavla.svg")}.salon-showcase-art.mode-domino{background-image:url("../img/game-covers/domino.svg")}.salon-showcase-art.mode-mangala{background-image:url("../img/game-covers/mangala.svg")}.salon-showcase-art.mode-kizbirader{background-image:url("../img/game-covers/kizbirader.svg")}.salon-showcase-art.mode-papaz{background-image:url("../img/game-covers/papaz.svg")}.salon-entry-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,107,77,.025),transparent 34%)}
body[data-game-fx-profile="off"] .game-feedback-action,body[data-game-fx-profile="off"] .game-feedback-turn{animation:none!important}.game-panel.game-feedback-action{animation:gameSurfaceAction .38s ease-out 1}.game-panel.game-feedback-turn{animation:gameSurfaceTurn .48s ease-out 1}@keyframes gameSurfaceAction{0%{filter:none}42%{filter:brightness(1.025) saturate(1.025)}100%{filter:none}}@keyframes gameSurfaceTurn{0%{box-shadow:inherit}38%{box-shadow:0 0 0 1px rgba(225,190,82,.22),0 18px 42px rgba(0,0,0,.18)}100%{box-shadow:inherit}}body[data-game-fx-profile="subtle"] .game-panel.game-feedback-action{animation-duration:.26s}body[data-game-fx-profile="rich"] .game-panel.game-feedback-action{animation:gameSurfaceRich .52s cubic-bezier(.2,.8,.2,1) 1}@keyframes gameSurfaceRich{0%{filter:none;transform:translateZ(0)}35%{filter:brightness(1.035) saturate(1.04);transform:translateY(-1px)}100%{filter:none;transform:translateY(0)}}body[data-game-fx-profile="rich"] .premium-four-seat-table .playing-card.last-played,body[data-game-fx-profile="rich"] .domino-chain .domino-tile.last-played{animation-duration:.42s!important}body[data-game-fx-profile="subtle"] .premium-four-seat-table .playing-card.last-played,body[data-game-fx-profile="subtle"] .domino-chain .domino-tile.last-played{animation-duration:.24s!important}
body[data-active-game-mode="card52"] .real-table-felt{box-shadow:inset 0 0 0 1px rgba(225,200,143,.08),inset 0 -28px 40px rgba(0,0,0,.18)!important}body[data-active-game-mode="pisti"] .real-table-felt{background-image:radial-gradient(circle at 50% 44%,rgba(255,255,255,.035),transparent 38%),linear-gradient(180deg,#5d2630,#3c1720)!important}body[data-active-game-mode="batak"] .real-table-felt{background-image:radial-gradient(circle at 50% 44%,rgba(255,255,255,.03),transparent 38%),linear-gradient(180deg,#283b68,#182544)!important}body[data-active-game-mode="papaz"] .real-table-felt{background-image:radial-gradient(circle at 50% 44%,rgba(255,255,255,.035),transparent 38%),linear-gradient(180deg,#5b3153,#351b31)!important}body[data-active-game-mode="chess"] .board-game-shell{background:linear-gradient(180deg,#19232d,#10171e)!important}body[data-active-game-mode="dama"] .board-game-shell{background:linear-gradient(180deg,#2a211a,#18130f)!important}body[data-active-game-mode="tavla"] .tavla-shell{background:linear-gradient(180deg,#2a1d14,#18100b)!important}body[data-active-game-mode="domino"] .domino-shell{background:linear-gradient(180deg,#18231f,#0f1714)!important}body[data-active-game-mode="mangala"] .board-game-shell{background:linear-gradient(180deg,#312313,#1d150c)!important}body[data-active-game-mode="kizbirader"] .board-game-shell{background:linear-gradient(180deg,#183336,#0e2022)!important}

.game-theme-selects.advanced{grid-template-columns:repeat(5,minmax(120px,1fr))!important}
@media(max-width:1100px){.premium-home-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.game-theme-selects.advanced{grid-template-columns:repeat(3,minmax(120px,1fr))!important}}@media(max-width:760px){.premium-home-showcase{display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:-2px;padding:2px}.premium-home-showcase::-webkit-scrollbar{display:none}.premium-showcase-game{flex:0 0 min(78vw,280px);min-height:86px;padding-left:86px}.premium-showcase-art{width:72px;height:72px}.salon-entry-card{grid-template-columns:62px 42px minmax(0,1fr)!important;grid-template-areas:"art number copy" "stats stats stats" "enter enter enter"!important}.salon-showcase-art{width:58px;height:68px}.game-theme-selects.advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.game-theme-selects.advanced{grid-template-columns:1fr!important}.premium-showcase-game{flex-basis:86vw}}@media(prefers-reduced-motion:reduce){.premium-showcase-game,.game-panel.game-feedback-action,.game-panel.game-feedback-turn{transition:none!important;animation:none!important}}






.game-rules-dialog .flat-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.game-rules-dialog .flat-dialog-actions .btn{min-width:120px}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{contain:layout paint style}.card-hand-row,.domino-hand-row{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  .shell{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .game-panel.real-game{padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .game-hud{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}
  
  
  .card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}
  .game-rules-dialog .flat-dialog-card{max-height:calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow:auto}
}
@media (max-width:430px){.game-entry-card{padding:11px!important}.game-entry-cover{min-height:92px!important}.game-entry-stats{gap:5px!important}.game-entry-stats>span{min-height:42px!important;padding:5px 4px!important}.multi-scoreboard{gap:4px!important}.multi-scoreboard>span{padding:6px 8px!important}}
@media (orientation:landscape) and (max-height:560px){
  .site-head{position:relative!important}.game-hud{position:sticky!important;top:0!important}
  .multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{min-height:0!important;padding:8px!important}
  .strategy-board{width:min(70dvh,64vw,500px)!important}
  
  
}
@media (pointer:coarse){.playing-card,.domino-tile,.tavla-checker,.ludo-token,.mangala-pit,.board-square{touch-action:manipulation}.board-square.own-piece{touch-action:none}}

@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card{transition:none!important;animation:none!important}}


/* 1.2.25 build 94 — v44 görsel katman, profesyonel responsive yüzey ve daha rafine oyun kartları. */
:root{--surface-shadow-soft2:0 10px 24px rgba(15,23,42,.048);--surface-shadow-strong2:0 18px 36px rgba(15,23,42,.078)}
.site-head{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #e6ede9!important}.topbar nav .btn,.topbar nav a{min-height:40px}.topbar .brand.big{letter-spacing:-.03em}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card{box-shadow:var(--surface-shadow-soft2)!important;border-color:#e2eae6!important}
.game-entry-card,.lobby-room-card,.table-card{background:linear-gradient(180deg,#ffffff,#fbfcfb)!important;border-radius:18px!important}.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover{box-shadow:var(--surface-shadow-strong2)!important;transform:translateY(-2px)!important}
.game-entry-cover{min-height:122px;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}.game-entry-cover::after{filter:drop-shadow(0 16px 24px rgba(6,12,18,.20)) saturate(1.05) contrast(1.03)!important}.game-entry-copy b{letter-spacing:-.022em!important}.game-entry-copy p,.lobby-room-copy p,.table-subtitle{color:#52606d!important}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span{background:linear-gradient(180deg,#fbfcfb,#f6f9f7)!important;border-color:#e4ebe7!important}.table-card .btn,.room-enter,.seat-card .btn{min-height:40px}
.multi-game-area{background:radial-gradient(circle at 50% 12%,rgba(71,113,91,.12),transparent 28%),#0d1713!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-color:rgba(255,255,255,.07)!important;box-shadow:0 14px 32px rgba(0,0,0,.16)!important}.multi-game-head{padding-bottom:10px}

.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.mangala-pit,.mangala-store,.strategy-board .piece{filter:saturate(1.035)}.domino-tile,.tavla-checker,.ludo-token{box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.36)!important}.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.voice-actions .btn{min-height:40px;border-radius:10px!important}
.card-hand-row,.domino-hand-row{scrollbar-width:none;scroll-padding-inline:10px}.card-hand-row::-webkit-scrollbar,.domino-hand-row::-webkit-scrollbar{display:none}
@media (max-width:1100px){.admin-content{padding:20px}.game-entry-cover{min-height:110px}.multi-game-grid{gap:12px}}
@media (max-width:760px){.site-head{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{min-height:58px;gap:10px}.topbar nav{gap:5px}.brand.big{font-size:24px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.game-entry-card{padding:12px!important}.game-entry-cover{min-height:98px;padding:10px 11px!important}.game-entry-cover::after{width:98px;height:72px;right:6px;bottom:6px}.game-entry-copy b{font-size:17px!important}.lobby-room-card{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"number copy" "stats stats" "enter enter"!important}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}.room-enter{justify-self:stretch!important;justify-content:center}.table-card{padding:13px 14px!important;grid-template-columns:1fr!important}.table-card .btn{width:100%}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{padding:10px!important;border-radius:12px!important;min-height:calc(100dvh - 70px)}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-controls>b{grid-column:1/-1;margin-right:0}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%;min-height:40px}.playing-card{width:54px;height:80px;flex-basis:54px}.strategy-board{width:min(95vw,560px)!important}.ludo-player-grid{grid-template-columns:1fr 1fr!important}.multi-scoreboard>span{min-width:86px}}
@media (max-width:480px){.topbar nav .btn,.topbar nav a{font-size:11px}.game-entry-stats>span,.lobby-room-stats span{min-height:44px!important;padding:6px 5px!important}.game-entry-stats b,.lobby-room-stats b{font-size:14px!important}.game-entry-stats small,.lobby-room-stats small{font-size:8px!important}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}.playing-card{width:50px;height:74px;flex-basis:50px}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card,body[data-game-quality="performance"] .table-seat,body[data-game-quality="performance"] .widget-card,body[data-game-quality="performance"] .side-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}






@media(max-width:760px) and (orientation:portrait){.game-panel.real-game:not(.hidden){grid-template-rows:auto minmax(0,1fr)!important}.game-chat.hidden,.voice-panel.hidden{display:none!important}.game-hud{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main indicator" "presence presence"!important;gap:5px!important;padding:6px 6px 5px!important;background:#101915!important}.game-hud-main{grid-area:main!important;gap:4px!important;min-width:0!important;overflow-x:auto!important}.indicator-box{grid-area:indicator!important;align-self:start!important;gap:4px!important}.presence-bar{grid-area:presence!important;min-width:0!important;padding:3px 4px!important;gap:4px!important;border-radius:11px!important}.game-hud .pill{min-height:28px!important;padding:4px 6px!important;font-size:8.2px!important}.timer-pill{min-width:48px!important}.game-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important}.game-tool-label{display:none!important}.network-pill{min-width:54px!important}.presence-actions .btn{min-height:25px!important;padding:3px 6px!important;font-size:8.6px!important}.presence-status{font-size:8.6px!important}.game-spectators .spectator-chip{min-height:21px!important;font-size:8px!important;padding:2px 6px!important}}
@media(max-width:420px) and (orientation:portrait){.game-hud{padding:5px!important}.game-hud .pill{min-height:26px!important;padding:3px 5px!important;font-size:7.6px!important}.indicator-box{gap:3px!important}}


/* 1.2.25 build 94 — premium ıstaka sürükleme, kompakt oyuncu kartları ve mobil kahvehane tam ekran. */










.tile-drag-ghost{pointer-events:none!important;position:fixed!important;z-index:13000!important;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(-50%,-60%) scale(1.08)!important;filter:drop-shadow(0 14px 16px rgba(0,0,0,.34))!important;opacity:.96!important}
body.tile-dragging{cursor:grabbing!important;user-select:none!important}




/* Player cards: compact commercial information hierarchy, no unnecessary rack inside card. */










/* Rack presentation: visually separated from table and always readable. */






/* Mobile premium table layout. */


/* Browser fullscreen becomes a dedicated coffeehouse table layout; fullscreen is still user-triggered. */


@media(prefers-reduced-motion:reduce){.tile-drag-ghost{transition:none!important}}



:root{--app-vh:100dvh;--app-vw:100vw;--app-vh-unit:1dvh}
.game-panel.real-game:not(.hidden){height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important}







.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{border-radius:16px!important}.premium-four-seat-table .playing-card{box-shadow:0 9px 17px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.98)!important}.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 15px 32px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.05)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:42px!important}
@media(max-width:760px){.game-panel.real-game:not(.hidden){top:var(--app-vv-top,0px)!important;right:auto!important;bottom:auto!important;left:var(--app-vv-left,0px)!important;width:var(--app-vw,100vw)!important;height:var(--app-vh,100dvh)!important;min-height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important}.game-hud{max-height:104px;overflow:hidden}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell{min-height:calc(var(--app-vh,100dvh) - 60px)!important}.card-hand-row,.domino-hand-row{overscroll-behavior-inline:contain}}
body.compact-game-viewport .game-hud{padding-block:4px!important;gap:4px!important}body.compact-game-viewport .game-hud .pill{min-height:26px!important;font-size:7.7px!important}body.compact-game-viewport .game-icon-btn{width:27px!important;height:27px!important;min-width:27px!important}body.compact-game-viewport .presence-bar{min-height:24px!important}


@media(orientation:landscape) and (max-height:620px){.strategy-board{width:min(calc(var(--app-vh,100dvh) - 92px),64vw,500px)!important}}
@media(pointer:coarse){.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}}
body[data-game-quality="performance"] .premium-four-seat-table .playing-card,body[data-game-quality="performance"] .strategy-board,body[data-game-quality="performance"] .mangala-board,body[data-game-quality="performance"] .ludo-board{filter:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.premium-four-seat-table .playing-card,.strategy-board .piece{transition:none!important;animation:none!important}}



:root{--surface-shadow-b91:0 10px 24px rgba(15,23,42,.05);--surface-shadow-b91-strong:0 18px 38px rgba(15,23,42,.085);--premium-border-b91:#e4ebe7;--premium-bg-b91:linear-gradient(180deg,#ffffff,#fbfcfb)}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card{border-color:var(--premium-border-b91)!important;box-shadow:var(--surface-shadow-b91)!important;background:var(--premium-bg-b91)!important}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:var(--surface-shadow-b91-strong)!important;transform:translateY(-2px)!important}
.game-entry-cover,.commercial-cover,.salon-cover{border-radius:16px!important;overflow:hidden}.game-entry-cover::after{filter:drop-shadow(0 16px 24px rgba(6,12,18,.20)) saturate(1.05) contrast(1.03)!important}.game-entry-copy b,.table-card-main h3,.lobby-room-copy b{letter-spacing:-.02em!important}.game-entry-copy p,.lobby-room-copy p,.table-card-main p{color:#54626f!important}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span,.multi-scoreboard>span{background:linear-gradient(180deg,#fbfcfb,#f6f9f7)!important;border-color:#e5ece8!important}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-color:rgba(255,255,255,.08)!important;box-shadow:0 15px 34px rgba(0,0,0,.16)!important}
.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}
.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece,.mangala-stones i{filter:saturate(1.04) contrast(1.02)}
.domino-tile,.tavla-checker,.ludo-token{box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.36)!important}.mangala-pit,.mangala-store{box-shadow:inset 0 7px 14px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.10)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.voice-actions .btn{min-height:40px;border-radius:10px!important}


@media (max-width:900px){.multi-game-grid,.game-entry-grid{gap:12px!important}.home-overview,.salon-entry-card,.lobby-room-card,.table-card{border-radius:18px!important}}
@media (max-width:760px){.site-head{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{min-height:58px;gap:10px}.topbar nav{gap:5px}.brand.big{font-size:24px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.game-entry-card{padding:12px!important}.game-entry-cover{min-height:98px;padding:10px 11px!important}.game-entry-cover::after{width:98px;height:72px;right:6px;bottom:6px}.game-entry-copy b{font-size:17px!important}.lobby-room-card{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"number copy" "stats stats" "enter enter"!important}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}.room-enter{justify-self:stretch!important;justify-content:center}.table-card{padding:13px 14px!important;grid-template-columns:1fr!important}.table-card .btn{width:100%}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{padding:10px!important;border-radius:12px!important;min-height:calc(100dvh - 70px)}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-controls>b{grid-column:1/-1;margin-right:0}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%;min-height:40px}.playing-card{width:54px;height:80px;flex-basis:54px}.strategy-board{width:min(95vw,560px)!important}.ludo-player-grid{grid-template-columns:1fr 1fr!important}.multi-scoreboard>span{min-width:86px}}
@media (max-width:480px){.topbar nav .btn,.topbar nav a{font-size:11px}.game-entry-stats>span,.lobby-room-stats span{min-height:44px!important;padding:6px 5px!important}.game-entry-stats b,.lobby-room-stats b{font-size:14px!important}.game-entry-stats small,.lobby-room-stats small{font-size:8px!important}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}.playing-card{width:50px;height:74px;flex-basis:50px}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .home-overview,body[data-game-quality="performance"] .salon-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* 1.2.25 build 94 — v44 premium hareket, oyun kimliği ve vitrin katmanı. */









@keyframes okeyPileDraw{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.035);filter:brightness(1.07)}100%{transform:translateY(0) scale(1);filter:none}}
@keyframes okeyIncomingTake{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-54%) scale(1.035);box-shadow:0 0 0 3px rgba(92,207,151,.12),0 12px 24px rgba(0,0,0,.16)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes okeyOutgoingDrop{0%{transform:translate(50%,-50%) scale(1)}42%{transform:translate(50%,-46%) scale(1.04);box-shadow:0 0 0 3px rgba(244,203,101,.13),0 12px 24px rgba(0,0,0,.16)}100%{transform:translate(50%,-50%) scale(1)}}
@keyframes okeyRackReceive{0%{box-shadow:inset 0 1px 0 rgba(255,245,222,.20),0 10px 18px rgba(0,0,0,.18)}42%{box-shadow:inset 0 1px 0 rgba(255,245,222,.28),0 0 0 2px rgba(83,202,146,.15),0 14px 26px rgba(0,0,0,.22)}100%{box-shadow:inset 0 1px 0 rgba(255,245,222,.20),0 10px 18px rgba(0,0,0,.18)}}
@keyframes okeyRackRelease{0%{filter:none}40%{filter:brightness(1.035) saturate(1.025)}100%{filter:none}}

/* 12 oyunun masa karakterini daha belirgin ayır. */
body[data-active-game-mode="card52"] .multi-card-table{background:linear-gradient(180deg,#18362a,#10241d)!important;border-top-color:#d1aa5f!important}
body[data-active-game-mode="pisti"] .multi-card-table{background:linear-gradient(180deg,#3a171d,#241014)!important;border-top-color:#d8727d!important}
body[data-active-game-mode="batak"] .multi-card-table{background:linear-gradient(180deg,#17233d,#0f1729)!important;border-top-color:#839ad6!important}
body[data-active-game-mode="papaz"] .papaz-table,body[data-active-game-mode="papaz"] .multi-card-table{background:linear-gradient(180deg,#3d2038,#271424)!important;border-color:rgba(226,167,208,.18)!important}
body[data-active-game-mode="dama"] .board-game-shell{background:linear-gradient(180deg,#34281f,#211913)!important;border-top-color:#c8a26e!important}
body[data-active-game-mode="chess"] .board-game-shell{background:linear-gradient(180deg,#202c38,#141d26)!important;border-top-color:#9eb2c8!important}
body[data-active-game-mode="tavla"] .tavla-shell{background:linear-gradient(180deg,#3d2618,#27180f)!important;border-top-color:#d69a63!important}
body[data-active-game-mode="domino"] .domino-shell{background:linear-gradient(180deg,#24302c,#151d1a)!important;border-top-color:#91b4a4!important}
body[data-active-game-mode="mangala"] .mangala-shell,body[data-active-game-mode="mangala"] .board-game-shell{background:linear-gradient(180deg,#44331d,#2b2012)!important;border-top-color:#c4a865!important}
body[data-active-game-mode="kizbirader"] .board-game-shell{background:linear-gradient(180deg,#193a3b,#102526)!important;border-top-color:#7cb8b5!important}


/* Premium ana sayfa vitrini. */
.premium-home-showcase.premium-showcase-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.premium-showcase-v2 .premium-showcase-game{position:relative;min-height:104px;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;box-shadow:0 12px 26px rgba(15,23,42,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.premium-showcase-v2 .premium-showcase-game::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.10),transparent 42%),radial-gradient(circle at 86% 22%,rgba(255,255,255,.16),transparent 30%);pointer-events:none}
.premium-showcase-v2 .premium-showcase-game:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.12);border-color:rgba(255,255,255,.20)}
.premium-showcase-v2 .premium-showcase-game>span:not(.premium-showcase-art),.premium-showcase-v2 .premium-showcase-game>i{position:relative;z-index:2}
.premium-showcase-v2 .premium-showcase-art{position:absolute;right:8px;bottom:4px;width:98px;height:76px;z-index:1;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24)) saturate(1.05)}
.premium-showcase-v2 .mode-normal .premium-showcase-art{background-image:url("../img/game-covers/normal.svg")}.premium-showcase-v2 .mode-101 .premium-showcase-art{background-image:url("../img/game-covers/101.svg")}.premium-showcase-v2 .mode-pisti .premium-showcase-art{background-image:url("../img/game-covers/pisti.svg")}.premium-showcase-v2 .mode-tavla .premium-showcase-art{background-image:url("../img/game-covers/tavla.svg")}.premium-showcase-v2 .mode-chess .premium-showcase-art{background-image:url("../img/game-covers/chess.svg")}.premium-showcase-v2 .mode-mangala .premium-showcase-art{background-image:url("../img/game-covers/mangala.svg")}

/* Salon girişlerini gerçek vitrin kartı gibi göster. */
.salon-entry-card{position:relative;overflow:hidden}.salon-entry-card .salon-showcase-art{position:absolute;right:10px;top:50%;width:112px;height:84px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.19;filter:saturate(.92) drop-shadow(0 8px 12px rgba(0,0,0,.12));pointer-events:none}.salon-entry-card:hover .salon-showcase-art{opacity:.26}
.salon-entry-card .lobby-room-copy,.salon-entry-card .lobby-room-stats,.salon-entry-card .room-enter,.salon-entry-card .lobby-entity-icon{position:relative;z-index:2}
.salon-showcase-art.mode-normal{background-image:url("../img/game-covers/normal.svg")}.salon-showcase-art.mode-101{background-image:url("../img/game-covers/101.svg")}.salon-showcase-art.mode-card52{background-image:url("../img/game-covers/card52.svg")}.salon-showcase-art.mode-pisti{background-image:url("../img/game-covers/pisti.svg")}.salon-showcase-art.mode-batak{background-image:url("../img/game-covers/batak.svg")}.salon-showcase-art.mode-dama{background-image:url("../img/game-covers/dama.svg")}.salon-showcase-art.mode-chess{background-image:url("../img/game-covers/chess.svg")}.salon-showcase-art.mode-tavla{background-image:url("../img/game-covers/tavla.svg")}.salon-showcase-art.mode-domino{background-image:url("../img/game-covers/domino.svg")}.salon-showcase-art.mode-mangala{background-image:url("../img/game-covers/mangala.svg")}.salon-showcase-art.mode-kizbirader{background-image:url("../img/game-covers/kizbirader.svg")}.salon-showcase-art.mode-papaz{background-image:url("../img/game-covers/papaz.svg")}

@media(max-width:980px){.premium-home-showcase.premium-showcase-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.premium-home-showcase.premium-showcase-v2{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin-inline:-2px;scrollbar-width:none}.premium-home-showcase.premium-showcase-v2::-webkit-scrollbar{display:none}.premium-showcase-v2 .premium-showcase-game{flex:0 0 min(78vw,280px);scroll-snap-align:start;min-height:96px}.premium-showcase-v2 .premium-showcase-art{width:88px;height:68px}.salon-entry-card .salon-showcase-art{width:92px;height:70px;right:6px;opacity:.14}}
@media(pointer:coarse){.premium-showcase-v2 .premium-showcase-game{touch-action:manipulation}.premium-showcase-v2 .premium-showcase-game:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.premium-showcase-v2 .premium-showcase-game{transition:none!important}}



:root{--surface-shadow-b93:0 10px 24px rgba(15,23,42,.048);--surface-shadow-b93-strong:0 18px 38px rgba(15,23,42,.082);--premium-border-b93:#e4ebe7;--premium-bg-b93:linear-gradient(180deg,#ffffff,#fbfcfb)}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card{border-color:var(--premium-border-b93)!important;box-shadow:var(--surface-shadow-b93)!important;background:var(--premium-bg-b93)!important}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:var(--surface-shadow-b93-strong)!important;transform:translateY(-2px)!important}
.game-entry-cover,.commercial-cover,.salon-cover{border-radius:16px!important;overflow:hidden}.game-entry-cover::after{filter:drop-shadow(0 16px 24px rgba(6,12,18,.20)) saturate(1.06) contrast(1.04)!important}.game-entry-copy b,.table-card-main h3,.lobby-room-copy b{letter-spacing:-.02em!important}.game-entry-copy p,.lobby-room-copy p,.table-card-main p{color:#566472!important}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span,.multi-scoreboard>span{background:linear-gradient(180deg,#fbfcfb,#f6f9f7)!important;border-color:#e5ece8!important}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-color:rgba(255,255,255,.08)!important;box-shadow:0 15px 34px rgba(0,0,0,.16)!important}.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}
.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece,.mangala-stones i{filter:saturate(1.045) contrast(1.02)}.domino-tile,.tavla-checker,.ludo-token{box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.36)!important}.mangala-pit,.mangala-store{box-shadow:inset 0 7px 14px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.10)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn,.voice-actions .btn{min-height:40px;border-radius:10px!important}


@media (max-width:900px){.multi-game-grid,.game-entry-grid{gap:12px!important}.home-overview,.salon-entry-card,.lobby-room-card,.table-card{border-radius:18px!important}}
@media (max-width:760px){.site-head{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{min-height:58px;gap:10px}.topbar nav{gap:5px}.brand.big{font-size:24px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.game-entry-card{padding:12px!important}.game-entry-cover{min-height:98px;padding:10px 11px!important}.game-entry-cover::after{width:98px;height:72px;right:6px;bottom:6px}.game-entry-copy b{font-size:17px!important}.lobby-room-card{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"number copy" "stats stats" "enter enter"!important}.lobby-room-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}.room-enter{justify-self:stretch!important;justify-content:center}.table-card{padding:13px 14px!important;grid-template-columns:1fr!important}.table-card .btn{width:100%}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{padding:10px!important;border-radius:12px!important;min-height:calc(100dvh - 70px)}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-controls>b{grid-column:1/-1;margin-right:0}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%;min-height:40px}.playing-card{width:54px;height:80px;flex-basis:54px}.strategy-board{width:min(95vw,560px)!important}.ludo-player-grid{grid-template-columns:1fr 1fr!important}.multi-scoreboard>span{min-width:86px}}
@media (max-width:480px){.topbar nav .btn,.topbar nav a{font-size:11px}.game-entry-stats>span,.lobby-room-stats span{min-height:44px!important;padding:6px 5px!important}.game-entry-stats b,.lobby-room-stats b{font-size:14px!important}.game-entry-stats small,.lobby-room-stats small{font-size:8px!important}.card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}.playing-card{width:50px;height:74px;flex-basis:50px}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .home-overview,body[data-game-quality="performance"] .salon-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* 1.2.25 build 94 — v44 taş uçuş animasyonu, 12 oyunluk premium vitrin ve güçlü masa kimliği. */


/* Premium vitrin v3: bütün oyunlar. */
.premium-home-showcase.premium-showcase-v3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.premium-showcase-v3 .premium-showcase-game{--show-accent:#2b8a64;--show-bg1:#f8fcfa;--show-bg2:#eef7f2;position:relative;min-height:118px;padding:14px 108px 14px 15px;border:1px solid color-mix(in srgb,var(--show-accent) 24%,#e7ece9);border-radius:18px;background:linear-gradient(145deg,var(--show-bg1),var(--show-bg2));box-shadow:0 12px 26px rgba(15,23,42,.065);display:grid;align-content:center;gap:3px;text-align:left;color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.premium-showcase-v3 .premium-showcase-game::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.62),transparent 42%),radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--show-accent) 14%,transparent),transparent 36%);pointer-events:none}.premium-showcase-v3 .premium-showcase-game::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 99px 99px 0;background:var(--show-accent);opacity:.72}.premium-showcase-v3 .premium-showcase-game:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.105);border-color:color-mix(in srgb,var(--show-accent) 40%,#dfe7e3)}.premium-showcase-v3 .premium-showcase-game.showcase-featured{grid-column:span 2;min-height:136px;padding-right:154px}.premium-showcase-v3 .premium-showcase-copy{position:relative;z-index:2;display:grid;gap:3px;min-width:0}.premium-showcase-v3 small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.065em;color:color-mix(in srgb,var(--show-accent) 70%,#52606d)}.premium-showcase-v3 b{font-size:18px;letter-spacing:-.025em;color:#1e3028}.premium-showcase-v3 .showcase-featured b{font-size:22px}.premium-showcase-v3 .premium-showcase-live{font-style:normal;font-size:9px;font-weight:750;color:#6a7871;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-showcase-v3 .premium-showcase-game>i{position:relative;z-index:2;font-style:normal;font-size:9px;font-weight:900;color:var(--show-accent)}.premium-showcase-v3 .premium-showcase-art{position:absolute;right:7px;bottom:5px;width:100px;height:86px;z-index:1;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 13px 18px rgba(0,0,0,.18)) saturate(1.06);transition:transform .18s ease,filter .18s ease}.premium-showcase-v3 .showcase-featured .premium-showcase-art{width:146px;height:116px}.premium-showcase-v3 .premium-showcase-game:hover .premium-showcase-art{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 16px 22px rgba(0,0,0,.22)) saturate(1.10)}
.premium-showcase-v3 .mode-normal{--show-accent:#237b58;--show-bg1:#f7fcf9;--show-bg2:#e7f5ed}.premium-showcase-v3 .mode-101{--show-accent:#187b9a;--show-bg1:#f5fbfd;--show-bg2:#e5f4f8}.premium-showcase-v3 .mode-card52{--show-accent:#9b527f;--show-bg1:#fff8fc;--show-bg2:#f7e8f1}.premium-showcase-v3 .mode-pisti{--show-accent:#b64a5a;--show-bg1:#fff8f9;--show-bg2:#f8e7ea}.premium-showcase-v3 .mode-batak{--show-accent:#6153b7;--show-bg1:#faf9ff;--show-bg2:#eeecfa}.premium-showcase-v3 .mode-dama{--show-accent:#8a6840;--show-bg1:#fcfaf7;--show-bg2:#f1ebe3}.premium-showcase-v3 .mode-chess{--show-accent:#516a87;--show-bg1:#f8fafc;--show-bg2:#eaf0f5}.premium-showcase-v3 .mode-tavla{--show-accent:#9a6038;--show-bg1:#fffaf6;--show-bg2:#f4e8dc}.premium-showcase-v3 .mode-domino{--show-accent:#546b73;--show-bg1:#fafcfc;--show-bg2:#eaf0f1}.premium-showcase-v3 .mode-mangala{--show-accent:#927134;--show-bg1:#fdfbf6;--show-bg2:#f2ead8}.premium-showcase-v3 .mode-kizbirader{--show-accent:#25828a;--show-bg1:#f5fcfc;--show-bg2:#e5f4f4}.premium-showcase-v3 .mode-papaz{--show-accent:#7b496d;--show-bg1:#fff9fd;--show-bg2:#f3e8f0}
.premium-showcase-v3 .mode-normal .premium-showcase-art{background-image:url("../img/game-covers/normal.svg")}.premium-showcase-v3 .mode-101 .premium-showcase-art{background-image:url("../img/game-covers/101.svg")}.premium-showcase-v3 .mode-card52 .premium-showcase-art{background-image:url("../img/game-covers/card52.svg")}.premium-showcase-v3 .mode-pisti .premium-showcase-art{background-image:url("../img/game-covers/pisti.svg")}.premium-showcase-v3 .mode-batak .premium-showcase-art{background-image:url("../img/game-covers/batak.svg")}.premium-showcase-v3 .mode-dama .premium-showcase-art{background-image:url("../img/game-covers/dama.svg")}.premium-showcase-v3 .mode-chess .premium-showcase-art{background-image:url("../img/game-covers/chess.svg")}.premium-showcase-v3 .mode-tavla .premium-showcase-art{background-image:url("../img/game-covers/tavla.svg")}.premium-showcase-v3 .mode-domino .premium-showcase-art{background-image:url("../img/game-covers/domino.svg")}.premium-showcase-v3 .mode-mangala .premium-showcase-art{background-image:url("../img/game-covers/mangala.svg")}.premium-showcase-v3 .mode-kizbirader .premium-showcase-art{background-image:url("../img/game-covers/kizbirader.svg")}.premium-showcase-v3 .mode-papaz .premium-showcase-art{background-image:url("../img/game-covers/papaz.svg")}
/* Salon kartları: oyun kimliğini ince vurgu ve yüzeyle taşı. */
.salon-entry-card{--salon-accent:#237b58}.salon-entry-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 99px 99px 0;background:var(--salon-accent);opacity:.70;z-index:2}.salon-entry-card::after{background:linear-gradient(90deg,color-mix(in srgb,var(--salon-accent) 8%,transparent),transparent 42%)!important}.salon-entry-card.mode-normal{--salon-accent:#237b58}.salon-entry-card.mode-101{--salon-accent:#187b9a}.salon-entry-card.mode-card52{--salon-accent:#9b527f}.salon-entry-card.mode-pisti{--salon-accent:#b64a5a}.salon-entry-card.mode-batak{--salon-accent:#6153b7}.salon-entry-card.mode-dama{--salon-accent:#8a6840}.salon-entry-card.mode-chess{--salon-accent:#516a87}.salon-entry-card.mode-tavla{--salon-accent:#9a6038}.salon-entry-card.mode-domino{--salon-accent:#546b73}.salon-entry-card.mode-mangala{--salon-accent:#927134}.salon-entry-card.mode-kizbirader{--salon-accent:#25828a}.salon-entry-card.mode-papaz{--salon-accent:#7b496d}.salon-entry-card .entity-live-dot{border-color:color-mix(in srgb,var(--salon-accent) 28%,#dfe7e3)!important;color:color-mix(in srgb,var(--salon-accent) 82%,#23332b)!important;background:color-mix(in srgb,var(--salon-accent) 8%,#fff)!important}.salon-entry-card .room-enter{background:linear-gradient(180deg,color-mix(in srgb,var(--salon-accent) 88%,#fff 6%),color-mix(in srgb,var(--salon-accent) 78%,#000 12%))!important;border-color:color-mix(in srgb,var(--salon-accent) 78%,#000 10%)!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.14)}
/* 12 oyuna ayrı masa karakteri. */
body[data-active-game-mode="card52"] .real-table-felt{background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.045),transparent 28%),linear-gradient(180deg,#165b46,#0f4132 60%,#0a2d23)!important}.game-panel.game-mode-card52{--game-accent:#d0aa61!important}
body[data-active-game-mode="pisti"] .real-table-felt{background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.04),transparent 28%),linear-gradient(180deg,#6b2632,#4a1921 60%,#301016)!important}.game-panel.game-mode-pisti{--game-accent:#e1848d!important}
body[data-active-game-mode="batak"] .real-table-felt{background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.045),transparent 28%),linear-gradient(180deg,#273b65,#1a2949 60%,#111b32)!important}.game-panel.game-mode-batak{--game-accent:#91a5e0!important}
body[data-active-game-mode="papaz"] .papaz-table,body[data-active-game-mode="papaz"] .real-table-felt{background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.035),transparent 28%),linear-gradient(180deg,#663653,#48243b 60%,#2d1726)!important}.game-panel.game-mode-papaz{--game-accent:#daa4c9!important}
body[data-active-game-mode="dama"] .board-game-shell{background:linear-gradient(180deg,#3b2e24,#241c16)!important;border-top-color:#c5a16d!important}body[data-active-game-mode="dama"] .strategy-board{border-color:#7d5c3c!important}
body[data-active-game-mode="chess"] .board-game-shell{background:linear-gradient(180deg,#243442,#17232d)!important;border-top-color:#9db3c9!important}body[data-active-game-mode="chess"] .strategy-board{border-color:#52687b!important}
body[data-active-game-mode="tavla"] .tavla-shell{background:linear-gradient(180deg,#4a2d1b,#2d1b10)!important;border-top-color:#d29a64!important}body[data-active-game-mode="tavla"] .tavla-board{filter:saturate(1.06) contrast(1.02)}
body[data-active-game-mode="domino"] .domino-shell{background:linear-gradient(180deg,#293733,#18221f)!important;border-top-color:#9ab9aa!important}body[data-active-game-mode="domino"] .domino-chain{background:linear-gradient(180deg,#14251f,#0d1915)!important}
body[data-active-game-mode="mangala"] .mangala-shell,body[data-active-game-mode="mangala"] .board-game-shell{background:linear-gradient(180deg,#49371f,#2e2213)!important;border-top-color:#cfad67!important}body[data-active-game-mode="mangala"] .mangala-board{filter:saturate(1.06) contrast(1.02)}
body[data-active-game-mode="kizbirader"] .board-game-shell{background:linear-gradient(180deg,#1b4041,#112929)!important;border-top-color:#83c0bd!important}body[data-active-game-mode="kizbirader"] .ludo-board{filter:saturate(1.08) contrast(1.015)}
@media(max-width:1100px){.premium-home-showcase.premium-showcase-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-showcase-v3 .premium-showcase-game.showcase-featured{grid-column:span 1;min-height:118px;padding-right:108px}.premium-showcase-v3 .showcase-featured .premium-showcase-art{width:100px;height:86px}.premium-showcase-v3 .showcase-featured b{font-size:18px}}
@media(max-width:620px){.premium-home-showcase.premium-showcase-v3{display:flex!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;padding:2px 2px 7px!important;margin:0 -2px 14px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}.premium-home-showcase.premium-showcase-v3::-webkit-scrollbar{display:none}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex:0 0 min(76vw,280px)!important;width:auto!important;grid-column:auto!important;scroll-snap-align:start!important;min-height:96px!important;padding:11px 82px 10px 12px!important;border-radius:15px!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.premium-showcase-v3 .premium-showcase-art,.premium-showcase-v3 .showcase-featured .premium-showcase-art{right:7px!important;bottom:7px!important;width:72px!important;height:62px!important}.premium-showcase-v3 b,.premium-showcase-v3 .showcase-featured b{font-size:16px!important;line-height:1.08!important}.premium-showcase-v3 small{font-size:7.5px!important}.premium-showcase-v3 .premium-showcase-live{font-size:7.5px!important;white-space:nowrap!important}.premium-showcase-v3 .premium-showcase-game>i{font-size:8px!important}.premium-showcase-v3 .premium-showcase-game:hover{transform:none!important}}
@media(pointer:coarse){.premium-showcase-v3 .premium-showcase-game{touch-action:manipulation}.premium-showcase-v3 .premium-showcase-game:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-art{transition:none!important}}

body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-game{box-shadow:none!important}body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-art{filter:saturate(1.02)!important}


/* 1.2.28 build 97 — v60 renderer companion layer; cleaner materials, responsive controls and per-game identity. */










/* Stronger but restrained game-specific physical identity. */
.game-panel.game-mode-card52 .multi-card-table{--game-accent:#a9568f;background:linear-gradient(180deg,#21151d,#160f14)!important}
.game-panel.game-mode-pisti .multi-card-table{--game-accent:#cb5a69;background:linear-gradient(180deg,#241617,#171011)!important}
.game-panel.game-mode-batak .multi-card-table{--game-accent:#7762d9;background:linear-gradient(180deg,#18162a,#100f1e)!important}
.game-panel.game-mode-papaz .papaz-table{border-top:3px solid #b8815e!important;background:radial-gradient(circle at 50% 30%,rgba(255,229,185,.035),transparent 34%),linear-gradient(180deg,#17392f,#10271f)!important}
.game-panel.game-mode-dama .board-game-shell{--game-accent:#d4b45b;background:linear-gradient(180deg,#211d16,#17140f)!important}
.game-panel.game-mode-chess .board-game-shell{--game-accent:#91abc9;background:linear-gradient(180deg,#161c25,#10151c)!important}
.game-panel.game-mode-tavla .tavla-shell{--game-accent:#c68c5c;background:linear-gradient(180deg,#241912,#17100c)!important}
.game-panel.game-mode-domino .domino-shell{--game-accent:#8fb9a6;background:linear-gradient(180deg,#14241e,#0d1814)!important}
.game-panel.game-mode-mangala .mangala-shell{--game-accent:#c98d52;background:linear-gradient(180deg,#251912,#19110c)!important}
.game-panel.game-mode-kizbirader .board-game-shell{--game-accent:#78a8d4;background:linear-gradient(180deg,#161e26,#10161d)!important}

.premium-four-seat-table .playing-card{box-shadow:0 10px 19px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.97),inset 0 -1px 0 rgba(88,99,93,.08)!important}
.strategy-board .piece,.tavla-checker,.domino-tile,.ludo-token{filter:drop-shadow(0 4px 4px rgba(0,0,0,.18)) saturate(1.035)}
.mangala-pit,.mangala-store{box-shadow:inset 0 7px 14px rgba(0,0,0,.19),0 8px 16px rgba(0,0,0,.10)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:40px;border-radius:10px!important}

/* Site cards use one consistent commercial-flat hierarchy. */
.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card{border-color:#e3ebe7!important;box-shadow:0 10px 24px rgba(15,23,42,.048)!important}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:0 18px 38px rgba(15,23,42,.08)!important}
.game-entry-stats>span,.lobby-room-stats span,.table-meta>span{background:linear-gradient(180deg,#fbfcfb,#f6f9f7)!important;border-color:#e5ece8!important}

@media(max-width:760px){
  .card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}
  
  
  .multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.mangala-shell{padding:10px!important;border-radius:12px!important}
  .card-controls,.domino-controls,.tavla-controls,.ludo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .card-controls>b{grid-column:1/-1;margin-right:0}
  .card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{width:100%}
}
@media(max-width:480px){
  .card-controls,.domino-controls,.tavla-controls,.ludo-controls{grid-template-columns:1fr}
  
}
@media(pointer:coarse){
  .strategy-board .board-square.own-piece{touch-action:none}
  .card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}



:root{--surface-shadow-b97:0 10px 24px rgba(15,23,42,.046);--surface-shadow-b97-strong:0 18px 36px rgba(15,23,42,.080);--surface-line-b97:#e4ebe7}
.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.home-widget-card{border-color:var(--surface-line-b97)!important;box-shadow:var(--surface-shadow-b97)!important}
@supports (content-visibility:auto){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.premium-showcase-v3 .premium-showcase-game{content-visibility:auto;contain-intrinsic-size:auto 100px}.home-widget-card{content-visibility:auto;contain-intrinsic-size:auto 180px}}


.game-panel.game-mode-card52 .multi-card-table{background:radial-gradient(circle at 50% 10%,rgba(185,100,151,.10),transparent 31%),linear-gradient(180deg,#261b25,#151116)!important}.game-panel.game-mode-pisti .multi-card-table{background:radial-gradient(circle at 50% 10%,rgba(203,88,102,.10),transparent 31%),linear-gradient(180deg,#251719,#151010)!important}.game-panel.game-mode-batak .multi-card-table{background:radial-gradient(circle at 50% 10%,rgba(118,99,215,.11),transparent 31%),linear-gradient(180deg,#1e1a2a,#111018)!important}.game-panel.game-mode-tavla .tavla-shell{background:linear-gradient(180deg,#3b281e,#201713)!important}.game-panel.game-mode-domino .domino-shell{background:linear-gradient(180deg,#16241f,#0d1713)!important}.game-panel.game-mode-mangala .mangala-shell{background:linear-gradient(180deg,#34291d,#1c1711)!important}.game-panel.game-mode-kizbirader .ludo-shell{background:linear-gradient(180deg,#17282a,#0e1819)!important}.game-panel.game-mode-chess .board-game-shell{background:linear-gradient(180deg,#26343f,#172027)!important}.game-panel.game-mode-dama .board-game-shell{background:linear-gradient(180deg,#33291f,#1c1712)!important}
.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:40px;border-radius:10px!important}
@media(max-width:760px){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card{box-shadow:0 7px 16px rgba(15,23,42,.045)!important}.premium-home-showcase.premium-showcase-v3{gap:8px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{min-height:116px!important;padding:10px 54px 9px 10px!important}.premium-showcase-v3 .premium-showcase-art,.premium-showcase-v3 .showcase-featured .premium-showcase-art{width:48px!important;height:45px!important;right:4px!important;bottom:6px!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-radius:12px!important;padding:10px!important}}
@media(max-width:430px){.premium-home-showcase.premium-showcase-v3{gap:7px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{min-height:112px!important;padding:9px 49px 8px 9px!important}.premium-showcase-v3 .premium-showcase-copy b,.premium-showcase-v3 .showcase-featured .premium-showcase-copy b{font-size:13px!important}.premium-showcase-v3 .premium-showcase-art,.premium-showcase-v3 .showcase-featured .premium-showcase-art{width:44px!important;height:41px!important}}
@media(pointer:coarse){.strategy-board .board-square.own-piece{touch-action:none}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.premium-showcase-v3 .premium-showcase-game{transition:none!important;animation:none!important}}
@media(prefers-contrast:more){.game-entry-card,.lobby-room-card,.table-card{border-color:#b8c7c0!important}}
body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card,body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-game{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* Build 111 — eski kompakt vitrin davranışı: mobilde tek satır yatay kaydırma. */
@media(max-width:620px){.premium-home-showcase.premium-showcase-v3{align-items:stretch!important}.premium-showcase-v3 .premium-showcase-copy{min-width:0!important}.premium-showcase-v3 .premium-showcase-copy b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.premium-showcase-v3 .premium-showcase-live{overflow:hidden!important;text-overflow:ellipsis!important}.premium-showcase-v3 .premium-showcase-game::after{top:11px!important;bottom:11px!important}}

/* 1.2.42 build 111 — v60 final material pass + clean responsive game identity layer. */
:root{--b99-line:#e2eae6;--b99-shadow:0 10px 24px rgba(15,23,42,.05);--b99-shadow-strong:0 18px 38px rgba(15,23,42,.08)}
.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.seat-card,.commercial-table-card{border-color:var(--b99-line)!important;box-shadow:var(--b99-shadow)!important}
.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.seat-card.can-sit:hover{box-shadow:var(--b99-shadow-strong)!important;transform:translateY(-2px)}








.game-panel.game-mode-card52{--game-accent:#9a4e83}.game-panel.game-mode-pisti{--game-accent:#bd4d5f}.game-panel.game-mode-batak{--game-accent:#6758c7}.game-panel.game-mode-dama{--game-accent:#ba963d}.game-panel.game-mode-chess{--game-accent:#718ba8}.game-panel.game-mode-tavla{--game-accent:#b87545}.game-panel.game-mode-domino{--game-accent:#719d8a}.game-panel.game-mode-mangala{--game-accent:#a46e36}.game-panel.game-mode-kizbirader{--game-accent:#45939a}.game-panel.game-mode-papaz{--game-accent:#9b5d84}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-top-color:var(--game-accent,#4d8f70)!important;box-shadow:0 15px 34px rgba(0,0,0,.16)!important}
.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece{filter:saturate(1.04) contrast(1.02)}
.premium-home-showcase.premium-showcase-v3{scrollbar-width:none;overscroll-behavior-inline:contain}.premium-home-showcase.premium-showcase-v3::-webkit-scrollbar{display:none}
@media(max-width:760px){.premium-home-showcase.premium-showcase-v3{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:8px!important;padding:2px 16vw 6px 1px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex:0 0 min(78vw,292px)!important;min-height:116px!important;scroll-snap-align:start!important;padding:10px 56px 9px 10px!important}.premium-showcase-v3 .premium-showcase-art,.premium-showcase-v3 .showcase-featured .premium-showcase-art{width:48px!important;height:45px!important;right:5px!important;bottom:7px!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{padding:10px!important;border-radius:12px!important}}
@media(max-width:430px){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(82vw,278px)!important;min-height:112px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:13px!important}}
@media(pointer:coarse){.strategy-board .board-square.own-piece{touch-action:none}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.premium-showcase-v3 .premium-showcase-game{transition:none!important;animation:none!important}}

body[data-game-quality="performance"] .game-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}



:root{--surface-shadow-b100:0 10px 24px rgba(15,23,42,.05);--surface-shadow-b100-strong:0 18px 40px rgba(15,23,42,.09);--premium-border-b100:#e4ebe7;--premium-bg-b100:linear-gradient(180deg,#ffffff,#fbfcfb);--premium-text-soft-b100:#566472}
.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card,.stats-card{border-color:var(--premium-border-b100)!important;box-shadow:var(--surface-shadow-b100)!important;background:var(--premium-bg-b100)!important}.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:var(--surface-shadow-b100-strong)!important;transform:translateY(-2px)!important}.game-entry-copy p,.lobby-room-copy p,.table-card-main p,.stats-card p{color:var(--premium-text-soft-b100)!important}
.premium-showcase-v3{content-visibility:auto;contain-intrinsic-size:540px}.premium-showcase-v3 .showcase-track{scrollbar-width:none;-ms-overflow-style:none}.premium-showcase-v3 .showcase-track::-webkit-scrollbar{display:none}.premium-showcase-v3 .showcase-card{border:1px solid #dfe7e2!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important;background:linear-gradient(180deg,#fff,#fafcfb)!important}.premium-showcase-v3 .showcase-card:hover{box-shadow:0 16px 30px rgba(15,23,42,.09)!important}.premium-showcase-v3 .showcase-card .cover-thumb{filter:drop-shadow(0 10px 16px rgba(0,0,0,.14)) saturate(1.04)!important}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-color:rgba(255,255,255,.08)!important;box-shadow:0 15px 34px rgba(0,0,0,.16)!important}.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain{box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece,.mangala-stones i{filter:saturate(1.045) contrast(1.02)}

.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:40px;border-radius:10px!important}
@media (max-width:760px){.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card{box-shadow:0 8px 18px rgba(15,23,42,.05)!important}.premium-showcase-v3 .showcase-track{gap:10px!important;padding-inline:2px}.premium-showcase-v3 .showcase-card{min-inline-size:min(82vw,280px)!important;max-inline-size:min(82vw,280px)!important;min-block-size:150px!important;border-radius:18px!important}.premium-showcase-v3 .showcase-card .cover-thumb{inline-size:66px!important;block-size:66px!important;inset-inline-end:14px!important;inset-block-end:14px!important}}
@media (max-width:480px){.premium-showcase-v3 .showcase-card{min-inline-size:min(84vw,264px)!important;max-inline-size:min(84vw,264px)!important;min-block-size:142px!important}.premium-showcase-v3 .showcase-card .cover-thumb{inline-size:60px!important;block-size:60px!important}}
@media (pointer:coarse){.btn,.game-entry-card,.lobby-room-card,.table-card,.seat-card,.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{touch-action:manipulation}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.game-entry-card,.lobby-room-card,.table-card,.salon-entry-card,.commercial-table-card,.seat-card,.premium-four-seat-table .playing-card.last-played,.domino-chain .domino-tile.last-played,.tavla-checker.last-move,.strategy-board .piece.last-move{transition:none!important;animation:none!important}}
body[data-game-quality="performance"] .home-overview,body[data-game-quality="performance"] .salon-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}



@keyframes tile-arrive-pulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(255,214,104,0)}35%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(255,214,104,.20)}100%{transform:scale(1);box-shadow:0 0 0 rgba(255,214,104,0)}}
@keyframes showcase-flash{0%{transform:translateY(0);box-shadow:0 10px 24px rgba(15,23,42,.06)}40%{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.11)}100%{transform:translateY(0);box-shadow:0 10px 24px rgba(15,23,42,.06)}}
@keyframes cover-sheen{0%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(180%) skewX(-18deg)}}
.tile-arrive-pulse{animation:tile-arrive-pulse .54s cubic-bezier(.2,.8,.2,1)}.showcase-flash{animation:showcase-flash .62s cubic-bezier(.2,.8,.2,1)}
.premium-showcase-v3{position:relative;padding:2px 0 4px}.premium-showcase-v3 .showcase-track,.premium-showcase-v3{scroll-padding-inline:4px}.premium-showcase-v3 .premium-showcase-game{position:relative;overflow:hidden;border:1px solid #dfe8e4!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;background:linear-gradient(180deg,#fff,#fbfcfb)!important;border-radius:20px!important}.premium-showcase-v3 .premium-showcase-game::after{content:"";position:absolute;inset:0;inline-size:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-140%) skewX(-18deg);opacity:.0;pointer-events:none}.premium-showcase-v3 .premium-showcase-game:hover::after{opacity:1;animation:cover-sheen .9s ease}.premium-showcase-v3 .premium-showcase-game.showcase-featured{box-shadow:0 14px 32px rgba(15,23,42,.09)!important}.premium-showcase-v3 .premium-showcase-copy b{letter-spacing:-.02em}.premium-showcase-v3 .premium-showcase-live{display:inline-flex;align-items:center;gap:6px}.premium-showcase-v3 .premium-showcase-live::before{content:"";inline-size:8px;block-size:8px;border-radius:999px;background:#31b06a;box-shadow:0 0 0 4px rgba(49,176,106,.11)}
.premium-showcase-v3 .mode-normal{background:linear-gradient(135deg,#f7fcf9 0%,#edf9f4 48%,#fdfefd 100%)!important}.premium-showcase-v3 .mode-101{background:linear-gradient(135deg,#f4fbff 0%,#e7f6fb 54%,#fcfeff 100%)!important}.premium-showcase-v3 .mode-card52{background:linear-gradient(135deg,#fff7fb 0%,#fbecf4 56%,#fffefe 100%)!important}.premium-showcase-v3 .mode-pisti{background:linear-gradient(135deg,#fff7f8 0%,#fdecee 56%,#fffefe 100%)!important}.premium-showcase-v3 .mode-batak{background:linear-gradient(135deg,#faf8ff 0%,#f0ecff 58%,#fdfdff 100%)!important}.premium-showcase-v3 .mode-dama{background:linear-gradient(135deg,#fcfbf8 0%,#f4f0e8 58%,#fffefd 100%)!important}.premium-showcase-v3 .mode-chess{background:linear-gradient(135deg,#f7fafc 0%,#eef3f7 56%,#fcfeff 100%)!important}.premium-showcase-v3 .mode-tavla{background:linear-gradient(135deg,#fff9f4 0%,#f7ece0 56%,#fffefd 100%)!important}.premium-showcase-v3 .mode-domino{background:linear-gradient(135deg,#fafcfc 0%,#eef3f3 56%,#ffffff 100%)!important}.premium-showcase-v3 .mode-mangala{background:linear-gradient(135deg,#fcfaf2 0%,#f3eed9 56%,#fffef9 100%)!important}.premium-showcase-v3 .mode-kizbirader{background:linear-gradient(135deg,#f4fbfb 0%,#e6f3f2 54%,#fbfefe 100%)!important}.premium-showcase-v3 .mode-papaz{background:linear-gradient(135deg,#fff8fd 0%,#f6ebf4 54%,#fffefe 100%)!important}
.game-entry-cover.mode-normal{--cover-glow:radial-gradient(circle at 86% 22%,rgba(169,228,201,.34),transparent 40%)}.game-entry-cover.mode-101{--cover-glow:radial-gradient(circle at 86% 22%,rgba(129,217,234,.34),transparent 40%)}.game-entry-cover.mode-card52{--cover-glow:radial-gradient(circle at 86% 22%,rgba(232,164,196,.34),transparent 40%)}.game-entry-cover.mode-pisti{--cover-glow:radial-gradient(circle at 86% 22%,rgba(237,146,167,.36),transparent 40%)}.game-entry-cover.mode-batak{--cover-glow:radial-gradient(circle at 86% 22%,rgba(151,123,235,.30),transparent 40%)}.game-entry-cover.mode-dama{--cover-glow:radial-gradient(circle at 86% 22%,rgba(208,183,134,.30),transparent 40%)}.game-entry-cover.mode-chess{--cover-glow:radial-gradient(circle at 86% 22%,rgba(150,173,193,.30),transparent 40%)}.game-entry-cover.mode-tavla{--cover-glow:radial-gradient(circle at 86% 22%,rgba(207,161,117,.34),transparent 40%)}.game-entry-cover.mode-domino{--cover-glow:radial-gradient(circle at 86% 22%,rgba(167,182,188,.28),transparent 40%)}.game-entry-cover.mode-mangala{--cover-glow:radial-gradient(circle at 86% 22%,rgba(197,174,89,.30),transparent 40%)}.game-entry-cover.mode-kizbirader{--cover-glow:radial-gradient(circle at 86% 22%,rgba(113,198,194,.28),transparent 40%)}.game-entry-cover.mode-papaz{--cover-glow:radial-gradient(circle at 86% 22%,rgba(186,129,172,.28),transparent 40%)}
.salon-entry-card.mode-normal,.salon-entry-card.mode-101,.salon-entry-card.mode-card52,.salon-entry-card.mode-pisti,.salon-entry-card.mode-batak,.salon-entry-card.mode-dama,.salon-entry-card.mode-chess,.salon-entry-card.mode-tavla,.salon-entry-card.mode-domino,.salon-entry-card.mode-mangala,.salon-entry-card.mode-kizbirader,.salon-entry-card.mode-papaz{position:relative;overflow:hidden}.salon-entry-card.mode-normal::before,.salon-entry-card.mode-101::before,.salon-entry-card.mode-card52::before,.salon-entry-card.mode-pisti::before,.salon-entry-card.mode-batak::before,.salon-entry-card.mode-dama::before,.salon-entry-card.mode-chess::before,.salon-entry-card.mode-tavla::before,.salon-entry-card.mode-domino::before,.salon-entry-card.mode-mangala::before,.salon-entry-card.mode-kizbirader::before,.salon-entry-card.mode-papaz::before{content:"";position:absolute;inset:0 auto 0 0;inline-size:4px;border-radius:999px}.salon-entry-card.mode-normal::before{background:#47b782}.salon-entry-card.mode-101::before{background:#39a7c5}.salon-entry-card.mode-card52::before{background:#cb7aa7}.salon-entry-card.mode-pisti::before{background:#d87487}.salon-entry-card.mode-batak::before{background:#8e76dc}.salon-entry-card.mode-dama::before{background:#b59a68}.salon-entry-card.mode-chess::before{background:#8ea3b3}.salon-entry-card.mode-tavla::before{background:#ca9466}.salon-entry-card.mode-domino::before{background:#94a4a9}.salon-entry-card.mode-mangala::before{background:#bca34c}.salon-entry-card.mode-kizbirader::before{background:#63bfb8}.salon-entry-card.mode-papaz::before{background:#b884b0}.salon-entry-card .entity-live-dot{background:rgba(40,166,95,.10);padding:4px 8px;border-radius:999px;color:#27895a}

@media (max-width:760px){.premium-showcase-v3 .premium-showcase-game{min-height:118px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:18px!important}.premium-showcase-v3 .premium-showcase-art{inline-size:68px!important;block-size:68px!important}.salon-entry-card .room-enter{padding-inline:10px!important}}
@media (max-width:430px){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(84vw,282px)!important;min-height:114px!important}.premium-showcase-v3 .premium-showcase-copy small{font-size:11px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:17px!important}}
@media (prefers-reduced-motion:reduce){.tile-arrive-pulse,.showcase-flash,.premium-showcase-v3 .premium-showcase-game::after{animation:none!important}}
body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-game,body[data-game-quality="performance"] .salon-entry-card.mode-normal,body[data-game-quality="performance"] .salon-entry-card.mode-101,body[data-game-quality="performance"] .salon-entry-card.mode-card52,body[data-game-quality="performance"] .salon-entry-card.mode-pisti,body[data-game-quality="performance"] .salon-entry-card.mode-batak,body[data-game-quality="performance"] .salon-entry-card.mode-dama,body[data-game-quality="performance"] .salon-entry-card.mode-chess,body[data-game-quality="performance"] .salon-entry-card.mode-tavla,body[data-game-quality="performance"] .salon-entry-card.mode-domino,body[data-game-quality="performance"] .salon-entry-card.mode-mangala,body[data-game-quality="performance"] .salon-entry-card.mode-kizbirader,body[data-game-quality="performance"] .salon-entry-card.mode-papaz{box-shadow:none!important}



@keyframes okey-lane-arrival{0%{filter:brightness(1)}38%{filter:brightness(1.16) saturate(1.08)}100%{filter:brightness(1)}}








/* Üst vitrin: eski kompakt yatay hissi korunur, kartlar daha az yer kaplar. */
.premium-home-showcase.premium-showcase-v3{gap:9px!important;margin-bottom:14px!important}.premium-showcase-v3 .premium-showcase-game{min-height:96px!important;padding:11px 78px 11px 12px!important;border-radius:16px!important}.premium-showcase-v3 .premium-showcase-art{width:62px!important;height:62px!important;left:auto!important;right:9px!important;bottom:8px!important}.premium-showcase-v3 .premium-showcase-copy small{font-size:8.5px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:15px!important;line-height:1.08!important}.premium-showcase-v3 .premium-showcase-live{font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-showcase-v3 .premium-showcase-game>i{font-size:8.5px!important}
/* Oyun bazlı ayrı masa içi renk/malzeme kimliği. */
body[data-active-game-mode="card52"]{--mode-accent:#c7a35d;--mode-glow:rgba(199,163,93,.14)}body[data-active-game-mode="pisti"]{--mode-accent:#d56878;--mode-glow:rgba(213,104,120,.15)}body[data-active-game-mode="batak"]{--mode-accent:#8378d9;--mode-glow:rgba(131,120,217,.15)}body[data-active-game-mode="dama"]{--mode-accent:#c5a46b;--mode-glow:rgba(197,164,107,.13)}body[data-active-game-mode="chess"]{--mode-accent:#94abc1;--mode-glow:rgba(148,171,193,.14)}body[data-active-game-mode="tavla"]{--mode-accent:#cb8d58;--mode-glow:rgba(203,141,88,.14)}body[data-active-game-mode="domino"]{--mode-accent:#8fb3a3;--mode-glow:rgba(143,179,163,.14)}body[data-active-game-mode="mangala"]{--mode-accent:#c19a56;--mode-glow:rgba(193,154,86,.14)}body[data-active-game-mode="kizbirader"]{--mode-accent:#61aaa9;--mode-glow:rgba(97,170,169,.14)}body[data-active-game-mode="papaz"]{--mode-accent:#c389b6;--mode-glow:rgba(195,137,182,.14)}
body[data-active-game-mode="card52"] .multi-card-table{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 33%),linear-gradient(180deg,#183b2f,#10271f)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="pisti"] .multi-card-table{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 33%),linear-gradient(180deg,#401b22,#241115)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="batak"] .multi-card-table{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 33%),linear-gradient(180deg,#1d2748,#11182e)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="papaz"] .papaz-table,body[data-active-game-mode="papaz"] .multi-card-table{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 33%),linear-gradient(180deg,#4a2642,#291625)!important;border-top-color:var(--mode-accent)!important}
body[data-active-game-mode="dama"] .board-game-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#3b3025,#211a14)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="chess"] .board-game-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#283846,#18232c)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="tavla"] .tavla-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#4a301f,#281a11)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="domino"] .domino-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#263a33,#15221d)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="mangala"] .mangala-shell,body[data-active-game-mode="mangala"] .board-game-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#4c3921,#2b2013)!important;border-top-color:var(--mode-accent)!important}body[data-active-game-mode="kizbirader"] .ludo-shell,body[data-active-game-mode="kizbirader"] .board-game-shell{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 32%),linear-gradient(180deg,#1e4040,#112828)!important;border-top-color:var(--mode-accent)!important}
body[data-active-game-mode="dama"] .strategy-board{box-shadow:0 18px 36px rgba(0,0,0,.22),inset 0 0 0 2px rgba(197,164,107,.10)!important}body[data-active-game-mode="chess"] .strategy-board{box-shadow:0 18px 36px rgba(0,0,0,.22),inset 0 0 0 2px rgba(148,171,193,.10)!important}body[data-active-game-mode="tavla"] .tavla-board{box-shadow:0 18px 36px rgba(0,0,0,.22),inset 0 0 0 2px rgba(203,141,88,.10)!important}body[data-active-game-mode="domino"] .domino-chain{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.18)!important}body[data-active-game-mode="mangala"] .mangala-board{box-shadow:0 18px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09)!important}body[data-active-game-mode="kizbirader"] .ludo-board{box-shadow:0 18px 36px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.07)!important}
/* Salon kimlikleri ana vitrinle aynı renk dilini taşır. */
.salon-entry-card .salon-showcase-art{filter:drop-shadow(0 8px 14px rgba(0,0,0,.10)) saturate(1.04)!important}.salon-entry-card .lobby-room-copy b{letter-spacing:-.02em}.salon-entry-card .entity-activity em{border:1px solid #e2eae6;background:#f8fbf9;border-radius:999px;padding:3px 7px}
@media(max-width:760px){.premium-home-showcase.premium-showcase-v3{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;padding:2px 2px 6px!important;margin-inline:-2px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex:0 0 min(72vw,246px)!important;min-height:98px!important;scroll-snap-align:start!important;padding:10px 68px 10px 11px!important}.premium-showcase-v3 .premium-showcase-art{width:56px!important;height:56px!important;right:8px!important;bottom:8px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:14px!important}.premium-showcase-v3 .premium-showcase-live{font-size:8px!important}}
@media(max-width:430px){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(76vw,238px)!important;min-height:94px!important}.premium-showcase-v3 .premium-showcase-art{width:52px!important;height:52px!important}.premium-showcase-v3 .premium-showcase-copy small{font-size:8px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:13.5px!important}}





:root{--surface-shadow-b103:0 10px 24px rgba(15,23,42,.052);--surface-shadow-b103-strong:0 18px 38px rgba(15,23,42,.092);--surface-border-b103:#e3ebe7;--surface-soft-b103:#566572}
.lobby-room-grid,.game-entry-grid,.table-grid{content-visibility:auto;contain-intrinsic-size:680px}.home-overview,.salon-entry-card,.lobby-entity-card,.commercial-table-card,.table-card,.seat-card,.game-entry-card,.lobby-room-card,.widget-card,.side-card{border-color:var(--surface-border-b103)!important;box-shadow:var(--surface-shadow-b103)!important}.game-entry-card:hover,.lobby-room-card:hover,.table-card:hover,.salon-entry-card:hover,.commercial-table-card:hover,.seat-card.can-sit:hover{box-shadow:var(--surface-shadow-b103-strong)!important}.game-entry-copy small,.lobby-room-copy small,.table-card-main p,.entity-activity{color:var(--surface-soft-b103)!important}
.premium-showcase-v3 .premium-showcase-game{box-shadow:0 10px 24px rgba(15,23,42,.055)!important;border-color:#dde6e1!important}.premium-showcase-v3 .premium-showcase-game.showcase-featured{box-shadow:0 14px 30px rgba(15,23,42,.095)!important}.premium-showcase-v3 .premium-showcase-live{font-weight:800}.premium-showcase-v3 .premium-showcase-copy{max-width:calc(100% - 74px)}.premium-showcase-v3 .premium-showcase-game>i{opacity:.92}.premium-showcase-v3 .premium-showcase-art{filter:drop-shadow(0 12px 18px rgba(0,0,0,.13))}
.salon-entry-card .room-enter,.lobby-room-card .room-enter,.table-card .btn{min-height:38px}.salon-entry-card .entity-title-row b,.lobby-room-card .entity-title-row b{letter-spacing:-.02em}.entity-live-dot.busy{background:rgba(201,111,83,.12)!important;color:#b75436!important}
.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{box-shadow:0 16px 34px rgba(0,0,0,.15)!important}.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece,.mangala-stones i{filter:saturate(1.05) contrast(1.03)}


@media (max-width:760px){.premium-home-showcase.premium-showcase-v3{gap:8px!important;padding:2px 1px 6px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex:0 0 min(72vw,242px)!important;min-height:96px!important;padding:10px 66px 10px 11px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:14px!important}.premium-showcase-v3 .premium-showcase-live,.premium-showcase-v3 .premium-showcase-game>i{font-size:8px!important}.premium-showcase-v3 .premium-showcase-art{width:54px!important;height:54px!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}.salon-entry-card .room-enter,.lobby-room-card .room-enter,.table-card .btn{min-height:40px}}
@media (max-width:430px){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(76vw,232px)!important;min-height:92px!important}.premium-showcase-v3 .premium-showcase-art{width:50px!important;height:50px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:13px!important}}

body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-game{box-shadow:none!important}



:root{--mode-accent:#4d8f70;--mode-deep:#10261e;--mode-panel:#18352a;--mode-glow:rgba(77,143,112,.18)}
body[data-active-game-mode="normal"]{--mode-accent:#d2aa5e;--mode-deep:#0d3a2d;--mode-panel:#145540;--mode-glow:rgba(210,170,94,.18)}body[data-active-game-mode="101"]{--mode-accent:#5bc0cf;--mode-deep:#0d3940;--mode-panel:#145761;--mode-glow:rgba(91,192,207,.18)}body[data-active-game-mode="card52"]{--mode-accent:#d790b6;--mode-deep:#173429;--mode-panel:#20503e;--mode-glow:rgba(215,144,182,.17)}body[data-active-game-mode="pisti"]{--mode-accent:#e27d90;--mode-deep:#35141a;--mode-panel:#5b202c;--mode-glow:rgba(226,125,144,.18)}body[data-active-game-mode="batak"]{--mode-accent:#9a87ec;--mode-deep:#171d3c;--mode-panel:#29335f;--mode-glow:rgba(154,135,236,.19)}body[data-active-game-mode="papaz"]{--mode-accent:#cf8abf;--mode-deep:#35192f;--mode-panel:#562747;--mode-glow:rgba(207,138,191,.18)}body[data-active-game-mode="dama"]{--mode-accent:#d1aa65;--mode-deep:#2b2117;--mode-panel:#473724;--mode-glow:rgba(209,170,101,.17)}body[data-active-game-mode="chess"]{--mode-accent:#9fb7ce;--mode-deep:#17232d;--mode-panel:#2b3d4c;--mode-glow:rgba(159,183,206,.18)}body[data-active-game-mode="tavla"]{--mode-accent:#d79a67;--mode-deep:#2d1c12;--mode-panel:#4b301d;--mode-glow:rgba(215,154,103,.18)}body[data-active-game-mode="domino"]{--mode-accent:#9bb9ac;--mode-deep:#14251f;--mode-panel:#284339;--mode-glow:rgba(155,185,172,.16)}body[data-active-game-mode="mangala"]{--mode-accent:#d1b65b;--mode-deep:#302411;--mode-panel:#4b391b;--mode-glow:rgba(209,182,91,.18)}body[data-active-game-mode="kizbirader"]{--mode-accent:#66c9c3;--mode-deep:#102b2c;--mode-panel:#1d4847;--mode-glow:rgba(102,201,195,.18)}
.multi-game-head{border-bottom:1px solid color-mix(in srgb,var(--mode-accent) 24%,transparent)!important}.multi-game-head .eyebrow{color:var(--mode-accent)!important}.multi-scoreboard>span{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(5,15,11,.44)}.multi-scoreboard>span.active{border-color:color-mix(in srgb,var(--mode-accent) 72%,#fff 10%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--mode-accent) 18%,transparent),0 8px 18px rgba(0,0,0,.12)!important;background:color-mix(in srgb,var(--mode-accent) 12%,rgba(5,15,11,.72))}.card-controls .btn.primary,.domino-controls .btn.primary,.tavla-controls .btn.primary,.ludo-controls .btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--mode-accent) 80%,#fff 4%),color-mix(in srgb,var(--mode-accent) 74%,#000 15%))!important;border-color:color-mix(in srgb,var(--mode-accent) 76%,#000 12%)!important;color:#fff!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{border-top-color:var(--mode-accent)!important;box-shadow:0 16px 34px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.035)!important}.multi-game-area{background:radial-gradient(circle at 50% 8%,var(--mode-glow),transparent 30%),#0c1511!important}.multi-game-area .board-state{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--mode-accent) 30%,rgba(255,255,255,.08));border-radius:999px;background:color-mix(in srgb,var(--mode-accent) 8%,rgba(7,17,13,.72));color:#eaf4ef;font-size:9px;font-weight:850;line-height:1.15}.multi-game-area .board-state.finished{border-color:rgba(232,190,99,.38);color:#f4d898}.multi-game-area .card-hand-row,.multi-game-area .domino-hand-row{scroll-snap-type:x proximity}.multi-game-area .playing-card,.multi-game-area .domino-hand-item{scroll-snap-align:center}.multi-game-area .playing-card.playable{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mode-accent) 54%,#fff 18%);box-shadow:0 10px 18px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--mode-accent) 18%,transparent)}.multi-game-area .playing-card.rule-locked{opacity:.58;filter:saturate(.72)}


.premium-home-showcase.premium-showcase-v3{gap:8px!important;margin-bottom:12px!important}.premium-showcase-v3 .premium-showcase-game{min-height:90px!important;padding:10px 70px 10px 11px!important;border-radius:15px!important;border-color:#dfe7e3!important;box-shadow:0 9px 21px rgba(15,23,42,.05)!important}.premium-showcase-v3 .premium-showcase-art{width:56px!important;height:56px!important;left:auto!important;right:8px!important;bottom:7px!important;filter:drop-shadow(0 9px 14px rgba(0,0,0,.12)) saturate(1.04)!important}.premium-showcase-v3 .premium-showcase-copy{max-width:calc(100% - 64px)!important}.premium-showcase-v3 .premium-showcase-copy small{font-size:8px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:14px!important;line-height:1.06!important}.premium-showcase-v3 .premium-showcase-live,.premium-showcase-v3 .premium-showcase-game>i{font-size:8px!important}.premium-showcase-v3 .premium-showcase-game::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--card-accent,#4d8f70)}.premium-showcase-v3 .mode-normal{--card-accent:#d0a954}.premium-showcase-v3 .mode-101{--card-accent:#49b6c9}.premium-showcase-v3 .mode-card52{--card-accent:#c879a6}.premium-showcase-v3 .mode-pisti{--card-accent:#d56c80}.premium-showcase-v3 .mode-batak{--card-accent:#876fd5}.premium-showcase-v3 .mode-dama{--card-accent:#b99c68}.premium-showcase-v3 .mode-chess{--card-accent:#879fb5}.premium-showcase-v3 .mode-tavla{--card-accent:#c88d5c}.premium-showcase-v3 .mode-domino{--card-accent:#8baaa0}.premium-showcase-v3 .mode-mangala{--card-accent:#b49b45}.premium-showcase-v3 .mode-kizbirader{--card-accent:#58b9b3}.premium-showcase-v3 .mode-papaz{--card-accent:#b47aa8}
.salon-entry-card{min-height:106px!important;padding-top:10px!important;padding-bottom:10px!important;grid-template-columns:66px 42px minmax(0,1fr) auto!important;grid-template-areas:"art number copy stats" "art number enter enter"!important}.salon-entry-card .salon-showcase-art{width:60px!important;height:70px!important}.salon-entry-card .lobby-room-copy{gap:4px!important}.salon-entry-card .entity-activity{gap:5px!important}.salon-entry-card .entity-activity em{padding:2px 6px!important;font-size:9px!important}.salon-entry-card .lobby-room-stats span{min-height:42px!important;padding:6px 8px!important}.salon-entry-card .room-enter{min-height:36px!important}
@media(max-width:760px){.premium-home-showcase.premium-showcase-v3{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;padding:2px 1px 5px!important;margin-inline:-1px!important}.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex:0 0 min(70vw,232px)!important;min-height:90px!important;scroll-snap-align:start!important;padding:9px 60px 9px 10px!important}.premium-showcase-v3 .premium-showcase-art{width:50px!important;height:50px!important;right:7px!important;bottom:7px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:13px!important}.premium-showcase-v3 .premium-showcase-live,.premium-showcase-v3 .premium-showcase-game>i{font-size:7.7px!important}.salon-entry-card{grid-template-columns:54px 38px minmax(0,1fr)!important;grid-template-areas:"art number copy" "stats stats stats" "enter enter enter"!important;min-height:0!important;padding:10px!important}.salon-entry-card .salon-showcase-art{width:50px!important;height:58px!important}.salon-entry-card .lobby-room-stats{gap:5px!important}.salon-entry-card .room-enter{min-height:40px!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:44px!important}}
@media(max-width:430px){.premium-showcase-v3 .premium-showcase-game,.premium-showcase-v3 .premium-showcase-game.showcase-featured{flex-basis:min(73vw,220px)!important;min-height:86px!important}.premium-showcase-v3 .premium-showcase-art{width:46px!important;height:46px!important}.premium-showcase-v3 .premium-showcase-copy small{font-size:7.5px!important}.premium-showcase-v3 .premium-showcase-copy b{font-size:12.5px!important}}
@media(prefers-reduced-motion:reduce){.premium-showcase-v3 .premium-showcase-game{animation:none!important;transition:none!important}}
body[data-game-quality="performance"] .premium-showcase-v3 .premium-showcase-game{box-shadow:none!important}



.game-mobile-menu-btn,.game-mobile-menu{display:none}.game-mobile-menu-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.game-mobile-menu-btn .game-tool-label{display:none}.game-mobile-menu-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.045);color:#f8fbf9;font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer}
.game-share-btn svg,.room-share-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.game-share-btn svg{width:20px;height:20px}.room-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.room-share-btn svg{width:16px;height:16px}.game-share-btn{border-color:rgba(218,236,227,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.032))!important;color:#dff7eb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 10px rgba(0,0,0,.10)!important}.game-share-btn:hover{border-color:rgba(111,209,163,.38)!important;background:linear-gradient(180deg,rgba(65,151,110,.15),rgba(32,86,63,.10))!important}
@media(max-width:760px){
  .game-panel.real-game:not(.hidden){grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important}
  .game-hud{position:relative!important;z-index:85!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;min-height:46px!important;padding:5px 7px!important;overflow:visible!important;background:linear-gradient(180deg,rgba(9,22,17,.99),rgba(7,17,14,.99))!important;border-bottom:1px solid rgba(222,240,231,.10)!important;box-shadow:0 6px 16px rgba(0,0,0,.11)!important}
  .game-hud-main{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;width:100%!important;overflow:visible!important;flex-wrap:nowrap!important}.game-panel.game-mode-word .game-hud-main{padding-right:1px!important}.game-panel.game-mode-word .game-share-btn{margin-left:0!important}.game-panel.game-mode-word .word-info-btn{margin-left:auto!important}
  .game-hud-main .turn-pill,.game-hud-main #chatBtn,.game-hud-main #gamePrivateInboxBtn,.game-hud-main #voiceBtn,.game-hud-main #gameRulesBtn,.game-hud-main #soundBtn,.game-hud-main #fullscreenBtn,.game-hud-main #gameExperienceBtn,.game-hud-main .voice-status{display:none!important}
  .game-hud-main #modeBadge{max-width:112px!important;min-width:0!important;min-height:34px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:6px 8px!important;font-size:8.5px!important;border-radius:10px!important}
  .game-hud-main #turnTimer{min-width:46px!important;min-height:34px!important;padding:6px 5px!important;font-size:8.5px!important;border-radius:10px!important}
  .game-hud-main #networkBadge{min-width:56px!important;min-height:34px!important;padding:6px 5px!important;font-size:8px!important;border-radius:10px!important}.game-hud-main #networkBadge b{font-size:8px!important}
  .game-mobile-menu-btn{display:grid!important;width:42px!important;height:38px!important;min-width:42px!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border-color:rgba(230,244,237,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 12px rgba(0,0,0,.12)!important}
  .game-share-btn{display:grid!important;width:42px!important;height:38px!important;min-width:42px!important;border-radius:11px!important}.game-share-btn svg{width:22px!important;height:22px!important;stroke-width:2!important}
  .presence-bar{display:none!important}
  .indicator-box{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important;max-width:76px!important}.indicator-box.hidden{display:none!important}.indicator-box .hud-label{display:none!important}.indicator-box .indicator-tile .tile{width:25px!important;min-width:25px!important;max-width:25px!important;height:36px!important;min-height:36px!important;max-height:36px!important;border-radius:5px!important}.indicator-box .indicator-tile .tile span{font-size:11px!important}.indicator-box .indicator-tile .tile>i{font-size:3.5px!important;margin-top:0!important}.indicator-box .okey-info{max-width:45px!important;font-size:7.2px!important}
  .game-mobile-menu{display:none;position:fixed;z-index:140;top:52px;left:7px;right:7px;max-height:calc(100dvh - 60px);overflow:auto;overscroll-behavior:contain;padding:10px;border:1px solid rgba(222,240,231,.15);border-radius:16px;background:linear-gradient(180deg,rgba(9,22,17,.998),rgba(5,14,11,.998));box-shadow:0 22px 46px rgba(0,0,0,.36);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);scrollbar-width:thin}
  .game-mobile-menu.open{display:block;animation:game-mobile-menu-in .15s ease-out}@keyframes game-mobile-menu-in{from{opacity:0;transform:translateY(-4px) scale(.988)}to{opacity:1;transform:none}}
  .game-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:2px 2px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.game-mobile-menu-head>div{display:grid;gap:2px}.game-mobile-menu-head small{font-size:7.8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#8fa59b}.game-mobile-menu-head b{font-size:14px;color:#f7fbf9;letter-spacing:-.02em}
  .game-mobile-menu-status{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0}.game-mobile-menu-status span{min-width:0;max-width:100%;padding:5px 7px;border:1px solid rgba(224,240,232,.12);border-radius:8px;background:rgba(255,255,255,.04);font-size:8px;font-weight:800;color:#d9e8e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mobile-menu-status span:first-child{flex:1 1 150px}.game-mobile-menu-status span:last-child{flex:0 1 auto;color:#f3d988;border-color:rgba(226,188,83,.25);background:rgba(226,188,83,.07)}
  .game-mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-mobile-menu-grid>button,.game-mobile-menu-leave{min-width:0;text-align:left;border:1px solid rgba(224,240,232,.11);border-radius:11px;background:rgba(255,255,255,.035);color:#f3f8f5;padding:8px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon title" "icon desc";column-gap:8px;row-gap:2px;align-items:center;cursor:pointer;transition:background .14s,border-color .14s,transform .12s}.game-mobile-menu-grid>button:hover{background:rgba(255,255,255,.06);border-color:rgba(224,240,232,.18)}.game-mobile-menu-grid>button:active,.game-mobile-menu-leave:active{transform:scale(.985)}.game-mobile-menu-item-icon{grid-area:icon;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);color:#cbe8d8}.game-mobile-menu-item-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.game-mobile-menu-grid>button.hidden,.game-mobile-menu-leave.hidden{display:none!important}.game-mobile-menu-grid>button:disabled{opacity:.45;cursor:not-allowed}.game-mobile-menu-leave{width:100%;margin-top:7px;border-color:rgba(223,104,88,.25);background:rgba(169,55,43,.09);color:#ffd5cf}.game-mobile-menu-leave .game-mobile-menu-item-icon{color:#f0aaa0;background:rgba(169,55,43,.12);border-color:rgba(223,104,88,.16)}.game-mobile-menu-leave small{color:#d9a59d}
  .game-mobile-menu-item-title{grid-area:title;display:block;min-width:0;font-size:9.7px;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mobile-menu-item-desc{grid-area:desc;display:block;min-width:0;font-size:7.3px;color:#91a69c;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-hud-main .game-share-btn{order:97;margin-left:0!important}.game-hud-main .game-mobile-menu-btn{order:98;margin-left:0!important}.game-hud-main .word-info-btn{order:99;margin-left:auto!important}.game-hud-main .word-info-btn .word-info-mark{margin:0 auto}
  
  
  
  
  
  
  
  
  
  
  
  
}
@media(max-width:430px){
  .game-hud{padding-inline:5px!important;gap:3px!important}.game-hud-main{gap:3px!important}.game-hud-main #modeBadge{max-width:100px!important;padding-inline:6px!important;font-size:7.8px!important}.game-hud-main #turnTimer{min-width:43px!important;padding-inline:4px!important}.game-hud-main #networkBadge{min-width:51px!important;padding-inline:4px!important}.game-share-btn{width:39px!important;height:36px!important;min-width:39px!important}.game-share-btn svg{width:21px!important;height:21px!important}.game-mobile-menu-btn{width:39px!important;height:36px!important;min-width:39px!important}.game-mobile-menu-btn svg{width:21px!important;height:21px!important}.indicator-box{max-width:72px!important}
  .game-mobile-menu{left:5px;right:5px;top:50px;padding:8px}.game-mobile-menu-grid{gap:4px}.game-mobile-menu-grid>button,.game-mobile-menu-leave{padding:7px 8px}
  #gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-controls,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-controls,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .ludo-controls,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-actions,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .naval-setup-actions{gap:5px}#gamePanel:not(.game-mode-normal):not(.game-mode-101) .domino-controls>.btn,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .tavla-controls>.btn,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .ludo-controls>.btn,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .board-actions>.btn,#gamePanel:not(.game-mode-normal):not(.game-mode-101) .naval-setup-actions>.btn{flex:1 1 110px;min-width:0;min-height:38px;padding:6px 9px}
  
}
@media(max-width:760px) and (max-height:700px){
  .game-hud{min-height:43px!important;padding-block:4px!important}.game-mobile-menu{top:47px;max-height:calc(100dvh - 54px)}
}
@media(prefers-reduced-motion:reduce){.game-mobile-menu.open{animation:none!important}}



@media(max-width:760px) and (orientation:portrait){
  .game-panel.real-game:not(.hidden){display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important;background:#080706!important}
  
  
  
  
  
  
  
  
  
  
  
  .game-hud{min-height:44px!important;padding:4px 6px!important;gap:4px!important}.game-hud-main #modeBadge{max-width:118px!important;min-height:34px!important}.game-hud-main #turnTimer{min-width:47px!important;min-height:34px!important}.game-hud-main #networkBadge{min-width:57px!important;min-height:34px!important}.game-mobile-menu-btn{width:34px!important;height:34px!important;min-width:34px!important}.indicator-box{max-width:74px!important}
}

















/* 1.2.42 build 111 — gerçek boş-slot drag/drop düzeltmesi */





.page-heading,.home-overview,.flow-toolbar,.section-head,.widget-card,.side-card,.stats-card,.commercial-table-card,.salon-entry-card,.lobby-room-card,.table-card,.seat-card,.game-entry-card{backdrop-filter:saturate(1.03)!important;-webkit-backdrop-filter:saturate(1.03)!important}.page-heading{border-radius:18px!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important}.page-heading h1{letter-spacing:-.04em!important}.home-overview{border-radius:20px!important;box-shadow:0 16px 32px rgba(15,23,42,.05)!important;background:linear-gradient(180deg,#ffffff,#f9fcfb)!important}.home-overview-stats article,.stats-card,.widget-card,.side-card{border-radius:16px!important}.game-category-bar{padding:5px!important;border-radius:14px!important;gap:4px!important;background:linear-gradient(180deg,#fbfcfc,#f4f7f5)!important}.game-category-chip{min-height:34px!important;border-radius:10px!important}.game-entry-card{grid-template-rows:auto auto auto auto!important;border-radius:24px!important}.game-entry-cover{min-height:138px!important}.game-entry-cover-head small{font-size:9px!important;opacity:.92!important}.game-entry-stats>span{min-height:56px!important}.premium-showcase-v3 .premium-showcase-game,.salon-entry-card,.lobby-room-card,.table-card,.seat-card,.commercial-table-card{border-radius:20px!important}.premium-showcase-v3 .premium-showcase-game{box-shadow:0 14px 30px rgba(15,23,42,.06)!important}.premium-showcase-v3 .premium-showcase-art,.salon-showcase-art{filter:drop-shadow(0 12px 18px rgba(5,18,14,.16)) saturate(1.06)!important}.card-controls .btn,.domino-controls .btn,.tavla-controls .btn,.ludo-controls .btn{min-height:42px!important;border-radius:12px!important}.game-panel.game-mode-card52 .multi-card-table,.game-panel.game-mode-pisti .multi-card-table,.game-panel.game-mode-batak .multi-card-table,.game-panel.game-mode-papaz .multi-card-table,.game-panel.game-mode-papaz .papaz-table{background:radial-gradient(circle at 50% 9%,rgba(255,255,255,.06),transparent 32%),linear-gradient(180deg,#231916,#151110)!important;border-color:rgba(255,255,255,.08)!important}.game-panel.game-mode-dama .board-game-shell,.game-panel.game-mode-chess .board-game-shell,.game-panel.game-mode-kizbirader .board-game-shell,.game-panel.game-mode-kizbirader .ludo-shell,.game-panel.game-mode-mangala .mangala-shell,.game-panel.game-mode-domino .domino-shell,.game-panel.game-mode-tavla .tavla-shell{background:linear-gradient(180deg,#181f1b,#0d1210)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 18px 38px rgba(0,0,0,.22)!important}.premium-four-seat-table .playing-card,.domino-tile,.tavla-checker,.ludo-token,.strategy-board .piece,.mangala-stones i{filter:drop-shadow(0 5px 8px rgba(0,0,0,.16)) saturate(1.055) contrast(1.025)!important}.premium-four-seat-table .playing-card,.domino-tile{background:linear-gradient(180deg,#fffefb,#f8f1e6 72%,#eadcc7)!important}.card-hand-row,.domino-hand-row,.ludo-player-grid,.mangala-status,.tavla-score{border-radius:14px!important}.strategy-board,.mangala-board,.ludo-board,.tavla-board,.domino-chain,.card-table-pile,.card-trick{box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}.domino-tile{border-radius:10px!important}.tavla-board{border-radius:18px!important}.mangala-board{border-radius:22px!important}.ludo-board{border-radius:18px!important}.papaz-seat,.board-state,.board-turn,.multi-scoreboard>span,.domino-status>span,.tavla-score>span{border-radius:12px!important}@media(max-width:980px){.page-heading{padding:16px 18px!important}.home-overview{grid-template-columns:1fr!important;gap:14px!important}.home-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-entry-cover{min-height:126px!important}.premium-showcase-v3 .premium-showcase-game{border-radius:18px!important}}@media(max-width:760px){.app-grid{gap:12px!important;padding-top:12px!important;padding-bottom:20px!important}.page-heading{padding:14px 15px!important;margin-bottom:10px!important}.page-heading h1{font-size:24px!important}.page-heading p{font-size:12px!important}.home-overview{padding:14px!important;border-radius:18px!important}.home-overview-stats{gap:7px!important}.home-overview-stats article{padding:8px 6px!important}.flow-toolbar{gap:8px!important;flex-wrap:wrap!important}.game-entry-grid,.multi-game-grid,.table-grid,.lobby-room-grid{gap:10px!important}.game-entry-card{border-radius:19px!important;padding:12px!important}.game-entry-cover{min-height:116px!important;padding:13px!important}.game-entry-cover::after{background-size:min(84px,28%)!important;background-position:right 11px bottom 10px!important}.game-entry-copy b{font-size:18px!important}.game-entry-copy small{font-size:11px!important;min-height:30px!important}.game-entry-stats{gap:7px!important}.game-entry-stats>span{min-height:48px!important;padding:8px 6px!important}.premium-showcase-v3 .premium-showcase-game,.salon-entry-card,.lobby-room-card,.table-card,.seat-card,.commercial-table-card{border-radius:16px!important}.multi-card-table,.board-game-shell,.domino-shell,.tavla-shell,.ludo-shell,.mangala-shell{min-height:unset!important;padding:10px!important;border-radius:14px!important}}@media(max-width:430px){.page-heading{padding:12px 13px!important}.home-overview{padding:12px!important}.home-overview-stats b{font-size:18px!important}.game-entry-copy b{font-size:17px!important}}@media(prefers-reduced-motion:reduce){.page-heading,.home-overview,.game-entry-card,.premium-showcase-v3 .premium-showcase-game{transition:none!important;animation:none!important}}body[data-game-quality="performance"] .home-overview,body[data-game-quality="performance"] .salon-entry-card,body[data-game-quality="performance"] .lobby-room-card,body[data-game-quality="performance"] .table-card,body[data-game-quality="performance"] .game-entry-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-game-quality="performance"] .multi-game-area *,body[data-game-quality="performance"] .game-mobile-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}body[data-game-quality="performance"] .multi-game-area .playing-card,body[data-game-quality="performance"] .multi-game-area .domino-tile,body[data-game-quality="performance"] .multi-game-area .strategy-board,body[data-game-quality="performance"] .multi-game-area .tavla-board,body[data-game-quality="performance"] .multi-game-area .mangala-board,body[data-game-quality="performance"] .multi-game-area .ludo-board{filter:none!important;box-shadow:none!important}body[data-game-quality="performance"] .multi-game-area,body[data-game-quality="performance"] .multi-game-area>*,body[data-game-quality="performance"] .game-mobile-menu{animation:none!important} .game-entry-card,.salon-entry-card,.lobby-room-card,.table-card{contain:layout paint style}














/* 1.2.73 build 142 — Kelime Oyunu çoklu-harf taslak, sözlük doğrulama ve tamamla akışı. */
.game-entry-cover.mode-mines{--cover-art:url("../img/game-covers/mines.svg");background:linear-gradient(135deg,#153d34,#246d58 56%,#78bda2)!important}
.game-entry-cover.mode-word{--cover-art:url("../img/game-covers/word.svg");background:linear-gradient(135deg,#4b4936,#6d6848 56%,#b6ab76)!important}
.game-entry-cover.mode-battleship{--cover-art:url("../img/game-covers/battleship.svg");background:linear-gradient(135deg,#143e56,#236886 56%,#75aec5)!important}
.game-entry-cover.mode-mines::before{background:radial-gradient(circle at 18% 20%,rgba(168,238,205,.16),transparent 26%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 12px)}
.game-entry-cover.mode-word::before{background:radial-gradient(circle at 18% 20%,rgba(255,237,183,.15),transparent 26%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 10px)}
.game-entry-cover.mode-battleship::before{background:radial-gradient(circle at 18% 20%,rgba(157,222,248,.16),transparent 26%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 10px)}
.premium-showcase-game.mode-mines .premium-showcase-art,.salon-showcase-art.mode-mines{background-image:url("../img/game-covers/mines.svg")}
.premium-showcase-game.mode-word .premium-showcase-art,.salon-showcase-art.mode-word{background-image:url("../img/game-covers/word.svg")}
.premium-showcase-game.mode-battleship .premium-showcase-art,.salon-showcase-art.mode-battleship{background-image:url("../img/game-covers/battleship.svg")}
.premium-showcase-v3 .mode-mines{--card-accent:#4cad82}.premium-showcase-v3 .mode-word{--card-accent:#ad9859}.premium-showcase-v3 .mode-battleship{--card-accent:#4c9fc2}
.salon-entry-card.mode-mines,.salon-entry-card.mode-word,.salon-entry-card.mode-battleship{position:relative;overflow:hidden}.salon-entry-card.mode-mines::before,.salon-entry-card.mode-word::before,.salon-entry-card.mode-battleship::before{content:"";position:absolute;inset:0 auto 0 0;inline-size:4px;border-radius:999px}.salon-entry-card.mode-mines::before{background:#4cad82}.salon-entry-card.mode-word::before{background:#ad9859}.salon-entry-card.mode-battleship::before{background:#4c9fc2}
body[data-active-game-mode="mines"]{--mode-accent:#59c794;--mode-deep:#0d2c24;--mode-panel:#174b3a;--mode-glow:rgba(89,199,148,.18)}body[data-active-game-mode="word"]{--mode-accent:#d1b765;--mode-deep:#2d291b;--mode-panel:#51472b;--mode-glow:rgba(209,183,101,.18)}body[data-active-game-mode="battleship"]{--mode-accent:#65b9da;--mode-deep:#102a39;--mode-panel:#1a4e67;--mode-glow:rgba(101,185,218,.18)}
body[data-game-quality="performance"] .salon-entry-card.mode-mines,body[data-game-quality="performance"] .salon-entry-card.mode-word,body[data-game-quality="performance"] .salon-entry-card.mode-battleship{box-shadow:none!important}
.duel-game-shell{min-height:calc(100dvh - 112px);padding:14px;border:1px solid rgba(255,255,255,.08);border-top-color:var(--mode-accent);border-radius:18px;background:radial-gradient(circle at 50% 0,var(--mode-glow),transparent 31%),linear-gradient(180deg,#17201c,#0d1310);box-shadow:0 18px 38px rgba(0,0,0,.22);color:#edf5f1;overflow:hidden}
.duel-game-shell .multi-game-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.duel-game-shell .multi-game-head h2{color:#f4f8f6}.duel-scoreboard{display:flex;gap:7px;justify-content:flex-end}.duel-scoreboard>span{min-width:112px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(6,17,13,.48);display:grid;gap:2px}.duel-scoreboard b{color:#f4f8f6;font-size:12px}.duel-scoreboard small{color:#9db0a7;font-size:10px}.duel-info-strip{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.duel-info-strip>span{min-height:34px;padding:7px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(5,14,11,.42);display:flex;align-items:center;gap:4px;color:#aabbb3;font-size:11px}.duel-info-strip b{color:#fff}.duel-info-strip .board-state{margin-left:auto;color:#eef6f2}.duel-game-shell .board-help{margin-top:10px;border-color:rgba(255,255,255,.07);background:rgba(6,15,12,.46);color:#a8b9b1}
.mine-progress{display:grid;grid-template-columns:minmax(80px,1fr) auto auto;align-items:center;gap:8px;margin:2px 0 4px;padding:7px 9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(5,15,11,.35);color:#aabbb3;font-size:9px}.mine-progress>span{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.mine-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f9f78,#75d5ac)}.mine-progress>b{color:#dff5ea;font-size:9px}.mine-progress>small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb3aa}.mine-board-wrap{display:flex;justify-content:center;padding:8px 0 4px}.mine-grid{width:min(88vw,620px);aspect-ratio:1;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding:7px;border:1px solid rgba(114,205,166,.25);border-radius:16px;background:#0d2d25;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 28px rgba(0,0,0,.2)}.mine-cell{appearance:none;min-width:0;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:linear-gradient(180deg,#295846,#1a4234);color:#eef7f2;font:inherit;font-weight:900;display:grid;place-items:center;cursor:pointer;transition:transform .12s,background .12s,border-color .12s}.mine-cell:not(:disabled):hover{transform:translateY(-1px);border-color:#7ad0ab;background:#326650}.mine-cell.open{background:#12271f;border-color:rgba(255,255,255,.055);cursor:default}.mine-cell.open i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.12)}.mine-cell.mine-hit{background:#522624;border-color:#b9605c;color:#ffb1a9}.mine-cell.last-action{box-shadow:0 0 0 2px color-mix(in srgb,var(--mode-accent) 75%,#fff 8%)}.mine-cell.n1{color:#74c4ff}.mine-cell.n2{color:#79d89c}.mine-cell.n3{color:#ff8d87}.mine-cell.n4{color:#bd99ff}.mine-cell.n5,.mine-cell.n6,.mine-cell.n7,.mine-cell.n8{color:#f2c86e}.mine-symbol{font-size:clamp(12px,2vw,22px)}
.word-layout{display:block}.word-board-scroll{overflow:auto;overscroll-behavior:contain;padding-bottom:2px}.word-board{width:min(100%,760px);min-width:0;aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);gap:2px;padding:5px;margin:auto;border-radius:14px;background:#24352e;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px rgba(0,0,0,.2)}.word-cell{appearance:none;position:relative;min-width:0;aspect-ratio:1;border:1px solid rgba(255,255,255,.045);border-radius:4px;background:#31483d;color:#f6f1e7;display:grid;place-items:center;padding:0;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.word-cell:disabled{cursor:default}.word-cell.tw{background:#7a3935}.word-cell.dw{background:#725447}.word-cell.tl{background:#285e6f}.word-cell.dl{background:#3c6170}.word-cell.center{box-shadow:inset 0 0 0 1px rgba(255,223,132,.34)}.word-cell.drop-ready{border-color:rgba(110,209,165,.72);box-shadow:inset 0 0 0 1px rgba(110,209,165,.28)}.word-cell.drop-ready:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #6ed1a5,0 5px 12px rgba(0,0,0,.16)}.word-cell.last-action{box-shadow:inset 0 0 0 2px rgba(242,214,125,.82)}.word-cell.draft-placement{border-color:rgba(110,209,165,.78);box-shadow:inset 0 0 0 2px rgba(110,209,165,.24)}.word-cell.valid-word-cell{border-color:rgba(88,211,146,.86);box-shadow:inset 0 0 0 2px rgba(88,211,146,.38),0 0 0 1px rgba(88,211,146,.10)}.word-cell.valid-word-cell .word-tile,.word-tile.valid-word-tile{background:linear-gradient(180deg,#eafff1,#bdebcf)!important;border-color:#55ba83!important;color:#173c2a!important;box-shadow:0 4px 8px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.72),0 0 0 2px rgba(74,187,126,.14)!important}.word-cell.valid-word-cell .word-tile b{color:#14623d}.word-cell.valid-word-cell .word-tile small{color:#35664e}.word-cell.live-valid-word-cell{border-color:#63e6a3!important;box-shadow:inset 0 0 0 2px rgba(76,222,150,.64),0 0 0 1px rgba(76,222,150,.18),0 0 10px rgba(45,207,132,.16)!important}.word-cell.live-valid-word-cell .word-tile,.word-tile.live-valid-word-tile{background:linear-gradient(180deg,#e9fff2,#aee8c5)!important;border-color:#47c982!important;color:#103a27!important;box-shadow:0 4px 8px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.84),0 0 0 2px rgba(48,203,126,.20),0 0 12px rgba(48,203,126,.16)!important}.word-cell.live-valid-word-cell .word-tile b{color:#0f6a3d!important}.word-cell.live-valid-word-cell .word-tile small{color:#315d48!important}.word-cell.live-valid-word-cell .word-tile.draft i{background:#176b45;color:#f3fff8;border-color:rgba(228,255,240,.82)}.word-cell.live-partial-word-cell{border-color:#e0b957!important;box-shadow:inset 0 0 0 2px rgba(224,185,87,.42),0 0 0 1px rgba(224,185,87,.10)!important}.word-cell.live-partial-word-cell .word-tile,.word-tile.live-partial-word-tile{background:linear-gradient(180deg,#fff8dc,#ead79b)!important;border-color:#cda948!important;color:#4f421c!important;box-shadow:0 4px 8px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.78)!important}.word-cell.live-invalid-word-cell{border-color:#e16d62!important;box-shadow:inset 0 0 0 2px rgba(225,109,98,.50),0 0 0 1px rgba(225,109,98,.12)!important}.word-cell.live-invalid-word-cell .word-tile,.word-tile.live-invalid-word-tile{background:linear-gradient(180deg,#fff0ed,#e9b9b2)!important;border-color:#d36a5e!important;color:#5f2923!important;box-shadow:0 4px 8px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.74)!important}.word-cell.live-invalid-word-cell .word-tile b{color:#822e27!important}.word-cell.live-invalid-word-cell .word-tile small{color:#6e433d!important}.word-cell.live-invalid-word-cell .word-tile.draft i{background:#963f35;color:#fff5f3;border-color:rgba(255,235,232,.85)}.word-premium-label{font-size:9px;font-weight:900;color:rgba(255,255,255,.72)}.word-tile{position:absolute;inset:3px;border-radius:6px;background:linear-gradient(180deg,#fff9e8,#e8d3a6);border:1px solid #c7a86f;color:#28352f;box-shadow:0 4px 7px rgba(0,0,0,.18);display:grid;place-items:center}.word-tile b{font-size:clamp(13px,2.1vw,24px);line-height:1}.word-tile small{position:absolute;right:4px;bottom:2px;font-size:8px;font-weight:900;color:#695942}.word-tile.draft{background:linear-gradient(180deg,#fffbea,#efdba9);border-color:#6ed1a5;box-shadow:0 4px 7px rgba(0,0,0,.18),inset 0 0 0 1px rgba(110,209,165,.5)}.word-tile.draft i{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border:1px solid rgba(223,248,235,.72);border-radius:50%;display:grid;place-items:center;background:#21483a;color:#effff6;box-shadow:0 1px 3px rgba(0,0,0,.28);font-size:6.5px;font-style:normal;font-weight:900;line-height:1;z-index:2;pointer-events:none}.word-tile.draft b{position:relative;z-index:1}.word-last-move{width:min(100%,760px);max-height:82px;margin:0 auto 8px;padding:7px 9px;border:1px solid rgba(209,183,101,.16);border-radius:10px;background:rgba(209,183,101,.07);display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9cab9f;overflow:hidden;transition:opacity .16s ease,transform .16s ease,max-height .16s ease,margin .16s ease,padding .16s ease,border-width .16s ease}.word-last-move.is-hiding{opacity:0;transform:translateY(-4px);max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important}.word-last-move span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.word-last-move b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0e1ae;font-size:10px}.word-last-move.scored{border-color:rgba(110,209,165,.30);background:rgba(60,153,111,.12)}.word-last-move.scored span{color:#8de0b7}.word-last-move.scored b{color:#e7fff2}.word-rack-panel{width:min(100%,760px);margin:10px auto 0;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:linear-gradient(180deg,#49331e,#2d2117)}.word-rack-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#e9dfce}.word-rack-copy{display:grid;gap:2px;min-width:0;flex:1 1 auto}.word-rack-head b{font-size:12px}.word-rack-head span{font-size:10px;color:#b8a991}.word-rack-head strong{min-height:29px;padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,19,15,.28);color:#d9e7df;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1}.word-rack{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:520px;margin:auto}.word-rack-empty{grid-column:1/-1;min-height:50px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.12);border-radius:9px;color:#c7b99f;font-size:10px}.word-rack-tile{appearance:none;width:100%;min-width:0;height:62px;border-radius:8px;border:1px solid #c5a86f;background:linear-gradient(180deg,#fff9e8,#e5cca0);color:#26362f;position:relative;box-shadow:0 6px 10px rgba(0,0,0,.2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .14s ease,outline-color .14s ease,filter .14s ease}.word-rack-tile:active{cursor:grabbing}.word-rack-tile b{font-size:25px}.word-rack-tile small{position:absolute;right:5px;bottom:4px;font-size:9px;font-weight:900}.word-rack-tile.selected{outline:3px solid #6ed1a5;outline-offset:1px;transform:translateY(-3px);filter:saturate(1.04)}.word-rack-tile:disabled{cursor:default;opacity:.62}.word-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;max-width:520px;margin:9px auto 0}.word-actions .btn{width:100%;min-width:0;min-height:44px;padding:0;position:relative;display:grid;place-items:center}.word-action-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.word-action-label{position:absolute;top:4px;right:6px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:800;line-height:1;letter-spacing:.015em;color:currentColor;opacity:.72;pointer-events:none}.word-action-btn svg{transform:translateY(2px)}.word-actions .word-complete{font-weight:900;background:linear-gradient(180deg,#239665,#157149);border-color:#3eb37f;color:#fff}.word-actions .word-undo{background:#25342d;color:#e7f2ec;border-color:#43584d}.word-actions .word-swap{background:#f1ede5;color:#3e3a34;border-color:#d0c7b9}.word-actions .word-pass{background:#f5f6f5;color:#26332d;border-color:#d9dfdb}.word-actions .btn:not(:disabled):hover{transform:translateY(-1px)}.word-actions .btn:disabled{opacity:.42;filter:saturate(.7)}.word-info-strip .board-state{font-weight:900}.game-panel.game-mode-word .board-help{width:min(100%,760px);margin-inline:auto!important}@media(max-width:760px){.word-tile.draft i{top:-2px;right:-2px;width:8px;height:8px;font-size:6px;border-width:1px}}
.naval-game-head{margin-bottom:8px}.naval-game-head .board-state.active{border-color:rgba(101,185,218,.42);background:rgba(40,115,145,.22);color:#d8f5ff}.naval-score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 8px}.naval-score-strip>span{min-width:0;padding:7px 8px;border:1px solid rgba(132,197,224,.10);border-radius:10px;background:rgba(7,26,35,.50);display:flex;align-items:center;justify-content:space-between;gap:6px}.naval-score-strip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#86a8b8;font-size:8px;font-weight:700}.naval-score-strip b{color:#e9f8ff;font-size:10px}.naval-last-action{min-height:34px;margin-bottom:8px;padding:7px 10px;border:1px solid rgba(132,197,224,.10);border-radius:10px;background:rgba(10,35,46,.55);display:flex;align-items:center;justify-content:space-between;gap:10px}.naval-last-action span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#78bad3}.naval-last-action b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dff5fd}.naval-last-action.hit{border-color:rgba(237,111,103,.28);background:rgba(112,47,44,.18)}.naval-last-action.hit span,.naval-last-action.hit b{color:#ffc1bb}.naval-last-action.sunk{border-color:rgba(255,119,105,.46);background:rgba(103,31,34,.28)}
.naval-history{display:flex;gap:5px;margin:-2px 0 8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.naval-history::-webkit-scrollbar{display:none}.naval-history>span{flex:0 0 auto;min-width:88px;padding:5px 7px;border:1px solid rgba(132,197,224,.09);border-radius:8px;background:rgba(6,23,31,.45);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px}.naval-history b{font-size:8px;color:#dff5fd}.naval-history small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6.8px;color:#7798a7}.naval-history>span.hit{border-color:rgba(224,105,98,.24)}.naval-history>span.hit b,.naval-history>span.sunk b{color:#ffb8b1}.naval-history>span.sunk{border-color:rgba(239,127,117,.38);background:rgba(83,28,31,.28)}
.naval-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.naval-board-card{min-width:0;padding:9px;border:1px solid rgba(132,197,224,.12);border-radius:13px;background:linear-gradient(180deg,rgba(10,38,51,.76),rgba(5,22,30,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.naval-target-board{border-color:rgba(101,185,218,.22)}.naval-board-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.naval-board-head>span{min-width:0;display:grid;gap:1px}.naval-board-head b{font-size:11px;color:#eef9fd}.naval-board-head small{font-size:8px;color:#7696a5}.naval-board-head strong{flex:0 0 auto;padding:4px 6px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(2,13,19,.38);font-size:7.5px;color:#91adba;font-weight:800}.naval-coords{width:min(100%,500px);margin:auto;display:grid;grid-template-columns:17px repeat(10,minmax(0,1fr));gap:2px}.naval-coords>b{display:grid;place-items:center;min-width:0;color:#6f93a4;font-size:7px;font-weight:900}.naval-cell{appearance:none;position:relative;min-width:0;aspect-ratio:1;border:1px solid rgba(132,197,224,.12);border-radius:4px;background:linear-gradient(180deg,#184963,#10364b);display:grid;place-items:center;color:#fff;padding:0;cursor:pointer;overflow:hidden;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.naval-cell:not(:disabled):hover{transform:translateY(-1px);background:#22607d;border-color:#72c8e7;box-shadow:0 4px 8px rgba(0,0,0,.16)}.naval-cell:not(:disabled):active{transform:scale(.95)}.naval-cell.ship{background:linear-gradient(180deg,#657a83,#405760);border-color:#8fa6af;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.naval-cell.miss{background:#17384a;color:#8fbfd2}.naval-cell.hit{background:#763733;border-color:#dd746d;color:#ffd0cb}.naval-cell.sunk{background:#411e24;border-color:#ef7f75;color:#ffb1aa}.naval-cell.last-action{z-index:1;box-shadow:0 0 0 2px #8ed8f2,0 0 13px rgba(101,185,218,.42)}.naval-cell-mark{font-size:clamp(8px,1.8vw,15px);font-weight:900;line-height:1}.naval-mobile-tabs{display:none}
.naval-fleet-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.naval-fleet-panel{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(5,18,25,.46)}.naval-fleet-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.naval-fleet-panel>header b{font-size:9px;color:#e1eff4}.naval-fleet-panel>header span{font-size:7.5px;color:#7f9ca8}.naval-fleet-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}.naval-fleet-list>span{min-width:0;padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(6,21,28,.60);display:grid;gap:5px}.naval-fleet-name{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.naval-fleet-name b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;color:#dceaf0}.naval-fleet-name small{flex:0 0 auto;font-size:6.5px;color:#7f9aa6}.naval-fleet-list i{display:flex;gap:2px}.naval-fleet-list em{flex:1 1 0;min-width:4px;height:4px;border-radius:99px;background:#6f858e}.naval-fleet-list em.hit{background:#de6c65}.naval-fleet-list>span.sunk{opacity:.62}.naval-fleet-list>span.sunk .naval-fleet-name small{color:#e98b84}.naval-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:5px 7px;color:#7897a5;font-size:7.5px}.naval-legend span{display:inline-flex;align-items:center;gap:4px}.naval-legend i{width:7px;height:7px;border-radius:2px;background:#17384a;border:1px solid rgba(255,255,255,.09)}.naval-legend i.hit{background:#763733}.naval-legend i.sunk{background:#411e24}.naval-legend i.ship{background:#586e77}.naval-shell .board-help{margin-top:4px!important}
.naval-placement-shell{background:radial-gradient(circle at 50% 0,rgba(101,185,218,.17),transparent 34%),linear-gradient(180deg,#102530,#08161d)}.naval-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 9px}.naval-readiness>span{min-width:0;padding:7px 9px;border:1px solid rgba(132,197,224,.10);border-radius:10px;background:rgba(5,20,28,.48);display:flex;align-items:center;justify-content:space-between;gap:8px}.naval-readiness b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6f4fa;font-size:9px}.naval-readiness small{flex:0 0 auto;color:#829da9;font-size:7px}.naval-readiness>span.ready{border-color:rgba(75,199,145,.30);background:rgba(28,93,69,.18)}.naval-readiness>span.ready small{color:#8fe0b9}.naval-placement-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);gap:10px;align-items:start}.naval-setup-board{border-color:rgba(101,185,218,.26)}.naval-setup-grid .naval-cell{cursor:default}.naval-setup-grid .naval-cell:not(:disabled){cursor:pointer}.naval-setup-grid .naval-cell.setup-anchor:not(.ship)::after{content:"";width:5px;height:5px;border-radius:50%;background:rgba(123,206,237,.40);box-shadow:0 0 0 3px rgba(123,206,237,.06)}.naval-setup-grid .naval-cell.setup-anchor:hover::after{background:#9ce4ff}.naval-setup-grid .naval-cell.setup-ship{overflow:visible}.naval-setup-grid .naval-cell.selected-ship{z-index:1;border-color:#a7e7ff;box-shadow:inset 0 0 0 1px rgba(167,231,255,.45),0 0 10px rgba(101,185,218,.20)}.naval-ship-deck{width:62%;height:34%;border-radius:999px;background:linear-gradient(180deg,#b9c7cd,#728892);box-shadow:0 1px 0 rgba(255,255,255,.24),0 2px 5px rgba(0,0,0,.28)}.naval-setup-panel{min-width:0;padding:10px;border:1px solid rgba(132,197,224,.12);border-radius:13px;background:linear-gradient(180deg,rgba(8,31,42,.72),rgba(4,18,25,.70))}.naval-setup-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:8px}.naval-setup-panel>header>span{display:grid;gap:2px;min-width:0}.naval-setup-panel>header b{font-size:10px;color:#e8f6fb}.naval-setup-panel>header small{font-size:7.2px;line-height:1.35;color:#7897a5}.naval-setup-panel>header strong{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:rgba(101,185,218,.12);border:1px solid rgba(101,185,218,.18);font-size:7px;color:#9bdcf4}.naval-setup-ships{display:grid;gap:5px}.naval-setup-ship-card{appearance:none;width:100%;min-width:0;padding:6px 7px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(4,18,25,.58);color:#dfeef4;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;text-align:left;cursor:grab}.naval-setup-ship-card:active{cursor:grabbing}.naval-setup-ship-card.active{border-color:rgba(101,185,218,.42);background:rgba(26,78,103,.42);box-shadow:inset 0 0 0 1px rgba(101,185,218,.10)}.naval-setup-ship-card b{font-size:8.5px}.naval-setup-ship-card small{font-size:6.7px;color:#7998a5}.naval-mini-ship{grid-row:1/3;display:flex;align-items:center;gap:2px}.naval-mini-ship i{flex:1 1 0;height:8px;border-radius:3px;background:linear-gradient(180deg,#78919b,#506871);border:1px solid rgba(255,255,255,.08)}.naval-setup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}.naval-setup-actions .btn{min-width:0;min-height:38px;padding:6px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px}.naval-setup-actions .btn>span{font-size:15px;line-height:1}.naval-setup-actions .naval-ready{grid-column:1/-1;background:linear-gradient(180deg,#268db7,#176a8c);border-color:#43a8cc;color:#fff}.naval-setup-note{margin-top:7px;padding:7px 8px;border-radius:8px;background:rgba(3,15,21,.44);color:#7898a6;font-size:7.2px;line-height:1.45}.naval-drag-ghost{pointer-events:none!important;position:fixed!important;z-index:99999!important;width:150px!important;opacity:.9!important;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(-50%,-56%) rotate(-2deg) scale(.96)!important}.naval-placement-spectator{min-height:360px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.naval-placement-spectator .naval-readiness{width:min(100%,560px);margin-bottom:2px}.naval-placement-spectator>strong{font-size:13px;color:#e6f4fa}.naval-placement-spectator>small{font-size:8px;color:#7897a5}.naval-wait-radar{position:relative;width:110px;aspect-ratio:1;border:1px solid rgba(101,185,218,.18);border-radius:50%;background:repeating-radial-gradient(circle,rgba(101,185,218,.08) 0 1px,transparent 1px 24%),linear-gradient(90deg,transparent 49.5%,rgba(101,185,218,.10) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(101,185,218,.10) 50%,transparent 50.5%);display:grid;place-items:center;overflow:hidden}.naval-wait-radar i{position:absolute;inset:50% 50% 0 50%;width:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(101,185,218,.65),transparent);animation:navalRadar 2.8s linear infinite}.naval-wait-radar b{font-size:24px;color:#80cde9}@keyframes navalRadar{to{transform:rotate(360deg)}}
@media(max-width:900px){.naval-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.naval-fleet-list{grid-template-columns:repeat(3,minmax(0,1fr))}.naval-fleet-panels{gap:6px}.naval-placement-layout{grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr)}}
@media(max-width:760px){.naval-placement-layout{grid-template-columns:1fr;gap:6px}.naval-placement-shell .naval-game-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.naval-readiness{gap:4px;margin-bottom:6px}.naval-readiness>span{padding:5px 6px;border-radius:8px}.naval-readiness b{font-size:8px}.naval-readiness small{font-size:6.2px}.naval-setup-board{padding:6px}.naval-setup-panel{padding:7px;border-radius:10px}.naval-setup-panel>header{margin-bottom:5px}.naval-setup-ships{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.naval-setup-ship-card{padding:5px 4px;grid-template-columns:1fr;grid-template-rows:24px auto;gap:2px;text-align:center}.naval-setup-ship-card .naval-mini-ship{grid-row:auto;height:20px}.naval-setup-ship-card b{font-size:6.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.naval-setup-ship-card small{display:none}.naval-setup-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.naval-setup-actions .btn{min-height:34px;padding:4px;font-size:6.8px}.naval-setup-actions .naval-ready{grid-column:auto}.naval-setup-actions .btn>span{font-size:13px}.naval-setup-note{margin-top:5px;padding:5px 6px;font-size:6.5px}.naval-placement-spectator{min-height:270px}.naval-history{margin-bottom:5px}.naval-history>span{min-width:78px;padding:4px 6px}.naval-history b{font-size:7px}.naval-history small{font-size:6px}}
@media(max-width:760px){.multi-game-area{padding-bottom:max(8px,env(safe-area-inset-bottom))}.multi-game-area .multi-card-table,.multi-game-area .board-game-shell,.multi-game-area .domino-shell,.multi-game-area .tavla-shell,.multi-game-area .ludo-shell,.multi-game-area .mangala-shell{padding:10px;border-radius:13px!important}.multi-game-area .multi-game-head{position:relative;top:auto;padding-bottom:7px;margin-bottom:8px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.multi-game-area .card-round-status{gap:4px;margin-bottom:8px}.multi-game-area .card-round-status span{min-height:25px;padding:4px 7px;font-size:8px}.multi-game-area .card-hand-row{justify-content:flex-start;min-height:96px;padding:8px 6px;gap:3px}.multi-game-area .playing-card{width:60px;height:87px;flex-basis:60px;padding:6px}.multi-game-area .playing-card>span{font-size:15px}.multi-game-area .playing-card>b{font-size:25px}.multi-game-area .playing-card>i{font-size:12px}.mine-progress{grid-template-columns:minmax(72px,1fr) auto;gap:6px;padding:5px 7px}.mine-progress>small{grid-column:1/-1;max-width:none}.duel-game-shell{min-height:calc(100dvh - 74px);padding:10px;border-radius:13px}.duel-game-shell .multi-game-head{align-items:flex-start;flex-direction:column}.duel-scoreboard{width:100%;justify-content:stretch}.duel-scoreboard>span{flex:1;min-width:0}.duel-info-strip{gap:5px;margin:8px 0}.duel-info-strip>span{min-height:30px;padding:5px 7px;font-size:9px}.duel-info-strip .board-state{margin-left:0}.mine-grid{width:min(96vw,560px);gap:2px;padding:5px;border-radius:12px}.mine-cell{border-radius:4px}.game-panel.game-mode-word .multi-game-area{height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:auto}.game-panel.game-mode-word .duel-game-shell{height:100%!important;min-height:0!important;padding:8px 8px max(8px,env(safe-area-inset-bottom));overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box}.game-panel.game-mode-word .word-layout{flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden}.game-panel.game-mode-word .word-board-scroll{width:100%;min-height:0;display:grid;place-items:center;overflow:hidden;padding:0}.game-panel.game-mode-word .word-board{width:min(100%,92vw,calc(100dvh - 245px))!important;max-width:390px!important}.game-panel.game-mode-word .duel-game-shell .multi-game-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:end;gap:6px;margin-bottom:6px;padding-bottom:6px}.game-panel.game-mode-word .duel-game-shell .multi-game-head>div:first-child{min-width:0}.game-panel.game-mode-word .duel-game-shell .multi-game-head h2{margin:1px 0 0;font-size:18px;white-space:nowrap}.game-panel.game-mode-word .duel-game-shell .multi-game-head .eyebrow{font-size:8px;white-space:nowrap}.game-panel.game-mode-word .duel-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}.game-panel.game-mode-word .duel-scoreboard>span{min-width:0;padding:5px 6px;border-radius:9px!important}.game-panel.game-mode-word .duel-scoreboard b{font-size:10px}.game-panel.game-mode-word .duel-scoreboard small{font-size:8px}.game-panel.game-mode-word .duel-info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:5px 0 7px}.game-panel.game-mode-word .duel-info-strip>span{min-width:0;min-height:27px;padding:4px 3px;justify-content:center;text-align:center;font-size:8px;line-height:1.15;white-space:nowrap}.game-panel.game-mode-word .duel-info-strip .board-state{margin-left:0}.word-board-scroll{margin:0;overflow:visible;padding:0}.word-board{width:100%;max-width:100%;gap:1px;padding:3px;border-radius:10px}.word-cell{border-radius:3px}.word-premium-label{font-size:6.5px}.word-tile{inset:1px;border-radius:4px}.word-tile b{font-size:clamp(8px,2.65vw,15px)}.word-tile small{right:2px;bottom:1px;font-size:5.5px}.word-last-move{margin-bottom:6px;padding:5px 7px;border-radius:8px}.word-last-move span{font-size:7.5px}.word-last-move b{font-size:8.5px}.word-rack-panel{margin-top:7px;padding:7px;border-radius:11px}.word-rack-head{margin-bottom:6px}.word-rack-head b{font-size:11px}.word-rack-head span{font-size:8.5px}.word-rack-head strong{padding:4px 6px;font-size:8px}.word-rack{gap:4px}.word-rack-tile{height:50px;border-radius:7px}.word-rack-tile b{font-size:20px}.word-rack-tile small{right:4px;bottom:3px;font-size:8px}.word-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px;max-width:none}.word-actions .btn{min-height:40px;padding:0;border-radius:9px!important}.word-action-btn svg{width:19px;height:19px}.word-action-label{top:4px;right:5px;font-size:6.5px;opacity:.74}.word-action-btn svg{transform:translateY(3px)}.game-panel.game-mode-word .board-help{margin-top:6px!important;padding:5px 7px!important;font-size:8.5px!important;line-height:1.35}.game-panel.game-mode-battleship .duel-game-shell{min-height:0;padding:8px 8px max(10px,env(safe-area-inset-bottom));overflow:visible}.game-panel.game-mode-battleship .multi-game-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:6px;padding-bottom:4px}.game-panel.game-mode-battleship .multi-game-head h2{font-size:17px;margin:1px 0 0}.game-panel.game-mode-battleship .multi-game-head .eyebrow{font-size:7.5px}.game-panel.game-mode-battleship .board-state{min-height:27px;padding:5px 7px;font-size:7.5px}.naval-score-strip{gap:4px;margin-bottom:5px}.naval-score-strip>span{padding:5px 6px;border-radius:8px}.naval-score-strip small{font-size:6.8px}.naval-score-strip b{font-size:8.5px}.naval-last-action{min-height:29px;margin-bottom:5px;padding:5px 7px;border-radius:8px}.naval-last-action span{font-size:6.8px}.naval-last-action b{font-size:8px}.naval-mobile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:6px}.naval-mobile-tabs button{appearance:none;min-height:34px;padding:4px 7px;border:1px solid rgba(132,197,224,.10);border-radius:9px;background:rgba(7,25,34,.52);color:#8eabb8;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px;text-align:left}.naval-mobile-tabs button>span{grid-row:1/3;font-size:15px;color:#6daac1}.naval-mobile-tabs button b{font-size:8.5px;color:#dceaf0}.naval-mobile-tabs button small{font-size:6.5px;color:#718f9c}.naval-mobile-tabs button.active{border-color:rgba(101,185,218,.42);background:linear-gradient(180deg,rgba(35,95,119,.55),rgba(16,54,69,.58));box-shadow:inset 0 0 0 1px rgba(101,185,218,.10)}.naval-layout{display:block}.naval-shell.is-player .naval-board-card{display:none}.naval-shell.is-player .naval-board-card.is-mobile-active{display:block}.naval-board-card{max-width:620px;width:100%;margin:auto;padding:6px;border-radius:10px}.naval-board-head{margin-bottom:5px}.naval-board-head b{font-size:9px}.naval-board-head small{font-size:6.8px}.naval-board-head strong{font-size:6.5px;padding:3px 5px}.naval-coords{grid-template-columns:13px repeat(10,minmax(0,1fr));gap:1px}.naval-coords>b{font-size:6px}.naval-cell{border-radius:3px}.naval-fleet-panels{grid-template-columns:1fr;margin-top:6px}.naval-fleet-panel.enemy{display:none}.naval-fleet-panel{padding:6px;border-radius:9px}.naval-fleet-panel>header{margin-bottom:4px}.naval-fleet-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.naval-fleet-list>span{padding:4px;gap:3px;border-radius:6px}.naval-fleet-name b{font-size:6.5px}.naval-fleet-name small{display:none}.naval-fleet-list em{height:3px}.naval-legend{gap:7px;margin-top:5px;padding:3px;font-size:6.5px}.game-panel.game-mode-battleship .board-help{margin-top:3px!important;padding:5px 7px!important;font-size:7.5px!important;line-height:1.3}}
@media(max-width:430px){.game-panel.game-mode-word .duel-game-shell .multi-game-head{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.game-panel.game-mode-word .duel-game-shell .multi-game-head h2{font-size:16px}.game-panel.game-mode-word .duel-scoreboard>span{padding:4px 5px}.game-panel.game-mode-word .duel-info-strip>span{font-size:7.4px}.word-rack-tile{height:47px}.word-rack-tile b{font-size:18px}.word-actions .btn{min-height:39px;padding:0}.word-action-btn svg{width:18px;height:18px}.word-action-label{top:3px;right:4px;font-size:6px}.word-action-btn svg{transform:translateY(3px)}.game-panel.game-mode-battleship .multi-game-head h2{font-size:15px}.naval-score-strip>span{padding:4px}.naval-score-strip small{font-size:6.2px}.naval-score-strip b{font-size:8px}.naval-mobile-tabs button{min-height:32px}.naval-fleet-list{grid-template-columns:repeat(5,minmax(0,1fr))}.mine-grid{gap:1px;padding:4px}.mine-cell{border-radius:3px}}
@media(prefers-reduced-motion:reduce){.mine-cell,.word-rack-tile,.naval-cell{transition:none!important;transform:none!important}}

.word-rack-tile.game-drag-source{opacity:.28!important;transform:translateY(-2px) scale(.98)!important}.word-drag-active .word-cell.drop-ready{border-color:rgba(110,209,165,.9);box-shadow:inset 0 0 0 2px rgba(110,209,165,.38)}.word-drag-ghost{position:fixed!important;z-index:12020!important;left:0;top:0;pointer-events:none!important;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(-50%,-58%) scale(1.06)!important;margin:0!important;opacity:.96!important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.34))}.word-cell.game-drop-over{box-shadow:inset 0 0 0 3px #6ed1a5!important;background:#315f4b!important}
.word-cell.draft-placement .word-tile.draft{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.word-cell.draft-placement .word-tile.draft:active{cursor:grabbing}.word-cell.draft-placement.draft-moving{z-index:3}.word-cell.draft-placement.draft-moving .word-tile.draft{opacity:.28!important}.word-draft-relocating .word-cell.draft-move-target{border-color:rgba(105,224,163,.72)!important;box-shadow:inset 0 0 0 2px rgba(105,224,163,.26)!important;background:color-mix(in srgb,#315f4b 68%,#24352e)!important}.word-draft-relocating .word-cell.draft-move-target::after{content:"";position:absolute;inset:24%;border:1px dashed rgba(206,255,229,.72);border-radius:50%;pointer-events:none}.word-draft-relocating .word-cell.draft-placement:not(.draft-moving){filter:saturate(.94)}

/* Kelime Oyunu: süre modu + kompakt Seri uyarısı */
.timer-pill.is-long{min-width:72px!important;background:linear-gradient(180deg,#173b30,#102d25)!important;border-color:#3f6f5d!important;color:#bff0d7!important;font-size:8.5px!important;letter-spacing:.01em}.timer-pill.is-long::after{display:none!important}.timer-pill.is-long.urgent{background:linear-gradient(180deg,#5b3423,#3e241b)!important;border-color:#9c6649!important;color:#ffe0b5!important}
.word-time-select{grid-template-columns:repeat(2,minmax(0,1fr))}.word-time-select .scoring-card{min-height:72px}.word-time-select .scoring-card input:checked+span{border-color:rgba(63,171,120,.48)}
.table-option-tag.word-time.timed{border-color:rgba(73,173,126,.3);color:#bcebd2;background:rgba(73,173,126,.07)}
.word-turn-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;white-space:nowrap}.word-nudge{appearance:none;min-height:29px;padding:5px 10px;border:1px solid rgba(240,193,92,.44);border-radius:999px;background:linear-gradient(180deg,#70511c,#4d3715);color:#ffe9a7;font:800 9px/1 inherit;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.13);transition:transform .14s ease,border-color .14s ease,opacity .14s ease}.word-nudge:hover{transform:translateY(-1px);border-color:rgba(255,220,135,.7)}.word-nudge:disabled{opacity:.5;cursor:default;transform:none}
@media(max-width:760px){.word-time-select{grid-template-columns:1fr 1fr!important}.word-time-select .scoring-card{min-height:62px}.word-turn-tools{gap:4px}.word-rack-head strong{min-height:26px;padding:4px 7px;font-size:8px}.word-nudge{min-height:26px;padding:4px 8px;font-size:8px}.timer-pill.is-long{min-width:64px!important;font-size:7.5px!important}}

/* Kelime Oyunu 1.2.77 — doğrulanmış yeni kelime keşfi */
.word-last-move b{white-space:normal;text-align:right;line-height:1.28}.word-last-move.discovery{border-color:rgba(240,193,92,.52);background:linear-gradient(90deg,rgba(84,154,106,.16),rgba(164,118,38,.14));box-shadow:inset 3px 0 0 rgba(240,193,92,.72)}.word-last-move.discovery span{color:#f3cd71}.word-last-move.discovery b{color:#fff3c5}.word-last-move.discovery::before{content:"✦";flex:0 0 auto;color:#f3cd71;font-size:11px}.word-last-move.discovery span{margin-right:auto}@media(max-width:760px){.word-last-move.discovery{display:grid;grid-template-columns:auto 1fr;align-items:start}.word-last-move.discovery::before{grid-row:1/3}.word-last-move.discovery span{font-size:7px}.word-last-move.discovery b{text-align:left;font-size:8.2px}}

/* 1.2.78 — oyun yüklenirken eski/statik kontrollerin bir kare dahi görünmesini engelle */
.game-panel.game-loading{background:radial-gradient(circle at 50% 38%,rgba(35,105,79,.20),transparent 34%),#0b1511!important}
.game-panel.game-loading>*{visibility:hidden!important;pointer-events:none!important}
.game-panel.game-loading::before{content:"";position:absolute;z-index:4;left:50%;top:50%;width:28px;height:28px;margin:-34px 0 0 -14px;border:3px solid rgba(218,238,228,.16);border-top-color:#6ed1a5;border-radius:50%;animation:game-loading-spin .72s linear infinite}
.game-panel.game-loading::after{content:"Oyun hazırlanıyor…";position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,12px);padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(13,29,23,.72);color:#dcebe4;font-size:10px;font-weight:800;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.18)}
@keyframes game-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:430px){.word-rack-head{gap:6px}.word-rack-copy span{font-size:8px}.word-turn-tools{gap:3px}.word-rack-head strong{padding-inline:6px}.word-nudge{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.game-panel.game-loading::before{animation:none}}

/* Build 179: frame-stable game surfaces and compositor-only drag movement. */
#gamePanel .okey-table-felt{contain:layout paint style}
#gamePanel .rack-bed{contain:layout paint style}
#gamePanel .rack-wrap{contain:layout style}
.game-hold-dragging .game-drag-ghost,.game-hold-dragging .card-drag-ghost,.game-hold-dragging .strategy-drag-ghost,.game-hold-dragging .domino-drag-ghost,.game-hold-dragging .tavla-drag-ghost{will-change:transform}
@media (hover:none),(pointer:coarse){body[data-game-quality="balanced"] #gamePanel .game-drop-over{box-shadow:0 0 0 4px rgba(94,218,150,.10)!important}}
/* Build 181 — Kelime Oyunu canlı izleyici sayacı ve kompakt liste penceresi. */
.word-live-spectator-btn{appearance:none;min-width:43px;min-height:29px;padding:4px 8px;border:1px solid rgba(104,198,157,.24);border-radius:999px;background:rgba(11,35,27,.58);color:#bfe9d4;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}.word-live-spectator-btn:hover{border-color:rgba(112,222,172,.48);background:rgba(18,57,44,.68);transform:translateY(-1px)}.word-live-spectator-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.word-live-spectator-btn b{font-size:9px;line-height:1;color:#dff8eb}.live-spectator-dialog{width:min(310px,calc(100vw - 30px));max-width:310px;padding:0;border:1px solid rgba(118,201,164,.22);border-radius:15px;background:#10231c;color:#e9f3ee;box-shadow:0 24px 65px rgba(0,0,0,.46);overflow:hidden}.live-spectator-dialog::backdrop{background:rgba(3,9,7,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.live-spectator-window{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(380px,72dvh)}.live-spectator-window>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.07);background:#132a21}.live-spectator-window>header>div{display:grid;gap:2px;min-width:0}.live-spectator-window>header small{display:inline-flex;align-items:center;gap:5px;color:#6ed5a7;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-spectator-window>header small i,.live-spectator-row small i{width:6px;height:6px;border-radius:50%;background:#31d795;box-shadow:0 0 0 3px rgba(49,215,149,.10)}.live-spectator-window>header b{font-size:13px;color:#f1f8f4}.live-spectator-close{appearance:none;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#1a3028;color:#cfe0d8;display:grid;place-items:center;font:400 21px/1 sans-serif;cursor:pointer}.live-spectator-list{min-height:56px;max-height:300px;overflow:auto;padding:7px;overscroll-behavior:contain}.live-spectator-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:5px 7px;border-radius:10px}.live-spectator-row+.live-spectator-row{border-top:1px solid rgba(255,255,255,.045)}.live-spectator-avatar{width:30px;height:30px;border-radius:9px;background:#1b3b2e;border:1px solid rgba(113,208,165,.15);display:grid;place-items:center;color:#bce7d2;font-size:11px;font-weight:900}.live-spectator-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#e9f5ef}.live-spectator-row small{display:inline-flex;align-items:center;gap:5px;color:#7da391;font-size:7.5px;font-weight:700;white-space:nowrap}.live-spectator-row small i{width:5px;height:5px;box-shadow:none}.live-spectator-dialog:focus-visible,.live-spectator-close:focus-visible,.word-live-spectator-btn:focus-visible{outline:2px solid #63d8a3;outline-offset:2px}
@media(max-width:760px){.word-live-spectator-btn{min-width:39px;min-height:26px;padding:3px 7px;gap:3px}.word-live-spectator-btn svg{width:13px;height:13px}.word-live-spectator-btn b{font-size:8px}.live-spectator-dialog{width:min(286px,calc(100vw - 24px));border-radius:13px}.live-spectator-window>header{padding:10px 11px}.live-spectator-list{padding:6px}.live-spectator-row{min-height:40px;padding:5px 6px}}
@media(max-width:430px){.word-turn-tools{min-width:0}.word-live-spectator-btn{min-width:36px;padding-inline:6px}.word-live-spectator-btn svg{width:12px;height:12px}.word-live-spectator-btn b{font-size:7.5px}}


/* 1.3.00 / Build 183 — PWA kurulum deneyimi ve yönetim ayarları */
.pwa-install-banner{position:fixed;z-index:13050;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 24px));min-height:72px;box-sizing:border-box;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 10px 10px 11px;border:1px solid rgba(111,203,162,.25);border-radius:16px;background:#10231c;color:#edf7f2;box-shadow:0 18px 52px rgba(0,0,0,.42);transform:translate(-50%,calc(100% + 34px));opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.pwa-install-banner.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.pwa-install-icon{width:48px;height:48px;border-radius:13px;display:block}.pwa-install-copy{min-width:0;display:grid;gap:2px}.pwa-install-copy span{font-size:7.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6ed1a5}.pwa-install-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#f4fbf7}.pwa-install-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9db9ab;font-size:8.5px;line-height:1.35}.pwa-install-actions{display:flex;align-items:center;gap:6px}.pwa-install-primary,.pwa-install-close{appearance:none;border:1px solid rgba(255,255,255,.1);cursor:pointer}.pwa-install-primary{min-height:36px;padding:7px 13px;border-radius:10px;background:#176b4d;border-color:#2f8b68;color:#fff;font-size:9px;font-weight:900;white-space:nowrap}.pwa-install-primary:disabled{opacity:.6;cursor:default}.pwa-install-close{width:34px;height:34px;padding:0;border-radius:10px;background:#162d24;color:#bcd0c6;font:400 21px/1 sans-serif;display:grid;place-items:center}.pwa-install-primary:focus-visible,.pwa-install-close:focus-visible{outline:2px solid #6ed1a5;outline-offset:2px}
.pwa-settings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.pwa-settings-overview article{min-height:76px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#102019;display:grid;align-content:center;gap:2px}.pwa-settings-overview span{font-size:7.5px;font-weight:800;color:#7e9b8d;text-transform:uppercase;letter-spacing:.06em}.pwa-settings-overview b{font-size:13px;color:#eff7f3}.pwa-settings-overview small{font-size:8px;line-height:1.35;color:#81998d}.pwa-color-field{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}.pwa-color-field input[type=color]{width:48px;height:38px;padding:3px;border-radius:9px;cursor:pointer}.pwa-color-field code{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0d1713;color:#bcd0c6;font-size:9px}.pwa-admin-preview{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(111,203,162,.17);border-radius:13px;background:#0e1d17}.pwa-admin-icon{width:44px;height:44px;border-radius:12px;background:#176b4d;border:1px solid #2f8b68;display:grid;place-items:center;color:#eef8f3;font-size:20px}.pwa-admin-preview>div:nth-child(2){min-width:0;display:grid;gap:1px}.pwa-admin-preview small{font-size:7.5px;color:#6ed1a5;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.pwa-admin-preview b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-admin-preview span{font-size:8px;color:#8ea99c}.admin-inline-note{margin-top:11px;padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0d1814;color:#91aa9e;font-size:8.5px;line-height:1.5}.admin-inline-note b{color:#dfece5}
@media(max-width:760px){.pwa-install-banner{width:calc(100vw - 18px);bottom:max(9px,env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr) auto;gap:8px;min-height:64px;padding:8px;border-radius:14px}.pwa-install-icon{width:42px;height:42px;border-radius:11px}.pwa-install-copy b{font-size:10.5px}.pwa-install-copy small{font-size:7.5px}.pwa-install-primary{min-height:33px;padding:6px 10px;font-size:8px}.pwa-install-close{width:31px;height:31px}.pwa-settings-overview{grid-template-columns:1fr}.pwa-admin-preview{grid-template-columns:40px minmax(0,1fr) auto}.pwa-admin-icon{width:40px;height:40px}}
@media(max-width:430px){.pwa-install-banner{grid-template-columns:40px minmax(0,1fr);padding-right:7px}.pwa-install-icon{width:40px;height:40px}.pwa-install-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 34px}.pwa-install-primary{width:100%}.pwa-install-copy small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pwa-admin-preview{grid-template-columns:38px minmax(0,1fr)}.pwa-admin-preview .btn{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.pwa-install-banner{transition:none}}

/* Member profile: one responsive flat layout shared by private and public views. */
.player-profile-page{background:#f2f5f3;color:#1c3027}
.profile-page-shell{max-width:1140px;padding-top:24px;padding-bottom:72px;min-width:0}
.profile-breadcrumb{display:flex;align-items:center;gap:9px;color:#82928a;font-size:12px;font-weight:700;margin:0 0 15px}
.profile-breadcrumb a{text-decoration:none;color:#47775f}.profile-breadcrumb b{color:#2a4034;overflow-wrap:anywhere}
.profile-page-hero{--profile-accent:#176b4d;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:28px;border:1px solid #cdded4;border-top:3px solid var(--profile-accent);border-radius:16px;background:#fff;margin-bottom:12px;overflow:hidden}
.profile-page-hero[data-accent="ocean"]{--profile-accent:#28759c}.profile-page-hero[data-accent="violet"]{--profile-accent:#8062b0}.profile-page-hero[data-accent="amber"]{--profile-accent:#ae812d}
.profile-page-identity{display:flex;align-items:center;gap:20px;min-width:0}.profile-page-avatar{width:90px;height:90px;flex:0 0 90px;border-radius:22px;display:grid;place-items:center;font-size:40px;font-weight:900;background:color-mix(in srgb,var(--profile-accent) 16%,white);color:var(--profile-accent);border:2px solid color-mix(in srgb,var(--profile-accent) 30%,white)}
.profile-page-avatar.female{border-color:#cc8cab}.profile-page-avatar.male{border-color:#80aace}.profile-page-intro{min-width:0}.profile-page-intro .eyebrow{color:var(--profile-accent)}.profile-page-intro h1{font-size:clamp(24px,3.8vw,36px);line-height:1.14;margin:6px 0 10px;overflow-wrap:anywhere}.profile-page-meta{display:flex;flex-wrap:wrap;gap:7px}.profile-page-meta span{font-size:11px;font-weight:750;border-radius:7px;background:#eff4f1;color:#587366;padding:6px 9px}
.profile-page-level{min-width:155px;align-self:center;display:grid;text-align:right;gap:3px}.profile-page-level>span{font-size:11px;text-transform:uppercase;color:#6b8176;font-weight:800;letter-spacing:.05em}.profile-page-level strong{font-size:31px;letter-spacing:-.04em;color:var(--profile-accent);font-variant-numeric:tabular-nums}.profile-page-level small{font-size:12px;color:#60786b;font-weight:650}
.profile-page-about{grid-column:1/-1;margin:0;color:#41594c;white-space:pre-line;overflow-wrap:anywhere;line-height:1.65;font-size:13px;max-width:880px}
.profile-hero-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #e5ede8;padding-top:14px}.profile-hero-actions span{font-size:12px;color:#70867a}.profile-hero-actions .profile-owner-action,.profile-hero-actions .profile-follow-btn,.profile-hero-actions .profile-message-jump{min-height:46px;white-space:nowrap}.profile-page-hero .btn.primary,.profile-edit-form .btn.primary{background:var(--profile-accent,#176b4d);border-color:var(--profile-accent,#176b4d)}
.profile-page-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.profile-page-stats article{border:1px solid #dce6e0;border-radius:12px;background:#fff;display:grid;gap:10px;padding:16px;min-width:0}.profile-page-stats article.emphasis{background:#eaf5ee;border-color:#bcdcc8}.profile-page-stats span{font-size:11px;font-weight:750;color:#698071}.profile-page-stats b{font-size:25px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#1b4230}
.profile-page-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);align-items:start;gap:14px}.profile-page-main,.profile-page-side{display:grid;gap:14px;min-width:0}.profile-page-card{padding:21px;border-radius:14px;margin:0;border-color:#dde8e0;background:#fff}.profile-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-card-title h2{margin:4px 0 0;font-size:19px}.profile-card-title .eyebrow{font-size:10px}.profile-muted{font-size:11px;color:#7a8e81;white-space:nowrap}.profile-placeholder{font-size:13px;color:#7f9187;margin:4px 0}
.profile-mode-list{display:grid}.profile-mode-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1ee;padding:13px 0}.profile-mode-row:first-child{border-top:0;padding-top:1px}.profile-mode-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#edf5ef;color:#297453;font-size:19px;font-weight:800}.profile-mode-info{flex:1;min-width:0;display:grid;gap:9px}.profile-mode-info>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.profile-mode-info b{font-size:13px}.profile-mode-info small{font-size:10px;color:#7b9184;white-space:nowrap}.profile-mode-track{height:6px;width:100%;background:#ecf2ed;border-radius:999px;overflow:hidden}.profile-mode-track i{height:100%;display:block;border-radius:999px;background:#32a974}.profile-mode-row>strong{min-width:42px;text-align:right;color:#25764e;font-variant-numeric:tabular-nums;font-size:13px}
.profile-match-list{display:grid}.profile-match-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf1ee}.profile-match-row:first-child{border-top:0;padding-top:0}.profile-match-row>span:first-child{display:grid;gap:4px}.profile-match-row b{font-size:13px}.profile-match-row small{font-size:11px;color:#849587}.profile-result{display:inline-flex;min-width:83px;justify-content:center;border:1px solid #e4e9e5;background:#f3f5f3;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:850;color:#61776c}.profile-result.win{background:#e6f7ec;border-color:#c2e7d2;color:#137747}.profile-result.loss{background:#fff0ed;border-color:#f0d0c9;color:#aa463b}.profile-result.draw{background:#fff6e2;border-color:#eadbb4;color:#92681c}
.profile-badge-list{display:grid;gap:9px}.profile-badge-row{display:flex;gap:11px;align-items:center;padding:10px;border:1px solid #e4eae6;background:#fbfcfb;border-radius:10px}.profile-badge-row>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#84651d;background:#fff2d5;border-radius:9px;font-size:22px}.profile-badge-row>div{display:grid;gap:3px;min-width:0}.profile-badge-row b{font-size:12px}.profile-badge-row small{font-size:11px;color:#7d9183}
.profile-edit-form{display:grid;gap:13px}.profile-edit-form>label:not(.profile-visibility){display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;font-weight:800}.profile-edit-form>label small{font-size:10px;color:#849688;font-weight:600}.profile-edit-form textarea{width:100%;min-height:104px;border:1px solid #cfded4;border-radius:10px;padding:11px 12px;resize:vertical;background:#fbfdfb;color:#253d30;font-size:13px;line-height:1.5;outline:0}.profile-edit-form textarea:focus{border-color:#46996d;box-shadow:0 0 0 3px rgba(42,132,81,.12)}.profile-edit-form fieldset{padding:0;border:0;margin:3px 0 0}.profile-edit-form legend{font-size:12px;font-weight:800;margin-bottom:10px}.profile-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.profile-color-choice{display:grid;justify-items:center;gap:7px;cursor:pointer;position:relative;padding:9px 4px;border:1px solid #e2eae5;border-radius:10px;font-size:10px;background:#fff}.profile-color-choice:has(input:checked){border-color:#42946a;background:#f1f9f4}.profile-color-choice input{position:absolute;opacity:0;width:1px;height:1px}.profile-color-choice:has(input:focus-visible){outline:2px solid #25724d;outline-offset:2px}.profile-color-choice>span{width:22px;height:22px;border-radius:50%;background:#176b4d}.profile-color-choice.ocean>span{background:#28759c}.profile-color-choice.violet>span{background:#8062b0}.profile-color-choice.amber>span{background:#ae812d}.profile-color-choice b{font-size:10px}.profile-visibility{display:flex;align-items:flex-start;gap:10px;font-size:12px;background:#f5f8f6;padding:12px;border-radius:10px}.profile-visibility input{accent-color:#177348;margin-top:3px;flex:0 0 16px;width:16px;height:16px}.profile-visibility span{display:grid;gap:4px}.profile-visibility small{font-size:11px;color:#6d8375}.profile-save{width:100%;min-height:40px}.profile-notice{margin:0 0 12px;padding:10px 12px;border-radius:9px;font-size:12px}.profile-notice.success{background:#ecf9f1;color:#17613b;border:1px solid #bfe3cf}.profile-notice.error{background:#fff1ef;color:#9b3c34;border:1px solid #efccc8}.profile-empty{margin:20px auto;max-width:640px;padding:35px}
.side-user-row a.profile-user-link,.winner-row a.profile-user-link,.leader-row a.profile-user-link{color:inherit;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis}.side-user-row a.profile-user-link:hover,.winner-row a.profile-user-link:hover,.leader-row a.profile-user-link:hover{color:#52b889;text-decoration:underline}
@media(max-width:840px){.profile-page-layout{grid-template-columns:minmax(0,1fr)}.profile-page-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.profile-page-side .profile-page-card{min-width:0}}
@media(max-width:640px){.profile-page-shell{padding:14px 12px 48px}.profile-page-hero{padding:17px;grid-template-columns:minmax(0,1fr) auto;gap:14px}.profile-page-identity{gap:11px}.profile-page-avatar{height:60px;width:60px;flex-basis:60px;border-radius:15px;font-size:26px}.profile-page-intro h1{font-size:21px;margin:3px 0 7px}.profile-page-meta span{font-size:10px;padding:4px 6px}.profile-page-level{min-width:0;text-align:right}.profile-page-level strong{font-size:22px}.profile-page-level>span{font-size:9px}.profile-page-level small{font-size:9px}.profile-page-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-page-stats article{padding:11px 9px;gap:7px}.profile-page-stats article.emphasis{grid-column:span 2}.profile-page-stats b{font-size:22px}.profile-page-stats span{font-size:10px}.profile-page-side{grid-template-columns:1fr}.profile-page-card{padding:15px}.profile-mode-info>div:first-child{flex-wrap:wrap;gap:3px}.profile-mode-info small{white-space:normal}.profile-mode-row{gap:9px}.profile-mode-icon{flex-basis:35px;width:35px;height:35px}.profile-card-title h2{font-size:17px}.profile-hero-actions{gap:10px}.profile-hero-actions .profile-owner-action,.profile-hero-actions .profile-follow-btn,.profile-hero-actions .profile-message-jump{flex:1 1 calc(50% - 5px);min-width:0;padding-inline:12px}.profile-social-counts{width:100%;margin-left:0;order:2}.profile-social-counts button{flex:1;justify-content:center}.profile-social-note{width:100%;order:3}}
@media(max-width:400px){.profile-page-hero{grid-template-columns:1fr}.profile-page-level{display:flex;align-items:center;gap:8px;text-align:left}.profile-page-level strong{margin-left:auto}.profile-page-level small{display:none}.profile-page-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-page-stats article.emphasis{grid-column:auto}.profile-page-avatar{flex-basis:54px;width:54px;height:54px}.profile-color-options{gap:5px}}
@media(prefers-reduced-motion:reduce){.player-profile-page *, .player-profile-page *::before,.player-profile-page *::after{transition:none!important}}
.leader-row>a.profile-user-link{font-weight:750;white-space:nowrap}

/* Auth password visibility and live game browsing, Build 186. */
.password-field{position:relative;display:block;min-width:0}
.password-field>input{width:100%;padding-inline-end:52px!important;box-sizing:border-box}
.password-visibility{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;opacity:.72;touch-action:manipulation}
.password-visibility svg{width:21px;height:21px;display:block}
.password-visibility .password-eye-slash{display:none}
.password-visibility[aria-pressed="true"] .password-eye-slash{display:block}
.password-visibility:hover,.password-visibility:focus-visible{background:rgba(56,154,109,.13);opacity:1}
.password-visibility:focus-visible{outline:2px solid #25a472;outline-offset:0}
.site-return-game{font-weight:800;white-space:nowrap;border-color:#328465!important}
.game-browse-btn{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:36px;padding:5px 10px;border:1px solid rgba(180,226,203,.25);border-radius:11px;background:rgba(14,58,43,.55);color:#d4fbe8;cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}
.game-browse-btn:hover,.game-browse-btn:focus-visible{background:rgba(29,119,82,.78);outline-color:#61c59c}
.site-active-game{position:fixed;z-index:170;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(calc(100vw - 24px),440px);padding:10px 12px;border:1px solid #89b6a1;border-radius:14px;background:#102e23;color:#ecfff6;box-shadow:0 5px 18px rgba(0,0,0,.22);text-decoration:none;font-size:12px;box-sizing:border-box}
.site-active-game-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#1c6648;font-size:24px}
.site-active-game-copy{display:grid;gap:2px;min-width:0;flex:1}
.site-active-game-copy>b{font-size:12px}.site-active-game-copy>small{font-size:10px;color:#c2decc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-active-game>strong{padding:9px 10px;border-radius:8px;background:#23825b;color:#fff;white-space:nowrap;font-size:11px}
body.has-site-return{padding-bottom:max(86px,calc(72px + env(safe-area-inset-bottom)))}
@media(max-width:760px){.game-browse-btn{width:36px;min-width:36px;padding:5px 3px;font-size:20px}.game-browse-btn span{display:none}.site-active-game{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);gap:8px;padding:8px 9px}.site-return-game{font-size:12px;min-height:36px}}

.player-moderation-actions a.private-menu-action{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:9px 8px;border-radius:10px;color:inherit;text-decoration:none;text-align:left;box-sizing:border-box}.player-moderation-actions a.private-menu-action:hover,.player-moderation-actions a.private-menu-action:focus-visible{background:rgba(63,163,114,.15)}

.game-mobile-menu-grid>a.game-mobile-profile-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 8px;align-items:center;min-height:48px;padding:9px 10px;border-radius:10px;background:rgba(23,92,65,.13);border:1px solid rgba(162,211,187,.21);text-decoration:none;color:inherit;box-sizing:border-box}.game-mobile-menu-grid>a.game-mobile-profile-link .game-mobile-menu-item-icon{grid-row:1/3}.game-mobile-menu-grid>a.game-mobile-profile-link:focus-visible{outline:2px solid #43bb82;outline-offset:2px}

/* Shared flat private conversation styles, used on the dedicated message page. */
.profile-message-jump{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.profile-pm-privacy{font-size:10px;font-weight:750;background:#eef5f0;color:#34694d;border-radius:7px;padding:6px 8px;white-space:nowrap}
.profile-pm-feed{display:flex;flex-direction:column;gap:9px;min-height:140px;max-height:min(360px,48dvh);overflow:auto;overscroll-behavior:contain;border:1px solid #e0e8e3;background:#f7faf8;border-radius:10px;padding:12px;scrollbar-width:thin}
.profile-pm-placeholder{margin:auto;color:#758779;font-size:12px;text-align:center;line-height:1.5}
.profile-pm-message{max-width:90%;align-self:flex-start;background:#fff;border:1px solid #dfe9e2;border-radius:12px 12px 12px 4px;padding:9px 11px;overflow-wrap:anywhere;min-width:0}
.profile-pm-message.mine{background:#e9f5ed;border-color:#c4dfce;align-self:flex-end;border-radius:12px 12px 4px 12px}
.profile-pm-message p{margin:0;font-size:12px;line-height:1.5;color:#294535;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-pm-message time{display:block;color:#708779;font-size:10px;text-align:right;margin-top:4px;font-variant-numeric:tabular-nums}
.profile-pm-status{min-height:15px;color:#246f49;font-size:11px;margin:7px 0}.profile-pm-status.error{color:#a33332}
.profile-pm-form{display:grid;gap:9px}
.profile-pm-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:70px;max-height:160px;resize:vertical;background:#fff;color:#1d3e2c;border:1px solid #cbdcd0;border-radius:10px;padding:10px 12px;outline:0;font:inherit;font-size:13px;line-height:1.45}
.profile-pm-form textarea:focus{border-color:#36845a;box-shadow:0 0 0 3px #36845a21}
.profile-pm-form textarea:disabled{opacity:.6}
.profile-pm-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.profile-pm-actions small{font-size:11px;color:#84978a;font-variant-numeric:tabular-nums}
.profile-pm-actions .btn{min-width:96px;min-height:38px}
@media(max-width:640px){.profile-pm-feed{max-height:280px}.profile-pm-message{max-width:94%}.profile-pm-actions .btn{min-height:42px}}


/* Member relationships and favorites — compact flat layouts, shared on mobile/desktop. */
.profile-social-counts{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.profile-social-counts button{display:inline-flex;gap:5px;align-items:center;min-height:36px;padding:8px 11px;border:1px solid #d6e5db;border-radius:9px;background:#f4f8f5;color:#345a43;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
.profile-social-counts button b{font-variant-numeric:tabular-nums;font-size:14px;color:#1a6947}
.profile-social-counts button:hover,.profile-social-counts button:focus-visible{background:#e8f5ec;outline:2px solid #75b898;outline-offset:1px}
.profile-social-note{font-size:11px;color:#456c52;min-width:0;overflow-wrap:anywhere}
.profile-follow-btn[aria-pressed="true"]{background:#e7f5ec!important;color:#1b6b42!important;border-color:#a3d3b4!important}
.profile-follow-btn:disabled{opacity:.6;cursor:wait}
.profile-social-panel{scroll-margin-top:18px}
.profile-social-list{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-social-person{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #e3ece5;border-radius:10px;text-decoration:none;color:#294936;background:#fcfefd;font-size:12px}
.profile-social-person span{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e3f2e9;color:#27744b;font-size:14px;font-weight:800}
.profile-social-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-social-person:hover,.profile-social-person:focus-visible{border-color:#81bb99;background:#f1f9f3;outline:0}
.profile-favorite-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:360px;overflow-y:auto;scrollbar-width:thin;margin:12px 0}
.profile-favorite-choice{display:flex;align-items:center;gap:6px;min-width:0;border:1px solid #dce8df;border-radius:9px;background:#fafdfa;padding:9px 7px;cursor:pointer}
.profile-favorite-choice:has(input:checked){background:#edf8f0;border-color:#79bd98}
.profile-favorite-choice input{width:16px;height:16px;accent-color:#278151;flex:0 0 16px;margin:0}
.profile-favorite-choice span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;background:#eaf2eb;border-radius:7px;color:#29744c;font-weight:800;font-size:11px}
.profile-favorite-choice b{font-size:11px;color:#31513b;overflow-wrap:anywhere;line-height:1.2}
.profile-favorite-footer{display:flex;align-items:center;justify-content:space-between;gap:9px}
.profile-favorite-footer small{color:#5c7561;font-size:11px;font-variant-numeric:tabular-nums}
.profile-favorite-public{display:grid;gap:7px}
.profile-favorite-link{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #deebdf;border-radius:9px;color:#2e543c;background:#f8fcf9;text-decoration:none}
.profile-favorite-link span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:8px;background:#e7f3eb;font-weight:800}
.profile-favorite-link b{flex:1;font-size:12px}.profile-favorite-link small{font-size:11px;color:#367851}
.profile-favorite-link:hover,.profile-favorite-link:focus-visible{background:#eaf6ee;outline:2px solid #a6d6b8}
.game-favorites-empty{grid-column:1/-1;display:block;text-align:center;margin:0;padding:30px 16px;border:1px dashed #9ac5aa;border-radius:12px;color:#4b6b58;background:#f4fbf6;font-size:13px}
.game-favorites-empty a{color:#1c7d4a;font-weight:700}
.game-entry-card.is-favorite{position:relative}
.game-entry-card.is-favorite::before{content:'★';position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fef3d2;color:#97610c;font-size:15px;border:1px solid #e9cf86;pointer-events:none}
.premium-showcase-game.is-favorite::before{content:'★';position:absolute;z-index:3;inset:6px 6px auto auto;display:grid;place-items:center;width:26px;height:26px;border:1px solid #ead08c;border-radius:8px;background:#fff0c6;color:#8f650a;font-size:17px;line-height:1;box-sizing:border-box;pointer-events:none}
@media(max-width:640px){.profile-social-counts{width:100%;margin-left:0}.profile-social-counts button{flex:1;justify-content:center}.profile-social-list{grid-template-columns:1fr}.profile-favorite-choices{max-height:300px}.profile-favorite-footer .btn{min-height:42px}.game-entry-card.is-favorite::before{top:5px;right:5px}}

/* 1.3.09: consistent crisp flat outline icons (not game tiles/playing pieces). */
:where(.game-tool-btn,.game-mobile-menu-btn,.game-share-btn,.room-share-btn,.owner-drawer-trigger,.side-panel-icon,.help-hero-mark,.word-action-btn,.word-info-btn,.word-live-spectator-btn,.password-visibility,.lock-mark) > svg,
:where(.game-tool-btn,.game-mobile-menu-btn,.game-share-btn,.room-share-btn,.owner-drawer-trigger,.side-panel-icon,.help-hero-mark,.word-action-btn,.word-info-btn,.word-live-spectator-btn,.password-visibility,.lock-mark) svg:not([data-icon-fill]) {
  display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
}
:where(.game-tool-btn,.game-mobile-menu-btn,.game-share-btn,.room-share-btn,.owner-drawer-trigger,.side-panel-icon,.word-action-btn,.word-info-btn,.password-visibility):focus-visible {outline:2px solid currentColor;outline-offset:2px}
@media (prefers-reduced-motion:reduce) {
  :where(.game-tool-btn,.game-mobile-menu-btn,.game-share-btn,.room-share-btn,.owner-drawer-trigger,.word-action-btn,.password-visibility) {transition:none}
}

/* 1.3.11 — single-source, lightweight flat icon system across site and panels. */
.ui-icon{display:inline-block;flex:0 0 auto;width:18px;height:18px;vertical-align:-.2em;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke;pointer-events:none;overflow:visible}
.btn>.ui-icon,.admin-actions .ui-icon,.profile-hero-actions .ui-icon{width:17px;height:17px}
.btn:has(>.ui-icon){gap:7px}
.brand>.ui-icon{width:23px;height:23px;vertical-align:-.22em;color:#176b4d}
.auth-brand-row .brand>.ui-icon{width:29px;height:29px}
.admin-brand>span .ui-icon{width:21px;height:21px}
.admin-nav a i .ui-icon,.settings-side-nav a i .ui-icon{width:17px;height:17px}
.admin-menu-toggle>.ui-icon{width:21px;height:21px}
.admin-avatar>.ui-icon,.guest-icon>.ui-icon{width:16px;height:16px}
.home-resume-mark>.ui-icon{width:22px;height:22px}
.home-resume-action>.ui-icon{width:14px;height:14px}
.game-browse-btn>.ui-icon{width:19px;height:19px}
.game-mobile-menu-item-icon>.ui-icon{width:21px;height:21px}
.profile-social-counts .ui-icon{width:15px;height:15px}
.help-read>.ui-icon{height:15px;width:15px}
.admin-sidebar-foot .ui-icon{height:13px;width:13px;margin-right:3px}
@media(max-width:640px){.brand>.ui-icon{width:20px;height:20px}.profile-hero-actions .btn>.ui-icon{width:16px;height:16px}.profile-hero-actions>.profile-owner-action,.profile-hero-actions>.profile-follow-btn,.profile-hero-actions>.profile-message-jump{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;font-size:12px}}
@media(max-width:360px){.profile-hero-actions .btn{padding-inline:7px;font-size:11px}.profile-hero-actions .btn>.ui-icon{width:14px;height:14px}}

.profile-page-stats article>span{display:flex;align-items:center;gap:6px}.profile-page-stats article>span>.ui-icon{width:13px;height:13px;color:#297653}.settings-side-nav .ui-icon{vertical-align:middle}

.player-moderation-actions .ui-action-icon{height:19px;width:19px;display:block}.site-active-game-mark .ui-icon{width:21px;height:21px;stroke:currentColor}

/* Dedicated, responsive private message page. Profile pages no longer render a conversation. */
.private-message-shell{max-width:880px;padding-top:24px;padding-bottom:78px;min-width:0}
.private-message-card{padding:22px;min-width:0}.private-message-page .topbar nav{display:flex;align-items:center;gap:8px}.private-message-page .topbar nav .btn{min-height:42px}
.private-message-head{display:flex;align-items:center;gap:13px;min-width:0;padding-bottom:16px;border-bottom:1px solid #e0ebe3;margin-bottom:16px}
.private-message-avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid #bcdcca;border-radius:13px;background:#e6f4eb;color:#176b4d;font-size:22px;font-weight:850}
.private-message-heading{min-width:0;flex:1}.private-message-heading h1{font-size:21px;line-height:1.2;margin:3px 0;color:#183b2b;overflow-wrap:anywhere}.private-message-heading p{font-size:12px;color:#667e70;margin:0}
.private-message-head .profile-pm-privacy{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.private-message-head .profile-pm-privacy .ui-icon{width:13px;height:13px}
.private-message-feed{min-height:220px;height:min(48dvh,410px);max-height:410px;overflow-y:auto}
.private-message-feedback{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:21px;margin:8px 0}
.private-message-feedback .profile-pm-status{margin:0}.private-message-feedback button{padding:5px 9px;font-size:11px}.private-message-feedback button[hidden]{display:none}
.private-message-form{padding-top:12px;border-top:1px solid #e5ebe7}
.private-message-form>label{font-size:12px;font-weight:750;color:#345443}
.private-message-form textarea{min-height:78px}.private-message-form .btn{min-height:42px}
@media(max-width:640px){.private-message-page .topbar{gap:10px}.private-message-page .topbar nav{gap:6px}.private-message-page .topbar nav .btn{min-width:42px;width:42px;height:42px;padding:0}.private-message-page .pm-top-label{display:none}.private-message-shell{padding:14px 12px 74px}.private-message-card{padding:14px}.private-message-head{gap:9px}.private-message-avatar{width:42px;height:42px;flex-basis:42px;font-size:19px}.private-message-heading h1{font-size:18px}.private-message-head .profile-pm-privacy{font-size:9px}.private-message-feed{height:min(43dvh,350px);min-height:180px;max-height:350px}.private-message-form textarea{min-height:76px}}

/* Shared responsive site identity, safe media upload previews and flat controls. */
.site-brand-fallback{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.site-brand-fallback>.ui-icon{flex-shrink:0}
.brand .site-brand-image,.brand.big .site-brand-image{display:block;width:auto;height:auto;max-height:42px;max-width:min(200px,42vw);object-fit:contain;flex-shrink:0}
.admin-brand-identity{display:grid;gap:3px;min-width:0;align-content:center}
.admin-brand-identity .site-brand-image{width:auto;height:auto;max-height:37px;max-width:175px;object-fit:contain;display:block}
.admin-brand-identity{color:#f0f7f3;font-size:17px;font-weight:800}.admin-brand-identity>.ui-icon{width:24px;height:24px;display:inline-block}
.admin-brand-identity small{font-size:10px;opacity:.75}
.brand-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.brand-upload-item{display:grid;gap:10px;min-width:0;border:1px solid #dce7df;background:#fbfdfb;border-radius:13px;padding:16px}
.brand-upload-item>b{font-size:14px;color:#224a36}.brand-upload-item>small{font-size:11px;color:#71877a;line-height:1.5}
.brand-upload-item>label:not(.brand-remove-option){font-size:12px;font-weight:750;color:#315843}
.brand-upload-item input[type=file]{min-width:0;width:100%;max-width:100%;padding:9px;border:1px solid #cbded2;border-radius:9px;background:#fff;color:#264839;box-sizing:border-box;font:inherit;font-size:11px}
.brand-upload-item input[type=file]::file-selector-button{border:1px solid #b7d5c4;background:#eaf5ee;color:#205c3c;border-radius:7px;padding:8px 11px;margin-right:10px;font:inherit;font-weight:750;cursor:pointer}
.brand-image-preview{display:flex;align-items:center;justify-content:center;gap:10px;min-height:94px;border:1px dashed #bdd6c6;background:#f0f7f2;border-radius:11px;padding:12px;box-sizing:border-box;min-width:0;overflow:hidden}
.brand-image-preview img{max-width:100%;max-height:90px;object-fit:contain;width:auto;height:auto}
.brand-image-preview.brand-image-small img{max-width:80px;max-height:80px}
.brand-image-preview strong{font-size:18px;overflow-wrap:anywhere}.brand-image-preview svg{width:24px;height:24px;color:#186749}
.brand-remove-option{display:flex;align-items:center;gap:8px;color:#596d60;font-size:11px;cursor:pointer}
.brand-remove-option input{accent-color:#176b4d;flex:0 0 auto;width:16px;height:16px}
.pwa-brand-upload{margin:16px 0}.pwa-admin-icon img{display:block;width:40px;height:40px;object-fit:contain;border-radius:9px}
@media(max-width:660px){.brand-admin-grid{grid-template-columns:1fr}.brand-upload-item{padding:13px}.brand .site-brand-image,.brand.big .site-brand-image{max-height:32px;max-width:130px}.admin-brand-identity .site-brand-image{max-height:32px;max-width:150px}}

/* v1.3.26 build 209 — premium account topbar, quick icons and compact mobile menu. */
.account-site-head .topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-site-head .brand{margin-right:auto;min-width:0}
.account-site-head .account-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;flex:0 1 auto;min-width:0;margin-left:auto}
.account-site-head .account-topbar-actions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:14px;white-space:nowrap;font-size:14px;font-weight:775;line-height:1;box-shadow:none}
.account-site-head .account-topbar-actions>.btn.ghost{background:#fff;border-color:#d9e5de;color:#173927}.account-site-head .account-topbar-actions>.btn.ghost:hover{background:#f5faf7;border-color:#b9d3c4}
.account-site-head .account-topbar-actions>.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.account-site-head .account-topbar-actions>.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.account-site-head .account-topbar-actions>.btn>.ui-icon{width:18px;height:18px;flex:0 0 18px}
.account-site-head .site-return-game{min-height:42px;padding:0 15px;border-radius:14px;font-size:13px;font-weight:760}
.account-topbar-quick{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;border:1px solid #d9e5de;border-radius:14px;background:#fff;color:#173927;text-decoration:none;font-size:13px;font-weight:730;line-height:1;box-shadow:0 8px 20px rgba(19,60,40,.05);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.topbar-icon-btn:hover{background:#f5faf7;border-color:#b7d2c3;box-shadow:0 10px 22px rgba(19,60,40,.08)}.topbar-icon-btn:active{transform:translateY(1px)}
.topbar-icon-btn>.ui-icon{width:18px;height:18px;flex:0 0 18px}.topbar-icon-btn .topbar-label{white-space:nowrap}.topbar-icon-btn .private-unread{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e14c4c;color:#fff;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:850;box-shadow:0 6px 14px rgba(225,76,76,.22)}
.account-menu{position:relative;flex:0 0 auto}
.account-menu-toggle{display:flex;align-items:center;gap:10px;min-height:46px;max-width:248px;padding:4px 12px 4px 4px;border:1px solid #dbe8e1;border-radius:16px;background:#fff;color:#1f4431;font:inherit;font-size:13px;font-weight:775;cursor:pointer;box-shadow:0 8px 20px rgba(19,60,40,.06)}
.account-menu-toggle:hover,.account-menu-toggle[aria-expanded="true"]{border-color:#96c9ac;background:#f4fbf7;box-shadow:0 10px 22px rgba(19,60,40,.09)}
.account-menu-toggle:focus-visible,.topbar-icon-btn:focus-visible,.account-menu-panel :is(a,button):focus-visible{outline:2px solid #328c5b;outline-offset:2px}
.account-menu-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(44,122,82,.10);background:#e3f2e8;color:#206b48;font-size:14px;font-weight:850;line-height:1}
.account-menu-avatar.female{background:#f9dfeb;color:#a04476;border-color:rgba(160,68,118,.12)}.account-menu-avatar.male{background:#deedff;color:#245c9b;border-color:rgba(36,92,155,.12)}
.account-menu-copy{display:grid;gap:2px;min-width:0;flex:1}.account-menu-name{display:block;max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-role{display:block;font-size:10px;line-height:1.1;color:#749080;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.account-menu-chevron{flex:0 0 8px;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}
.account-menu-toggle[aria-expanded="true"] .account-menu-chevron{transform:translateY(2px) rotate(225deg)}
.account-menu-panel[hidden]{display:none!important}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:175;display:grid;gap:4px;width:min(308px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 80px));overflow:auto;padding:10px;border:1px solid #dce8e1;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(19,60,40,.16);color:#274936;box-sizing:border-box}
.account-menu-person{display:flex;align-items:center;gap:12px;padding:10px 10px 8px;min-width:0}.account-menu-person>span:last-child{display:grid;gap:3px;min-width:0}.account-menu-person strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-person small{font-size:10px;color:#73897b;letter-spacing:.02em;text-transform:uppercase}
.account-menu-scores{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 8px 12px;border-bottom:1px solid #e5eee8;margin-bottom:2px}.account-menu-scores>span{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#f1f8f4;border:1px solid #e0ebe4;border-radius:12px;padding:10px;font-size:10px;color:#53725e}.account-menu-scores b{font-size:13px;color:#27563c;font-variant-numeric:tabular-nums}
.account-menu-panel>a,.account-menu-panel>button{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:inherit;text-decoration:none;font:inherit;font-size:13px;font-weight:675;text-align:left;cursor:pointer;box-sizing:border-box;width:100%}
.account-menu-panel>a:hover,.account-menu-panel>button:hover{background:#f2f8f4}.account-menu-panel :is(a,button)>.ui-icon{width:18px;height:18px;flex:0 0 18px;color:#34835a}
.account-menu-panel .private-unread{margin-left:auto;position:static;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eb5757;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:850}.account-menu-separator{height:1px;margin:4px 8px;background:#e7eee8}.account-menu-panel>.account-menu-logout{color:#a4413a}.account-menu-panel>.account-menu-logout>.ui-icon{color:#a4413a}
.auth-shell{min-height:calc(100dvh - 64px)}
@media(max-width:980px){.account-site-head .account-topbar-actions{gap:8px}.topbar-icon-btn{padding:0 12px}.account-menu-toggle{max-width:220px}.account-menu-name{max-width:112px}}
@media(max-width:760px){.account-site-head .topbar{min-height:58px;gap:8px}.account-site-head .brand{max-width:34%;overflow:hidden;text-overflow:ellipsis}.account-site-head .account-topbar-actions{gap:6px;overflow:visible;padding:0;margin-left:auto;justify-content:flex-end}.account-site-head .site-return-game{padding:0 10px;min-height:40px;font-size:12px}.account-topbar-quick{gap:6px}.topbar-icon-btn{min-width:40px;min-height:40px;padding:0 10px;border-radius:13px}.topbar-icon-btn .topbar-label{display:none}.topbar-icon-btn>.ui-icon{width:19px;height:19px}.account-menu-toggle{min-height:42px;max-width:168px;padding:4px 10px 4px 4px;border-radius:14px}.account-menu-name{max-width:84px}.account-menu-role{font-size:9px}.account-menu-panel{right:0;width:min(300px,calc(100vw - 18px))}.auth-shell{min-height:calc(100dvh - 58px)}}
@media(max-width:520px){.account-site-head .topbar{gap:6px}.account-site-head .brand{max-width:29%}.account-site-head .site-return-game{min-width:40px;padding:0 9px}.account-site-head .site-return-game .ui-icon{margin:0}.account-site-head .site-return-game{font-size:0}.account-topbar-quick{gap:5px}.topbar-icon-btn{min-width:38px;min-height:38px;padding:0;border-radius:12px}.account-menu-toggle{max-width:none;min-width:42px;padding:4px;gap:0;justify-content:center}.account-menu-copy,.account-menu-chevron{display:none}.account-menu-avatar{flex-basis:34px;width:34px;height:34px;border-radius:11px}.account-menu-panel{top:calc(100% + 8px);width:min(286px,calc(100vw - 14px))}}

/* v1.3.27 — Avatar editor, activity center and one-line mobile quick drawer. */
.account-menu-avatar{overflow:hidden}.account-menu-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-page-avatar{overflow:hidden}.profile-page-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-avatar-manager{display:flex;align-items:center;gap:14px;padding:14px;margin:0 0 16px;border:1px solid #dfebe3;background:#f9fcfa;border-radius:14px}
.profile-avatar-manager-preview{display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;overflow:hidden;border:2px solid #c3e0d0;border-radius:18px;background:#e8f4ec;color:#21684a;font-weight:850;font-size:26px}
.profile-avatar-manager-preview img{width:100%;height:100%;object-fit:cover}
.profile-avatar-manager-tools{display:grid;gap:7px;flex:1;min-width:0}.profile-avatar-manager-tools>strong{font-size:13px;color:#264a36}.profile-avatar-manager-tools>small{font-size:11px;color:#647f6f}
.profile-avatar-upload-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0}.profile-avatar-upload-form input[type=file]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.profile-avatar-upload-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:8px 12px;border-radius:10px;border:1px solid #c6decf;background:#fff;color:#216746;cursor:pointer;font-size:12px;font-weight:750}
.profile-avatar-upload-label:has(+ input:focus-visible){outline:2px solid #216746;outline-offset:2px}
.profile-avatar-upload-label .ui-icon{height:17px;width:17px}.profile-avatar-upload-form .btn,.profile-avatar-remove-form .btn{min-height:39px;padding:8px 12px;font-size:12px}.profile-avatar-remove-form{margin:0}
.topbar-notify-btn>.ui-icon{width:19px;height:19px}
.account-mobile-quick-toggle{display:none;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #d9e5de;border-radius:12px;background:#fff;color:#1d5037;cursor:pointer}
.account-mobile-quick-toggle .ui-icon{width:21px;height:21px}
body.account-mobile-menu-open{overflow:hidden}
.account-mobile-quick-backdrop{position:fixed;inset:0;z-index:190;border:0;background:rgba(14,33,24,.36);padding:0;cursor:pointer}
.account-mobile-quick-panel{position:fixed;right:0;top:0;bottom:0;z-index:191;width:min(320px,88vw);padding:0;display:grid;grid-template-rows:auto 1fr;align-content:start;background:#fff;border-left:1px solid #d9e5de;box-shadow:-18px 0 50px rgba(10,30,20,.18)}
.account-mobile-quick-header{display:flex;align-items:center;justify-content:space-between;padding:19px 18px;border-bottom:1px solid #e5ede8;color:#174631;font-size:15px}
.account-mobile-quick-header button,.notification-center-head>button{width:36px;height:36px;border:1px solid #e1ebe5;border-radius:10px;background:#f6faf7;display:grid;place-items:center;cursor:pointer}
.account-mobile-quick-list{overflow-y:auto;display:grid;gap:6px;padding:14px;align-content:start}
.account-mobile-quick-list>a,.account-mobile-quick-list>button{display:flex;gap:12px;align-items:center;min-height:46px;padding:12px;border:0;border-radius:11px;text-decoration:none;background:transparent;color:#294c38;font-size:13px;font-weight:750;text-align:left;cursor:pointer}
.account-mobile-quick-list>a:hover,.account-mobile-quick-list>button:hover{background:#f0f8f3}.account-mobile-quick-list .ui-icon{width:19px;height:19px;flex:0 0 19px;color:#28704b}
.mobile-notification-count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#d84d4d;color:#fff;font-size:11px}
.notification-center{position:fixed;right:max(18px,calc((100vw - 1280px)/2 + 18px));top:72px;z-index:201;width:min(390px,calc(100vw - 28px));max-height:min(570px,calc(100dvh - 94px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8e8de;border-radius:17px;background:#fff;box-shadow:0 20px 48px rgba(15,43,26,.18);color:#244833}
.notification-center-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px 12px;border-bottom:1px solid #e7eee9}.notification-center-head>div{display:grid;gap:3px}.notification-center-head small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#749080;font-weight:800}.notification-center-head strong{font-size:16px}
.notification-center-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#fafcfa;border-bottom:1px solid #e8efea}.notification-center-filters button{border:0;border-radius:9px;background:transparent;padding:7px 9px;color:#617c6a;font-weight:750;font-size:11px;cursor:pointer}.notification-center-filters button.active{background:#e5f3ea;color:#146743}.notification-center-filters #notificationReadAll{margin-left:auto;color:#28714d;font-weight:700}.notification-center-filters #notificationReadAll:disabled{opacity:.5}
.notification-center-list{display:grid;gap:2px;padding:8px;overflow-y:auto;min-height:90px;overscroll-behavior:contain}.notification-center-item{display:flex;align-items:center;gap:11px;min-height:65px;padding:11px 9px;border:1px solid transparent;border-radius:11px;color:#284e37;text-decoration:none}.notification-center-item:hover{background:#f4faf6}.notification-center-item.is-unread{border-color:#e4eee8;background:#f1f8f4}.notification-kind-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#e3f1e9;color:#26714b}.notification-kind-icon .ui-icon{width:18px;height:18px}.notification-item-copy{display:grid;gap:4px;min-width:0;flex:1}.notification-item-copy b{font-size:12px;line-height:1.45;font-weight:730;overflow-wrap:anywhere}.notification-item-copy small{font-size:10px;color:#788e80}.notification-new-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#168454}.notification-empty{padding:22px 14px;margin:0;text-align:center;font-size:12px;color:#6b8274}
@media(max-width:760px){.notification-center{top:64px;right:9px;width:min(375px,calc(100vw - 18px));max-height:min(69dvh,570px)}}
@media(max-width:520px){.account-site-head .topbar{gap:8px;justify-content:flex-start}.account-site-head .brand{flex:1 1 auto;max-width:calc(100% - 104px);min-width:0;overflow:visible}.account-site-head .brand .site-brand-image{max-width:min(190px,100%);max-height:34px}.account-site-head .site-brand-fallback{display:inline-flex;align-items:center;gap:8px;max-width:100%}.account-site-head .site-brand-fallback>span:last-child{display:block;max-width:100%;overflow:visible;white-space:nowrap}.account-site-head .account-topbar-actions{gap:6px;flex:0 0 auto}.account-site-head .account-topbar-quick{display:none}.account-site-head .account-menu{order:1}.account-site-head .account-mobile-quick-toggle{display:flex;order:2}.account-site-head .account-menu-toggle{width:42px;min-width:42px;height:42px;min-height:42px;box-shadow:none}.account-site-head .account-menu-avatar{width:32px;height:32px;flex:0 0 32px}.account-site-head .account-menu-panel{position:fixed;right:10px;left:auto;top:calc(66px + env(safe-area-inset-top,0px));width:min(280px,calc(100vw - 20px));max-height:calc(100dvh - 82px);border-radius:14px;box-shadow:0 16px 32px rgba(19,60,40,.15)}.notification-center{right:0;top:auto;bottom:0;width:100%;max-height:min(78dvh,640px);border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.profile-avatar-manager{align-items:flex-start;padding:12px;gap:10px}.profile-avatar-manager-preview{width:56px;height:56px;flex-basis:56px;border-radius:14px}.profile-avatar-upload-form{align-items:stretch}.profile-avatar-upload-label,.profile-avatar-upload-form .btn{font-size:11px;min-height:37px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.topbar-icon-btn{transition:none}}

/* v1.3.28 build 211 — mobile header logo visibility and action order. */

/* Real-money reward wallet: compact, responsive and deliberately flat. */
.wallet-page{background:#f5f8f6;min-height:100dvh}.wallet-shell{max-width:1100px;padding-top:26px;padding-bottom:60px}
.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.wallet-heading-copy{flex:1 1 auto;min-width:0}.wallet-heading-actions{display:flex;flex:0 0 auto;align-items:flex-end;gap:9px;flex-direction:column}.wallet-withdraw-trigger{min-height:42px;min-width:184px;white-space:nowrap;justify-content:center;gap:7px}.wallet-withdraw-trigger:disabled{opacity:.58;cursor:not-allowed;background:#e9efeb;color:#60756a;border-color:#d9e4dd;box-shadow:none}.wallet-withdraw-trigger>.ui-icon{height:17px;width:17px}.wallet-heading h1{font-size:30px;line-height:1.2;margin:4px 0}.wallet-heading p{font-size:13px;color:#62796a;margin:0}.wallet-status{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#fff4e9;border:1px solid #e9d6b9;color:#956734;font-size:11px;font-weight:800;border-radius:999px;white-space:nowrap}.wallet-status.on{background:#edf8f0;border-color:#c5e2cf;color:#1b7548}
.wallet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.wallet-stats>article{padding:19px;border:1px solid #dce8e0;border-radius:16px;background:#fff;display:grid;gap:8px;min-width:0}.wallet-stats span{font-size:12px;font-weight:700;color:#648072}.wallet-stats strong{font-size:25px;color:#173f2e;font-variant-numeric:tabular-nums}.wallet-stats small{font-size:11px;color:#729081}.wallet-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}.wallet-limit{display:grid;gap:8px;margin-bottom:16px;padding:13px 16px;border:1px solid #dce8e0;border-radius:14px;background:#fff;color:#355643}.wallet-limit-head,.wallet-limit-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.wallet-limit-head>span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;white-space:nowrap}.wallet-limit-head .ui-icon{width:15px;height:15px;color:#438561}.wallet-limit-head small{font-size:11px;color:#738a7c;text-align:right}.wallet-limit-track{height:7px;width:100%;overflow:hidden;border-radius:999px;background:#e9f0ec}.wallet-limit-track>span{display:block;height:100%;border-radius:inherit;background:#268257;transition:width .2s ease}.wallet-limit-foot{font-size:11px;color:#738a7c}.wallet-limit-foot strong{color:#34624a}.wallet-withdraw-panel{margin:0 0 16px;border-color:#bfddca;background:#fbfdfb}.wallet-withdraw-panel .wallet-panel-title{margin-bottom:10px}.wallet-withdraw-close{min-height:37px;gap:5px}.wallet-withdraw-close>.ui-icon{width:15px;height:15px}.wallet-withdraw-panel .wallet-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-withdraw-panel .wallet-form>.wallet-confirm{grid-column:1/-1}.wallet-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;grid-column:1/-1}.wallet-form-actions .btn{min-height:42px}.wallet-panel{padding:22px;border-radius:16px;min-width:0}.wallet-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.wallet-panel h2{font-size:19px;margin:5px 0 0}.wallet-note{font-size:12px;color:#5d7467;line-height:1.65;margin:0 0 14px}.wallet-form{display:grid;gap:12px}.wallet-form>label:not(.wallet-confirm),.wallet-admin-form>label:not(.wallet-confirm){display:grid;gap:6px;font-size:12px;font-weight:800;color:#395b47}.wallet-form input[type=text],.wallet-admin-form input{width:100%;min-width:0;min-height:44px;border:1px solid #d6e3d9;border-radius:11px;padding:10px 12px;background:#fff;color:#1d3b2b;font:inherit;font-size:14px}.wallet-form label small{font-size:10px;color:#6f8a79}.wallet-form input:focus-visible{outline:2px solid #278458;outline-offset:2px}.wallet-confirm{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#567260;font-weight:650;line-height:1.5}.wallet-confirm input{flex:0 0 auto;margin-top:3px}.wallet-history{display:grid;gap:0}.wallet-history article{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 2px;border-bottom:1px solid #e5eee8}.wallet-history article:last-child{border-bottom:0}.wallet-history article>div{display:grid;gap:4px}.wallet-history article b,.wallet-ledger strong{font-size:13px;color:#244b35}.wallet-history article small{font-size:10px;color:#7e9485}.wallet-empty{padding:14px 0;color:#789080;font-size:12px}.wallet-reason{width:100%;color:#a74b43!important}.wallet-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid #e2d8c4;background:#fff8e9;color:#90713d;font-size:10px;font-weight:850}.wallet-pill.paid{background:#eaf7ef;border-color:#cae4d2;color:#21774a}.wallet-pill.rejected{background:#fff0ef;border-color:#eecaca;color:#a3443d}
.wallet-admin-list{display:grid;gap:13px}.wallet-admin-request{padding:18px}.wallet-admin-request-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-admin-request-head>div{display:grid;gap:6px}.wallet-admin-request-head>div:last-child{justify-items:end}.wallet-admin-request-head strong{font-size:18px;color:#1d4b34}.wallet-admin-request-head small{font-size:11px;color:#698071}.wallet-admin-iban{display:grid;gap:5px;background:#f2f8f4;border:1px solid #dce8e0;padding:12px;border-radius:11px;margin-top:14px}.wallet-admin-iban>b{font-size:11px}.wallet-admin-iban code{font-size:13px;overflow-wrap:anywhere}.wallet-admin-iban small{font-size:10px;color:#617867}.wallet-admin-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.wallet-admin-form{display:grid;gap:9px;align-content:start;border:1px solid #e3ebe6;padding:12px;border-radius:12px}.wallet-admin-form>.btn{justify-self:start}.wallet-admin-history{display:flex;flex-wrap:wrap;gap:10px;padding-top:13px;font-size:12px;color:#607c68}.wallet-settings-form .notice{margin-top:15px;font-size:12px;line-height:1.6}
@media(max-width:760px){.wallet-shell{padding-top:15px}.wallet-stats{gap:8px}.wallet-stats>article{padding:13px}.wallet-stats strong{font-size:19px}.wallet-layout{grid-template-columns:1fr}.wallet-heading-actions{align-items:stretch}.wallet-withdraw-panel .wallet-form{grid-template-columns:1fr}.wallet-panel{padding:16px}.wallet-admin-forms{grid-template-columns:1fr}.wallet-heading h1{font-size:25px}}
@media(max-width:480px){.wallet-heading{align-items:stretch;flex-direction:column;gap:12px}.wallet-heading-actions{align-items:stretch;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.wallet-withdraw-trigger{flex:1;min-width:0}.wallet-limit-head{align-items:flex-start;flex-direction:column;gap:5px}.wallet-limit-head small{text-align:left}.wallet-stats{grid-template-columns:1fr 1fr}.wallet-stats>article:last-child{grid-column:1/-1}.wallet-stats strong{font-size:20px}.wallet-shell .topbar{flex-wrap:wrap}.wallet-status{font-size:10px}.wallet-admin-request-head{align-items:flex-start;flex-direction:column}.wallet-admin-request-head>div:last-child{justify-items:start}}

/* Account verification and SMTP administration: compact flat responsive controls. */
.admin-smtp-test{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:18px}.admin-smtp-test>div{display:grid;gap:5px;min-width:0}.admin-smtp-test b{display:flex;align-items:center;gap:8px;font-size:14px;color:#214735}.admin-smtp-test small{font-size:11px;line-height:1.5;color:#6c8073;overflow-wrap:anywhere}.admin-smtp-test .btn{flex:0 0 auto}.settings-page-panel .admin-settings-card .admin-card-head b .ui-icon{width:18px;height:18px;vertical-align:middle;margin-right:6px}.verification-resend{margin-top:12px;border:1px solid #dae8df;border-radius:12px;background:#f9fcfa;padding:10px 12px;color:#315740}.verification-resend summary{font-size:12px;font-weight:800;cursor:pointer}.verification-resend form{margin-top:12px}.verification-resend .btn{width:100%}.email-verification-feedback{font-size:12px;line-height:1.6;background:#eaf6ed;color:#236b45;border:1px solid #c8e5d1;border-radius:10px;padding:12px}.verification-shell{min-height:100dvh;display:grid;place-items:center;padding-block:24px}.verification-card{width:min(100%,480px);padding:clamp(20px,5vw,34px);display:grid;gap:13px}.verification-card h1{margin:0;font-size:27px;letter-spacing:-.04em}.verification-card>p{line-height:1.65;font-size:14px;color:#5e7165;margin:0}.verification-card .btn{justify-content:center}.verification-symbol{width:48px;height:48px;border-radius:14px;background:#e6f4ec;color:#176b4d;display:grid;place-items:center}.verification-symbol .ui-icon{width:24px;height:24px}
@media(max-width:650px){.admin-smtp-test{flex-direction:column;align-items:stretch}.admin-smtp-test .btn{width:100%}}

/* Administration / members: dedicated responsive list and clean account editor. */
.admin-members-toolbar{gap:10px}
.admin-members-kpis,.admin-user-edit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 13px}
.admin-members-kpis>article,.admin-user-edit-stats>article{min-width:0;display:grid;gap:6px;padding:14px 15px;border:1px solid #dfe9e3;border-radius:12px;background:#fff}
.admin-members-kpis small,.admin-user-edit-stats small{color:#708576;font-size:11px;font-weight:750}
.admin-members-kpis b,.admin-user-edit-stats b{font-size:22px;line-height:1.1;color:#1f5037;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.admin-members-card{min-width:0}
.admin-members-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(135px,.75fr) minmax(135px,.75fr) auto;align-items:end;gap:10px;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid #e9efeb}
.admin-members-filters label{display:grid;gap:6px;min-width:0;color:#476251;font-size:11px;font-weight:800}
.admin-members-filters input,.admin-members-filters select{min-width:0;width:100%;min-height:40px;padding:9px 11px;border:1px solid #d7e4da;border-radius:10px;background:#fff;color:#244534;font-size:12px}
.admin-members-filters>.btn{min-height:40px;white-space:nowrap}
.admin-members-result{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;font-size:11px;color:#758b7e}
.admin-members-result b{font-weight:800;color:#2b5b40}
.admin-members-table{width:100%;min-width:780px;table-layout:auto}
.admin-members-table td{vertical-align:middle}
.admin-members-table .admin-member-identity{min-width:175px}
.admin-member-person{display:flex;align-items:center;gap:10px;min-width:0}
.admin-member-avatar{flex:0 0 39px;width:39px;height:39px;border:1px solid #c9e4d3;border-radius:11px;display:grid;place-items:center;background:#e6f5ec;color:#20724b;font-size:17px;font-weight:850}
.admin-member-name{display:grid;gap:3px;min-width:0}
.admin-member-name>strong{color:#203f30;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.admin-member-name small{font-size:10px;color:#687e70;line-height:1.35;overflow-wrap:anywhere}
.admin-member-name em{font-size:10px;color:#889b8f;font-style:normal}
.admin-member-status small,.admin-member-date small{display:block;margin-top:5px;font-size:10px;color:#819286;line-height:1.35}
.admin-member-score{white-space:nowrap}.admin-member-score>span{display:inline-grid;gap:3px;margin-right:12px}.admin-member-score>span:last-child{margin-right:0}
.admin-member-score small{font-size:10px;color:#819286;font-weight:700}.admin-member-score b{font-size:13px;font-variant-numeric:tabular-nums;color:#2c4939}
.admin-member-role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 9px;border:1px solid #d4e7db;border-radius:8px;background:#f0f8f3;color:#27724a;font-size:10px;font-weight:850;white-space:nowrap}
.admin-member-role-pill.is-admin{background:#eef2fc;border-color:#d2dff1;color:#3d5990}
.admin-member-date{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.admin-member-operations{min-width:220px}.admin-member-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.admin-member-actions form{margin:0}.admin-member-actions .btn{min-height:34px;padding:7px 9px;font-size:10px;white-space:nowrap}
.admin-user-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:13px;padding:16px;border:1px solid #dce8e0;border-radius:13px;background:#fff}
.admin-user-profile-summary .admin-member-avatar{width:51px;height:51px;flex-basis:51px;font-size:23px}
.admin-user-profile-summary .admin-member-name strong{font-size:17px}
.admin-user-profile-badges{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.admin-user-verify-status{padding:6px 9px;border:1px solid #dce6df;border-radius:8px;background:#f8fbf9;color:#5f7666;font-size:10px;font-weight:800}
.admin-user-edit-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.admin-user-edit-layout>.admin-card{margin:0;min-width:0}
.admin-user-edit-section{padding:17px}
.admin-user-edit-section .admin-card-head{margin-bottom:12px}
.admin-user-edit-section .admin-card-head b{display:flex;gap:8px;align-items:center}
.admin-user-edit-section .admin-card-head b .ui-icon{width:18px;height:18px;color:#28744f}
.admin-user-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-user-edit-fields>label:not(.admin-user-setting),.admin-user-bio{display:grid;align-content:start;gap:6px;min-width:0;font-size:11px;font-weight:800;color:#486252}
.admin-user-edit-layout input:not([type=checkbox]),.admin-user-edit-layout select,.admin-user-edit-layout textarea{min-width:0;width:100%;min-height:41px;padding:9px 11px;border:1px solid #d7e5dc;border-radius:10px;background:#fff;color:#213f2e;font-size:13px}
.admin-user-edit-layout textarea{resize:vertical;min-height:94px;line-height:1.55}
.admin-user-setting{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:11px;border:1px solid #e1ebe4;border-radius:11px;background:#f9fcfa;cursor:pointer}
.admin-user-setting input[type=checkbox]{accent-color:#287b53;flex:0 0 17px;width:17px;height:17px;margin:2px 0 0}
.admin-user-setting span{display:grid;gap:4px;min-width:0}
.admin-user-setting b{font-size:11px;color:#2c4e3a}
.admin-user-setting small{color:#75887c;font-size:10px;line-height:1.45}
.admin-user-edit-note{grid-column:1/-1;padding:9px 11px;border:1px solid #e0e9e3;border-radius:10px;background:#f6faf7;color:#687d6d;font-size:11px;line-height:1.5}
.admin-user-warning,.admin-user-note{margin:12px 0 0;font-size:11px;line-height:1.6;color:#8e663f}
.admin-user-note{color:#64806e}
.admin-user-last-seen{margin-top:10px;font-size:11px;color:#7b8f80}
.admin-user-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;grid-column:1/-1;padding:12px 0}
.admin-user-edit-footer>.btn{min-height:43px}
@media(max-width:1220px){.admin-members-table{min-width:710px}.admin-members-filters{grid-template-columns:minmax(170px,1fr) minmax(125px,.65fr) minmax(125px,.65fr) auto}}
@media(max-width:900px){.admin-members-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-members-filters label:first-child{grid-column:1/-1}.admin-members-filters>.btn{grid-column:1/-1}.admin-user-edit-layout{grid-template-columns:1fr}}
@media(max-width:900px){
  .admin-members-kpis,.admin-user-edit-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .admin-members-kpis>article,.admin-user-edit-stats>article{padding:11px 12px}.admin-members-kpis b,.admin-user-edit-stats b{font-size:18px}
  .admin-members-card{padding:12px!important}.admin-members-filters{gap:8px}.admin-members-filters>.btn{min-height:40px}
  .admin-body .admin-members-table{display:block;width:100%;min-width:0}
  .admin-members-table thead{display:none}
  .admin-members-table td[data-label]::before{content:attr(data-label);display:block;margin:0 0 4px;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.035em;font-weight:850;color:#718578}
  .admin-members-table tbody{display:grid;gap:10px}
  .admin-members-table .admin-member-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px;padding:12px;border:1px solid #dce9df;border-radius:13px;background:#fff;min-width:0}
  .admin-members-table .admin-member-row>td{display:block;min-width:0;width:auto;margin:0;padding:0;border:0}
  .admin-members-table .admin-member-identity{grid-column:1/-1;padding-bottom:10px!important;border-bottom:1px solid #e9f0eb!important}
  .admin-members-table .admin-member-identity::before,.admin-members-table .admin-member-score::before,.admin-members-table .admin-member-operations::before{display:none!important}
  .admin-members-table .admin-member-status{grid-column:1;grid-row:2}
  .admin-members-table .admin-member-role{grid-column:2;grid-row:2}
  .admin-members-table .admin-member-score{grid-column:1/-1;grid-row:3;display:flex;gap:8px;white-space:normal}
  .admin-members-table .admin-member-score>span{flex:1 1 50%;padding:9px;border:1px solid #e6eee8;border-radius:9px;background:#f7faf8;margin:0}
  .admin-members-table .admin-member-score b{font-size:16px}
  .admin-members-table .admin-member-date{grid-column:1/-1;grid-row:4;white-space:normal;padding-top:6px!important;border-top:1px solid #edf1ee!important}
  .admin-members-table .admin-member-operations{grid-column:1/-1;grid-row:5;min-width:0;padding-top:9px!important;border-top:1px solid #e9f0eb!important}
  .admin-member-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
  .admin-member-actions form{min-width:0}.admin-member-actions .btn{display:flex;width:100%;min-width:0;min-height:38px;padding:7px 5px;font-size:10px;white-space:normal}
  .admin-member-status small{font-size:10px}.admin-member-date small{font-size:10px}
  .admin-member-person{gap:9px}.admin-member-avatar{flex-basis:36px;width:36px;height:36px}
  .admin-member-name>strong{font-size:13px}.admin-member-name small{font-size:10px}
  .admin-user-edit-section{padding:13px}.admin-user-edit-fields{grid-template-columns:1fr}
  .admin-user-edit-note{grid-column:auto}.admin-user-profile-summary{padding:12px}
  .admin-user-edit-footer{position:sticky;bottom:0;z-index:4;padding:10px 0;background:#f4f6f8}
  .admin-user-edit-footer>.btn{flex:1;padding-inline:8px;min-width:0}
}
@media(max-width:360px){.admin-member-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-member-actions>a{grid-column:1/-1}}

/* v1.3.52: Login-only actions and password recovery — shared auth card style. */
.auth-login-extras{display:grid;gap:8px;min-width:0}
.auth-login-extras.hidden{display:none!important}
.auth-password-recovery{display:flex;justify-content:flex-end;margin-top:-3px;margin-bottom:2px}
.auth-password-recovery a{display:inline-flex;align-items:center;gap:6px;padding:5px 0;color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}
.auth-password-recovery a:hover{text-decoration:underline;text-underline-offset:3px}
.auth-password-recovery a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.auth-password-recovery .ui-icon{width:16px;height:16px}
.password-reset-hint{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.password-reset-form{display:grid;gap:13px}.password-reset-form>label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#53675e}
.password-reset-form input{display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #d8e1dd;border-radius:12px;background:#fff;color:var(--ink);font:inherit}
.password-reset-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.password-reset-form .btn{width:100%;min-height:46px}
.password-reset-footer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:12px}

#verificationStatus:empty{display:none}