/* Domino modern görünüm (varsayılan): menüler, pencereler, düğmeler ve ayarlar açık zeminde (mangala/dama ile aynı kabuk) */
html.ui-modern { --bg: #f6f1e7; --panel-1: #fff; --line: rgba(0, 0, 0, .1); --line-strong: rgba(0, 0, 0, .18); --text: #1d140c; --muted: #6b5a44; --gold: #c2402f; --gold-light: #1d140c; --cream: #1d140c; }
html.ui-modern body { background: #f6f1e7; color: var(--text); }
html.ui-modern .menu-card, html.ui-modern .modal-card { background: #fff; box-shadow: 0 16px 40px rgba(0, 0, 0, .14), inset 0 0 0 1px rgba(0, 0, 0, .06); }
html.ui-modern .menu-card::before, html.ui-modern .modal-card::before { display: none; }
html.ui-modern .card-title, html.ui-modern .modal-card h2 { color: #1d140c; font-family: system-ui, sans-serif; letter-spacing: -.3px; }
html.ui-modern h3 { color: #8a6224; font-family: system-ui, sans-serif; }
html.ui-modern .modal-card p, html.ui-modern .rules p { color: #3d3226; }
html.ui-modern .field input { background: #faf7f0; color: #1d140c; border-color: rgba(0, 0, 0, .14); }
html.ui-modern button.back { color: #6b5a44; }
html.ui-modern .btn { background: #f1ebdf; color: #1d140c; border-color: rgba(0, 0, 0, .1); box-shadow: 0 2px 0 rgba(0, 0, 0, .08); text-shadow: none; }
html.ui-modern .btn-green { background: linear-gradient(180deg, #2fbd5a, #1f8f42); color: #fff; }
html.ui-modern .btn-red { background: linear-gradient(180deg, #d9534f, #b02a26); color: #fff; }
html.ui-modern .btn-gold { background: #1d140c; color: #fff; border-color: #1d140c; }
html.ui-modern .seg { background: #f1ebdf; border-color: rgba(0, 0, 0, .08); }
html.ui-modern .seg button { color: #6b5a44; } html.ui-modern .seg button .stars { color: #c2402f; }
html.ui-modern .seg button.on { background: #1d140c; color: #fff; } html.ui-modern .seg button.on .stars { color: #ffd27a; }
html.ui-modern .setting-row { background: #faf7f0; border-color: rgba(0, 0, 0, .08); }
html.ui-modern .toggle i { background: #d8d0bf; border-color: transparent; } html.ui-modern .toggle i::after { background: #fff; }
html.ui-modern .toggle input:checked + i { background: #1f8f42; }
html.ui-modern .lang-switch button { background: #f1ebdf; color: #6b5a44; border-color: rgba(0, 0, 0, .1); }
html.ui-modern .lang-switch button.on { background: #1d140c; color: #fff; border-color: #1d140c; }
html.ui-modern .modal { background: rgba(29, 20, 12, .45); }
html.ui-modern .modal-card.win { background: linear-gradient(180deg, #e3f6e8, #fff); box-shadow: 0 16px 40px rgba(0, 0, 0, .18), inset 0 0 0 2px #2fbd5a; }
html.ui-modern .modal-card.win h2 { color: #1f8f42; }
html.ui-modern .modal-card.lose { background: linear-gradient(180deg, #eef0f5, #fff); box-shadow: 0 16px 40px rgba(0, 0, 0, .18), inset 0 0 0 2px #8a93a8; }
html.ui-modern .modal-card.lose h2 { color: #3a4254; }
html.ui-modern .score-table td { border-color: rgba(0, 0, 0, .08); color: #1d140c; } html.ui-modern .score-table td:last-child { color: #1d140c; }
html.ui-modern .score-table tr.me td { color: #1f8f42; }

/* Domino modern görünüm */
html.ui-modern #game { background: #f6f1e7; }
html.ui-modern .icon-btn { background: #fff; border-color: rgba(0, 0, 0, .1); box-shadow: 0 2px 6px rgba(0, 0, 0, .08); }
html.ui-modern .fair-badge { background: #e3f6e8; color: #1f8f42; border-color: rgba(31, 143, 66, .35); } html.ui-modern .fair-badge.verified { background: #1f8f42; color: #fff; }
html.ui-modern .table { background: radial-gradient(ellipse 70% 60% at 50% 45%, #f3f7f1 0%, #e4ece2 55%, #d4dfd1 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08), 0 10px 30px rgba(0, 0, 0, .1); }
html.ui-modern .status-line { color: #1d140c; }
html.ui-modern .turn-pill { background: #fff; color: #1d140c; border-color: rgba(0, 0, 0, .12); } html.ui-modern .turn-pill.me { background: #1f8f42; color: #fff; border-color: #1f8f42; }
html.ui-modern .coach-line.good { background: #e3f6e8; color: #1f8f42; } html.ui-modern .coach-line.minor { background: #fff3cf; color: #8a6224; } html.ui-modern .coach-line.error { background: #ffe6d6; color: #b4531a; } html.ui-modern .coach-line.blunder { background: #ffe0dd; color: #b02a26; }
html.ui-modern .avatar { box-shadow: 0 0 0 3px #fff, 0 4px 10px rgba(0, 0, 0, .18); } html.ui-modern .seat-box.active .avatar { box-shadow: 0 0 0 3px #2fbd5a, 0 0 16px rgba(47, 189, 90, .45); } html.ui-modern .seat-box.active .avatar::after { border-top-color: #1f8f42; }
html.ui-modern .plate { background: #fff; border-color: rgba(0, 0, 0, .1); color: #1d140c; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); } html.ui-modern .plate .row { color: #6b5a44; } html.ui-modern .plate .sc { color: #1d140c; }
html.ui-modern .plate .cnt::before { background: linear-gradient(180deg, #4b5563, #2a3038); border-color: #1f232b; }
html.ui-modern .seat-box.active .plate { border-color: #2fbd5a; box-shadow: 0 0 0 3px rgba(47, 189, 90, .18); } html.ui-modern .seat-box.s0 .plate .nm { color: #1f8f42; }
html.ui-modern .dtile { background: linear-gradient(180deg, #ffffff, #f4f1ea); border-color: rgba(0, 0, 0, .16); box-shadow: inset 0 1px 0 #fff, 0 2px 4px rgba(0, 0, 0, .18); }
html.ui-modern .dtile.back { background: linear-gradient(180deg, #4b5563, #2a3038); border-color: #1f232b; } html.ui-modern .dtile.back::before { border-color: rgba(255, 255, 255, .25); }
html.ui-modern .chain .dtile.spinner { background: linear-gradient(180deg, #fff6df, #f3e4bb); }
html.ui-modern .chain .dtile.last { box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #1f8f42, 0 3px 8px rgba(0, 0, 0, .2); }
html.ui-modern .chain .dtile.ghost { background: rgba(31, 143, 66, .12); border-color: #1f8f42; box-shadow: 0 0 14px rgba(47, 189, 90, .4); } html.ui-modern .chain .dtile.ghost .half i { background: #1f8f42; }
html.ui-modern .boneyard .cntb { background: #1d140c; } html.ui-modern .boneyard.drawable .stack .dtile.back { box-shadow: 0 0 0 3px #1f8f42, 0 0 14px rgba(47, 189, 90, .6); }
html.ui-modern .hand { background: linear-gradient(180deg, #ffffff, #f3eee4); border-color: rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 #fff, 0 10px 24px rgba(0, 0, 0, .12); }
html.ui-modern .hand .dtile.legal { box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgba(47, 189, 90, .7), 0 0 12px rgba(47, 189, 90, .4); } html.ui-modern .hand .dtile.sel { box-shadow: inset 0 1px 0 #fff, 0 0 0 3px #1f8f42, 0 0 16px rgba(47, 189, 90, .6); }
html.ui-modern .hand .dtile.hinted { box-shadow: inset 0 1px 0 #fff, 0 0 0 3px #2a7ad9, 0 0 16px rgba(42, 122, 217, .5); }
html.ui-modern .tool { background: #fff; color: #1d140c; border-color: rgba(0, 0, 0, .1); box-shadow: 0 3px 8px rgba(0, 0, 0, .1); } html.ui-modern .tool.gold { background: #1d140c; color: #fff; border-color: #1d140c; } html.ui-modern .tool.gold .icon { filter: brightness(10); }
html.ui-modern .score-table td { border-color: rgba(0, 0, 0, .08); color: #1d140c; } html.ui-modern .score-table td:last-child { color: #1d140c; } html.ui-modern .score-table tr.me td { color: #1f8f42; }
html.ui-modern .fair-body dt { color: #8a6224; } html.ui-modern .fair-body dd { color: #3d3226; }