/* Domino */
body.oyunSayfa{background:#2a1a0e}
.oAlan{overflow:hidden}
.dmMasa{height:100%;display:flex;flex-direction:column;align-items:stretch;background:radial-gradient(ellipse at 50% 0%,#4a2e18,#2a1a0e 70%);padding:6px 8px 6px;gap:6px;max-width:1240px;margin:0 auto}
/* skor şeridi */
.dmSkor{display:flex;align-items:stretch;justify-content:space-between;gap:8px;flex:0 0 auto}
.dmTakim,.dmOrta{background:linear-gradient(180deg,#3b2614,#24170b);border:1px solid #6b4a26;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff1a,0 3px 8px #0006;padding:3px 12px;text-align:center;min-width:92px}
.dmTakim small,.dmOrta small{display:block;font-size:11px;font-weight:800;color:#d9c39a;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;margin:0 auto}
.dmTakim b{font:800 22px/1.1 'Baloo 2',Nunito,sans-serif;color:#fff}
.dmTakim.biz b{color:#ffe08a}
.dmTakim.onlar b{color:#ffb3a1}
.dmTakim.parla{animation:dmParla .9s ease 2}
@keyframes dmParla{50%{box-shadow:0 0 0 3px #ffd166,0 0 22px #ffd166aa}}
.dmOrta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.dmOrta span{font-weight:800;color:#f6e7c8;font-size:14px}
.dmOrta span b{color:#f2c66d}
/* sahne */
.dmSahne{flex:1;min-height:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px #000a}
.dmSahne canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
/* alt: durum + el */
.dmAlt{flex:0 0 auto;display:flex;flex-direction:column;gap:5px}
.dmKontrol{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}
.dmDurum{flex:1;min-width:0;font-weight:800;color:#ffe9a8;font-size:14px;line-height:1.2;text-shadow:0 1px 2px #000}
.dmButon{display:flex;gap:6px;flex:0 0 auto}
.dmButon .btn{padding:6px 11px;font-size:13px;white-space:nowrap}
.dmCek{background:linear-gradient(180deg,#ffe08a,#f2b84b);color:#3b2400;animation:dmNabiz 1.1s ease-in-out infinite}
@keyframes dmNabiz{50%{transform:scale(1.06);box-shadow:0 0 16px #ffd166aa}}
.dmRaf{--tw:44px;position:relative;border-radius:14px;padding:9px 8px 11px;background:linear-gradient(180deg,#8d5a2c 0%,#6d4220 55%,#4e2d13 100%);box-shadow:inset 0 2px 0 #c58a4f88,inset 0 -5px 0 #3a200c,0 6px 14px #0009;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c58a4f #4e2d13;-webkit-overflow-scrolling:touch}
.dmRaf::before{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;background:repeating-linear-gradient(92deg,#0000 0 18px,#ffffff08 18px 19px,#0000 19px 41px,#00000012 41px 43px)}
.dmEl{display:flex;gap:7px;justify-content:center;min-width:min-content;padding:6px 4px 0;min-height:calc(var(--tw)*2 + 6px)}
.dmTas{width:var(--tw);height:calc(var(--tw)*2);flex:0 0 auto;position:relative;border-radius:8px;cursor:default;transition:transform .16s ease,filter .16s ease,opacity .2s;touch-action:pan-x;-webkit-tap-highlight-color:transparent}
.dmTas canvas{width:100%;height:100%;display:block;pointer-events:none}
.dmTas.oyn{cursor:pointer;filter:drop-shadow(0 0 6px #ffd166) drop-shadow(0 0 2px #ffe9a8);transform:translateY(-3px)}
.dmTas.oyn::after{content:'';position:absolute;inset:-3px;border-radius:10px;border:2px solid #ffd166;opacity:.0;animation:dmIsik 1.4s ease-in-out infinite;pointer-events:none}
@keyframes dmIsik{50%{opacity:.9}}
.dmTas.soluk{opacity:.55;filter:saturate(.6) brightness(.85)}
.dmTas.secili{transform:translateY(-9px) scale(1.04);filter:drop-shadow(0 0 10px #fff2a8) drop-shadow(0 0 3px #ffd166)}
.dmTas.ipucu{animation:dmIpucuA .7s ease-in-out infinite}
@keyframes dmIpucuA{50%{transform:translateY(-12px);filter:drop-shadow(0 0 14px #7cf3ff) drop-shadow(0 0 4px #7cf3ff)}}
.dmTas.salla{animation:dmSalla .35s}
@keyframes dmSalla{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.dmTas.hayalet{opacity:.25}
.dmTas.klavye{outline:2px dashed #fff8;outline-offset:3px}
.dmSurukle{position:fixed;z-index:70;pointer-events:none;width:var(--tw);height:calc(var(--tw)*2);transform:translate(-50%,-50%) scale(1.12) rotate(-4deg);filter:drop-shadow(0 12px 14px #000a)}
.dmSurukle canvas{width:100%;height:100%}
/* modallar */
.dmSonuc{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:14px}
.dmSonuc td{padding:6px 4px;border-bottom:1px solid #ffffff14;vertical-align:middle;text-align:left}
.dmSonuc td.ad{font-weight:800;white-space:nowrap;width:1%}
.dmSonuc td.np{font:800 18px 'Baloo 2',Nunito,sans-serif;text-align:right;width:1%;color:#ffd9c9}
.dmSonuc tr.kaz td.ad{color:#ffe08a}
.dmMini{display:flex;flex-wrap:wrap;gap:3px}
.dmMini img{width:16px;height:32px}
.dmHesap{background:#ffffff0d;border-radius:10px;padding:8px 10px;font-weight:700;color:#e8ecff;margin:4px 0 8px}
.dmHesap b{color:#ffe08a}
.dmSkorlar{display:flex;justify-content:center;gap:18px;font:800 20px 'Baloo 2',Nunito,sans-serif;margin:4px 0}
.dmSkorlar .biz{color:#ffe08a}.dmSkorlar .onlar{color:#ffb3a1}
.dmIlerleme{height:8px;border-radius:5px;background:#ffffff18;overflow:hidden;margin:2px 0 10px}
.dmIlerleme i{display:block;height:100%;background:linear-gradient(90deg,#f2b84b,#ffe08a);border-radius:5px}
.dmKurulum h3{margin:8px 0 2px;font-size:15px;color:#d9c39a}
.dmKurulum .secim{margin:4px 0 6px}
.dmKurulum .secim button small{display:block;font-size:11px;font-weight:700;color:#bfc6e0}
.dmYardim .mini{display:inline-block;vertical-align:middle;width:14px;height:28px;margin:0 2px}
@media (max-width:700px){
  .dmMasa{padding:4px 5px 5px;gap:4px}
  .dmRaf{--tw:36px;padding:7px 6px 9px}
  .dmEl{gap:6px;justify-content:flex-start}
  .dmTakim,.dmOrta{padding:2px 8px;min-width:72px}
  .dmTakim b{font-size:19px}
  .dmDurum{font-size:13px}
  .dmSahne{border-radius:14px}
}
@media (min-width:701px){ .dmEl.az{justify-content:center} }
@media (max-height:620px) and (min-width:701px){ .dmRaf{--tw:38px} }
@keyframes dmGel{from{opacity:0;transform:translateY(-38px) scale(.8)}to{opacity:1}}
.dmRaf.sirada{box-shadow:inset 0 2px 0 #c58a4f88,inset 0 -5px 0 #3a200c,0 0 0 2px #ffd166,0 0 18px #ffd16677}
.dmEl{width:max-content;margin:0 auto;justify-content:flex-start}