.dts-shell,.dts-shell *{box-sizing:border-box}.dts-shell{--p1:#f59e0b;--p2:#1f2937;display:grid;place-items:center;padding:14px 10px;background:transparent;color:#2b241e}.dts-shell button,.dts-shell select{font:inherit}.dts-card{position:relative;width:min(100%,850px);padding:clamp(14px,3vw,27px);overflow:hidden;border-radius:28px;background:linear-gradient(155deg,#fff,#f7f0e7);box-shadow:0 18px 55px rgba(54,40,30,.16)}
.dts-header,.dts-brand,.dts-icons{display:flex;align-items:center}.dts-header{justify-content:space-between;gap:12px}.dts-brand{gap:12px}.dts-brand>span:last-child{display:grid}.dts-brand small{color:#9a3412;font-size:9px;font-weight:900;letter-spacing:.13em}.dts-brand strong{font-size:clamp(30px,7vw,44px);line-height:.95;letter-spacing:-.05em}.dts-logo{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#f59e0b,#9a3412);font-size:25px;font-weight:950;box-shadow:0 10px 24px rgba(154,52,18,.25)}.dts-icons{gap:5px}.dts-icons button{width:42px;height:42px;border:1px solid #e7ddd0;border-radius:14px;background:#fff;font-weight:900;cursor:pointer}
.dts-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 8px}.dts-controls label,.dts-controls>div{display:grid;place-content:center;min-width:0;min-height:56px;padding:7px 9px;border-radius:13px;color:#fff;background:#463a31;text-align:center;font-size:9px;font-weight:850;letter-spacing:.08em}.dts-controls select{width:100%;border:0;outline:0;color:#fff;background:transparent;font-weight:850;text-align:center}.dts-controls option{color:#2b241e;background:#fff}.dts-controls small{font-size:8px;opacity:.7}.dts-controls b{margin-top:3px;font-size:13px}.dts-controls>div:last-child{background:linear-gradient(145deg,#f59e0b,#9a3412)}
.dts-score{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:7px;align-items:center;margin-bottom:7px;color:#76695e;font-size:10px;text-align:center}.dts-score span{display:flex;align-items:center;justify-content:center;gap:4px}.dts-score strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9a3412}.dts-mini{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.3)}.dts-p1{background:var(--p1)}.dts-p2{background:var(--p2)}
.dts-board{position:relative;width:min(100%,570px);aspect-ratio:1;margin:auto;border:5px solid #4b3222;border-radius:28px;background:radial-gradient(circle at 35% 20%,#c07a35,#7a451f 68%,#4e2d1d);box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 16px 30px rgba(67,39,22,.25)}.dts-shell[data-theme="dark"] .dts-board{border-color:#181513;background:radial-gradient(circle at 35% 20%,#55463e,#25201d 70%,#13110f)}.dts-shell[data-theme="sand"] .dts-board{border-color:#8a633e;background:radial-gradient(circle at 35% 20%,#edcc98,#be8b54 70%,#8d6038)}.dts-board svg{position:absolute;inset:6%;width:88%;height:88%;overflow:visible}.dts-board path{fill:none;stroke:#f5dfbd;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.dts-board>[data-points]{position:absolute;inset:6%}
.dts-point{position:absolute;width:clamp(26px,7vw,43px);aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border:3px solid #f5dfbd;border-radius:50%;background:#5e3824;box-shadow:inset 0 4px 7px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.28);cursor:pointer;transition:transform .18s,box-shadow .18s}.dts-point:disabled{cursor:default}.dts-point.dts-player{border-color:#fff1c7;background:radial-gradient(circle at 32% 28%,#fff1a8,var(--p1) 58%,#8f3b0e);box-shadow:0 3px 7px rgba(0,0,0,.35)}.dts-point.dts-opponent{border-color:#d6dae1;background:radial-gradient(circle at 32% 28%,#b9c1cf,var(--p2) 58%,#090d14);box-shadow:0 3px 7px rgba(0,0,0,.4)}.dts-point.dts-selected{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 5px #fff,0 0 22px #ffd166}.dts-point.dts-target{box-shadow:0 0 0 4px #96f0b4,0 0 17px #3be07c}.dts-point.dts-capture{animation:dts-pulse .65s infinite alternate;box-shadow:0 0 0 5px #ff7676,0 0 20px #e12d2d}.dts-point.dts-hint{animation:dts-pulse .65s infinite alternate;box-shadow:0 0 0 5px #fff3a8,0 0 20px #ffc928}.dts-point.dts-pop{animation:dts-pop .25s ease-out}.dts-ai-banner{position:absolute;top:10px;left:50%;z-index:7;transform:translateX(-50%);padding:8px 14px;border-radius:18px;color:#fff;background:#15120f;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 7px 20px rgba(0,0,0,.35);animation:dts-banner .5s ease-in-out infinite alternate}.dts-ai-banner[hidden]{display:none}.dts-point.dts-ai-source{z-index:5;animation:dts-ai-source .5s ease-in-out infinite alternate;box-shadow:0 0 0 6px #80d8ff,0 0 25px #29a9ef}.dts-point.dts-ai-target{z-index:5;animation:dts-ai-target .5s ease-in-out infinite alternate;box-shadow:0 0 0 6px #fff2a0,0 0 26px #ffc928}.dts-point.dts-ai-remove{z-index:5;animation:dts-ai-remove .38s ease-in-out infinite alternate;box-shadow:0 0 0 6px #ff8b8b,0 0 27px #ef3030}.dts-ai-busy .dts-board,.dts-ai-busy .dts-actions,.dts-ai-busy .dts-controls{pointer-events:none}
.dts-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.dts-actions button,.dts-modal button{min-height:44px;border:0;border-radius:12px;color:#574a40;background:#e9dfd4;font-size:12px;font-weight:850;cursor:pointer}.dts-actions .dts-primary,.dts-modal .dts-primary{color:#fff;background:#2e261f}.dts-actions button:disabled{opacity:.4;cursor:default}.dts-help{margin:9px 4px 0;color:#817469;font-size:11px;text-align:center}.dts-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:22px;background:rgba(31,24,19,.88);backdrop-filter:blur(6px)}.dts-overlay[hidden]{display:none}.dts-modal{width:min(100%,440px);max-height:92%;overflow:auto;padding:24px;border-radius:24px;text-align:center;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35);animation:dts-pop .22s ease-out}.dts-modal>span{color:#9a3412;font-size:10px;font-weight:950;letter-spacing:.2em}.dts-modal h2{margin:8px 0;font-size:29px}.dts-modal p{color:#766a60}.dts-rules{text-align:left}.dts-rules>span,.dts-rules h2{text-align:center;display:block}.dts-rules ol{padding-left:22px;color:#65584f;font-size:13px;line-height:1.5}.dts-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.dts-stats div{padding:11px 4px;border-radius:11px;background:#f5ede4}.dts-stats b{display:block;color:#9a3412;font-size:22px}.dts-stats small{font-size:8px;font-weight:900;color:#837367}
@keyframes dts-pop{from{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes dts-pulse{from{filter:brightness(.95)}to{filter:brightness(1.35)}}@keyframes dts-banner{from{filter:brightness(.9)}to{filter:brightness(1.25)}}@keyframes dts-ai-source{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.18)}}@keyframes dts-ai-target{from{transform:translate(-50%,-50%) scale(.88)}to{transform:translate(-50%,-50%) scale(1.15)}}@keyframes dts-ai-remove{from{transform:translate(-50%,-50%) rotate(-4deg)}to{transform:translate(-50%,-50%) rotate(4deg) scale(1.14)}}
@media(max-width:650px){.dts-shell{padding-inline:0}.dts-card{padding:13px 8px;border-radius:16px}.dts-logo{width:46px;height:46px;border-radius:14px}.dts-brand small{display:none}.dts-icons button{width:38px;height:38px}.dts-controls{grid-template-columns:1fr 1fr}.dts-score{grid-template-columns:1fr 1fr}.dts-score>strong{grid-column:1/-1;grid-row:2}.dts-score span:last-child{grid-column:2;grid-row:1}.dts-board{border-width:3px;border-radius:18px}.dts-actions{grid-template-columns:1fr 1fr}.dts-actions .dts-primary{grid-column:1/-1}}.dts-shell button:not(:disabled),.dts-shell select{touch-action:manipulation;cursor:pointer!important}@media(prefers-reduced-motion:reduce){.dts-point,.dts-modal{animation-duration:.01ms!important}}
.dts-brand h1{margin:0;font-size:clamp(30px,7vw,44px);line-height:.95;letter-spacing:-.05em}.dts-seo-content{width:min(100%,850px);margin-top:14px;padding:18px clamp(16px,3vw,26px);border:1px solid #eadfd3;border-radius:20px;color:#44382f;background:#fff;box-shadow:0 10px 28px rgba(54,40,30,.08)}.dts-seo-content h2{margin:0 0 8px;color:#8b3d17;font-size:clamp(20px,3vw,26px)}.dts-seo-content p{margin:0;line-height:1.65}.dts-seo-content ul{margin:10px 0 0;padding-left:21px;line-height:1.6}@media(max-width:520px){.dts-brand h1{font-size:29px}.dts-seo-content{margin-top:8px;border-radius:14px;font-size:13px}}

/* v1.0.5 mobil ekran güvenliği ve daha büyük dokunma noktaları */
@media(max-width:650px){.dts-shell,.dts-card{width:100%;max-width:100%;min-width:0}.dts-card{padding:7px 5px}.dts-board{width:min(100%,360px);min-width:0;max-width:100%;margin-inline:auto}.dts-point{width:clamp(30px,10%,40px);touch-action:manipulation}.dts-controls{gap:4px;margin:6px 0 4px}.dts-controls label,.dts-controls>div{min-height:42px;padding:4px}.dts-score{margin-bottom:3px}.dts-actions{margin-top:5px}.dts-actions button{min-height:36px}}
@media(max-width:650px) and (max-height:700px){.dts-logo{width:39px;height:39px}.dts-board{width:min(100%,325px)}.dts-help{display:none}}