.dm-shell{--ink:#17352d;--accent:#f0b52e;--table:#17634f;--table2:#0b493a;--panel:#fff;--line:#d8e4df;max-width:940px;margin:0 auto;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.dm-shell *{box-sizing:border-box}.dm-card{position:relative;background:var(--panel);border-radius:22px;overflow:hidden;box-shadow:0 16px 42px #17352d24;border:1px solid #dce8e3}.dm-header{height:66px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#123b31,#17634f);color:#fff}.dm-brand{display:flex;align-items:center;gap:11px}.dm-logo{width:47px;height:47px;border:3px solid #ffd260;border-radius:14px;display:grid;place-items:center;font-size:28px;background:#0e2d27}.dm-brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#cbe9df;font-weight:800}.dm-brand h1{font-size:27px;line-height:1;margin:3px 0 0;color:#fff}.dm-icons{display:flex;gap:7px}.dm-icons button,.dm-actions button,.dm-place button,.dm-modal button{border:1px solid #d5e2dd;background:#fff;color:#17352d;border-radius:12px;min-height:38px;padding:7px 13px;font-weight:800;cursor:pointer}.dm-icons button{width:41px;padding:0;background:#ffffff15;color:#fff;border-color:#ffffff35;font-size:17px}.dm-controls{display:grid;grid-template-columns:1fr 1fr .75fr;gap:8px;padding:8px 16px;background:#f4f0e5;border-bottom:1px solid #dfd4b8}.dm-controls label,.dm-controls>div{font-size:10px;font-weight:900;letter-spacing:.35px}.dm-controls select{display:block;width:100%;height:34px;margin-top:3px;border:1px solid #cabf9d;border-radius:9px;background:#fff;padding:0 9px;font-weight:700;color:#263b35}.dm-controls>div{border-radius:10px;background:#fff;padding:5px 12px}.dm-controls small{display:block;color:#73837c}.dm-controls strong{font-size:15px}.dm-status{min-height:48px;display:grid;grid-template-columns:95px 1fr 95px 115px;align-items:center;text-align:center;border-bottom:1px solid var(--line);background:#fff}.dm-status>div{padding:4px;border-right:1px solid #edf2ef}.dm-status b{display:block;font-size:21px;color:#b77b00}.dm-status small{font-size:8px;font-weight:900;color:#61736d}.dm-status>strong{font-size:13px;padding:4px}.dm-table{position:relative;padding:8px 14px 10px;background:linear-gradient(145deg,var(--table),var(--table2));color:#fff}.dm-chain-head{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.4px;padding:0 3px 6px}.dm-chain{height:204px;overflow:auto;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px;padding:8px;border-radius:14px;border:2px solid #ffffff4c;background:#071f192c;scrollbar-width:thin}.dm-empty{align-self:center;opacity:.8;font-weight:800}.dm-ai-banner{position:absolute;z-index:4;left:50%;top:45px;transform:translateX(-50%);padding:9px 18px;border-radius:20px;background:#fff3c4;color:#694d00;font-weight:900;box-shadow:0 6px 20px #0004;white-space:nowrap}.dm-hand-title{min-height:31px;padding:5px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#f5f7f6}.dm-hand-title strong{font-size:11px}.dm-hand-title span{font-size:10px;color:#65756f}.dm-hand{height:76px;display:flex;align-items:center;justify-content:center;gap:7px;overflow-x:auto;padding:7px 12px;background:#eef3f1}.dm-tile{width:58px;height:31px;flex:0 0 58px;display:flex;background:#fffdf2;border:2px solid #d7cba9;border-radius:7px;box-shadow:0 3px 6px #0003;overflow:hidden;position:relative;transition:.18s transform,.18s box-shadow}.dm-hand .dm-tile{width:66px;height:35px;flex-basis:66px;cursor:pointer}.dm-hand button.dm-tile{padding:0;color:#111}.dm-hand .dm-tile:hover{transform:translateY(-3px)}.dm-tile.selected{outline:4px solid #ffd044;transform:translateY(-5px);box-shadow:0 7px 12px #0004}.dm-tile.hint{animation:dmPulse .8s 2}.dm-tile.last{animation:dmDrop .55s}.dm-half{width:50%;height:100%;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:3px;position:relative}.dm-half+.dm-half{border-left:2px solid #292929}.dm-dot{width:4px;height:4px;border-radius:50%;background:#111;place-self:center}.dm-hand .dm-dot{width:5px;height:5px}.dm-back{background:repeating-linear-gradient(45deg,#e4a91c 0 5px,#f6cd61 5px 10px);border-color:#fff}.dm-back:after{content:"◆";margin:auto;color:#6f4c00;font-size:16px}.dm-place{display:flex;justify-content:center;gap:8px;padding:6px;background:#fff}.dm-place button{min-width:160px;background:#eaf4f0}.dm-place button:disabled,.dm-actions button:disabled{opacity:.38;cursor:not-allowed}.dm-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:7px 10px 9px;border-top:1px solid var(--line)}.dm-actions button{min-height:34px;padding:5px 11px;font-size:12px}.dm-actions .primary,.dm-modal .primary{background:linear-gradient(135deg,#f2bd35,#d9890b);border-color:#d9890b;color:#2e2100}.dm-overlay{position:absolute;z-index:20;inset:0;background:#092b238a;display:grid;place-items:center;padding:20px}.dm-overlay[hidden]{display:none}.dm-modal{width:min(440px,94%);max-height:90%;overflow:auto;background:#fff;border-radius:18px;padding:22px;text-align:center;box-shadow:0 20px 55px #0005}.dm-modal>span{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#b27800}.dm-modal h2{margin:5px 0 8px}.dm-modal p,.dm-rules li{font-size:14px;line-height:1.45}.dm-rules{text-align:left}.dm-rules button{display:block;margin:auto}.dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.dm-stats div{padding:10px 3px;border-radius:11px;background:#eff5f2}.dm-stats b,.dm-stats small{display:block}.dm-stats b{font-size:22px}.dm-stats small{font-size:8px;font-weight:900}.dm-seo{margin:24px auto;max-width:820px;padding:0 16px;line-height:1.65}.dm-seo h2{font-size:23px}.dm-shell[data-theme="wood"]{--table:#a76631;--table2:#6e3618}.dm-shell[data-theme="blue"]{--table:#1b5678;--table2:#0b2f4a}.dm-shell[data-theme="blue"] .dm-header{background:linear-gradient(120deg,#0a2d46,#17638d)}@keyframes dmPulse{50%{outline:5px solid #ffdb48;transform:translateY(-6px)}}@keyframes dmDrop{0%{opacity:.2;transform:scale(1.4)}100%{opacity:1;transform:scale(1)}}
@media(max-height:760px) and (min-width:650px){.dm-header{height:55px}.dm-logo{width:39px;height:39px;font-size:23px}.dm-brand h1{font-size:23px}.dm-controls{padding-top:5px;padding-bottom:5px}.dm-status{min-height:40px}.dm-chain{height:168px}.dm-hand{height:66px}.dm-seo{margin-top:18px}}
@media(max-width:650px){.dm-shell{width:100%}.dm-card{border-radius:12px}.dm-header{height:57px;padding:7px 10px}.dm-logo{width:40px;height:40px;font-size:23px}.dm-brand h1{font-size:22px}.dm-brand small{font-size:7px}.dm-controls{grid-template-columns:1fr 1fr;padding:6px 8px}.dm-controls>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.dm-status{grid-template-columns:62px 1fr 62px 78px}.dm-status b{font-size:17px}.dm-status>strong{font-size:11px}.dm-table{padding:7px}.dm-chain{height:190px;gap:4px;padding:5px}.dm-tile{width:50px;height:28px;flex-basis:50px}.dm-hand{justify-content:flex-start;height:70px}.dm-hand .dm-tile{width:59px;height:33px;flex-basis:59px}.dm-place button{min-width:0;flex:1;font-size:11px}.dm-hand-title span{display:none}.dm-actions{gap:4px}.dm-actions button{font-size:10px;padding:4px 7px}.dm-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.dm-chain{height:168px}.dm-status>strong{font-size:9px}.dm-icons button{width:35px}.dm-controls select{font-size:11px}}

/* v1.0.2 mobil ekran güvenliği */
@media(max-width:650px){.dm-shell,.dm-card,.dm-table,.dm-chain,.dm-hand{width:100%;max-width:100%;min-width:0}.dm-card{overflow-x:clip}.dm-chain{overflow:auto}.dm-hand{overflow-x:auto}.dm-tile{touch-action:manipulation}}
@media(max-width:650px){.dm-brand h1{color:#fff!important;text-shadow:0 1px 2px #0006}.dm-header{height:49px}.dm-logo{width:35px;height:35px}.dm-brand small{display:none}.dm-controls{gap:4px;padding:4px 6px}.dm-controls select{height:30px}.dm-status{min-height:38px}.dm-chain{height:140px}.dm-hand-title{min-height:25px}.dm-hand{height:58px}.dm-actions{padding-block:4px}.dm-actions button{min-height:32px}}

/* v1.0.3 mobil taş dizilimi: yatay kaydırma yerine satıra geç */
@media(max-width:650px){
 .dm-hand{width:100%;height:auto;min-height:58px;max-height:148px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:5px;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .dm-hand .dm-tile{width:50px;height:28px;flex:0 0 50px;margin:0}
}

/* v1.1.0 fare ve dokunmatik ekranla elle taş yerleştirme */
.dm-drop-layer{position:absolute;z-index:8;inset:29px 14px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;pointer-events:none}
.dm-drop-layer[hidden]{display:none}
.dm-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;border:3px dashed #ffe082;border-radius:14px;background:#092b23e6;color:#fff7cf;font-size:18px;pointer-events:auto;transition:.15s background,.15s border-color,.15s transform}
.dm-drop-zone strong{font-size:13px;text-align:center;text-transform:uppercase}
.dm-drop-zone.is-invalid{opacity:.34;filter:grayscale(1)}
.dm-drop-zone.is-over{border-color:#fff;background:#d8890ef2;transform:scale(.985)}
.dm-drag-ghost{position:fixed;z-index:99999;pointer-events:none;transform:translate(-50%,-50%) scale(1.12);opacity:.92;filter:drop-shadow(0 9px 12px #0008)}
.dm-shell.is-dragging{user-select:none}
.dm-shell[data-drag-placement="1"] .dm-hand button.dm-tile{touch-action:none;cursor:grab}
.dm-shell[data-drag-placement="1"] .dm-hand button.dm-tile:active{cursor:grabbing}
@media(max-width:650px){.dm-drop-layer{inset:25px 7px 7px;gap:5px}.dm-drop-zone{border-width:2px}.dm-drop-zone strong{font-size:11px}}