.tvk-shell,.tvk-shell *{box-sizing:border-box}.tvk-shell{--fox:#e66a20;--goose:#f4f0e6;display:grid;place-items:center;padding:14px 10px;color:#273128}.tvk-shell button,.tvk-shell select{font:inherit}.tvk-card{position:relative;width:min(100%,850px);padding:clamp(14px,3vw,27px);overflow:hidden;border-radius:28px;background:linear-gradient(155deg,#fff,#eef4e8);box-shadow:0 18px 55px rgba(35,60,37,.16)}
.tvk-header,.tvk-brand,.tvk-icons{display:flex;align-items:center}.tvk-header{justify-content:space-between;gap:12px}.tvk-brand{gap:12px}.tvk-brand>span:last-child{display:grid}.tvk-brand small{color:#52722e;font-size:9px;font-weight:900;letter-spacing:.13em}.tvk-brand h1{margin:0;font-size:clamp(30px,7vw,44px);line-height:.95;letter-spacing:-.05em}.tvk-logo{width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f7a53b,#b94718);font-size:30px;box-shadow:0 10px 24px rgba(142,59,19,.25)}.tvk-icons{gap:5px}.tvk-icons button{width:42px;height:42px;border:1px solid #dce7d4;border-radius:14px;background:#fff;font-weight:900;cursor:pointer}
.tvk-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 8px}.tvk-controls label,.tvk-controls>div{display:grid;place-content:center;min-width:0;min-height:56px;padding:7px 9px;border-radius:13px;color:#fff;background:#344a35;text-align:center;font-size:9px;font-weight:850;letter-spacing:.07em}.tvk-controls select{width:100%;border:0;outline:0;color:#fff;background:transparent;font-weight:850;text-align:center}.tvk-controls option{color:#273128;background:#fff}.tvk-controls small{font-size:8px;opacity:.7}.tvk-controls b{margin-top:3px;font-size:12px}.tvk-controls>div:last-child{background:linear-gradient(145deg,#e67b26,#9f3d18)}
.tvk-score{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:7px;align-items:center;margin-bottom:7px;color:#687665;font-size:11px;text-align:center}.tvk-score strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b24e1d}.tvk-board{position:relative;width:min(100%,590px);aspect-ratio:1;margin:auto;border:5px solid #56351e;border-radius:28px;background:radial-gradient(circle at 34% 20%,#c7894b,#7a481f 68%,#4a2a16);box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 16px 30px rgba(67,39,22,.25)}.tvk-shell[data-theme="dark"] .tvk-board{border-color:#181513;background:radial-gradient(circle at 35% 20%,#4f4b43,#25231e 70%,#11120f)}.tvk-shell[data-theme="sand"] .tvk-board{border-color:#8a633e;background:radial-gradient(circle at 35% 20%,#edcc98,#be8b54 70%,#8d6038)}.tvk-board svg,.tvk-points{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}.tvk-board line{stroke:#f5dfbd;stroke-width:1.45;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.tvk-point{position:absolute;width:clamp(27px,7vw,44px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:3px solid #f5dfbd;border-radius:50%;background:#684127;box-shadow:inset 0 4px 7px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.28);transition:transform .18s,box-shadow .18s}.tvk-point:disabled{cursor:default}.tvk-point.tvk-fox{border-color:#ffe0b8;background:radial-gradient(circle at 32% 28%,#ffca72,var(--fox) 58%,#8b2d0c);font-size:clamp(16px,5vw,30px)}.tvk-point.tvk-fox span{filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}.tvk-point.tvk-goose{border-color:#fff;background:radial-gradient(circle at 32% 28%,#fff,var(--goose) 58%,#9eaa99);color:#6b8062;font-size:19px}.tvk-point.tvk-selected{transform:translate(-50%,-50%) scale(1.17);box-shadow:0 0 0 5px #fff,0 0 22px #ffe159}.tvk-point.tvk-playable:not(:disabled){animation:tvk-breathe .85s infinite alternate}.tvk-point.tvk-target{box-shadow:0 0 0 5px #77f19c,0 0 20px #36df70}.tvk-point.tvk-hint{animation:tvk-hint .55s infinite alternate;box-shadow:0 0 0 5px #fff07a,0 0 22px #ffd52c}.tvk-point.tvk-ai-source{z-index:5;animation:tvk-hint .5s infinite alternate;box-shadow:0 0 0 6px #65cdfa,0 0 25px #28a8e5}.tvk-point.tvk-ai-target{z-index:5;animation:tvk-hint .5s infinite alternate;box-shadow:0 0 0 6px #fff06b,0 0 26px #ffc928}.tvk-ai-banner{position:absolute;top:10px;left:50%;z-index:7;transform:translateX(-50%);padding:8px 14px;border-radius:18px;color:#fff;background:#1b241a;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 7px 20px rgba(0,0,0,.35);animation:tvk-breathe .5s infinite alternate}.tvk-ai-banner[hidden]{display:none}.tvk-status{display:flex;justify-content:space-between;gap:8px;width:min(100%,590px);margin:7px auto 0;color:#687665;font-size:10px;font-weight:750}
.tvk-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.tvk-actions button,.tvk-modal button{min-height:44px;border:0;border-radius:12px;color:#445140;background:#dde8d8;font-size:12px;font-weight:850;cursor:pointer}.tvk-actions .tvk-primary,.tvk-modal .tvk-primary{color:#fff;background:#2f402f}.tvk-actions button:disabled{opacity:.4;cursor:default}.tvk-help{margin:9px 4px 0;color:#748171;font-size:11px;text-align:center}.tvk-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:22px;background:rgba(25,34,24,.9);backdrop-filter:blur(6px)}.tvk-overlay[hidden]{display:none}.tvk-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)}.tvk-modal>span{color:#b24e1d;font-size:10px;font-weight:950;letter-spacing:.2em}.tvk-modal h2{margin:8px 0;font-size:29px}.tvk-modal p{color:#687665}.tvk-rules{text-align:left}.tvk-rules>span,.tvk-rules h2{text-align:center;display:block}.tvk-rules ol{padding-left:22px;color:#586555;font-size:13px;line-height:1.5}.tvk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.tvk-stats div{padding:11px 4px;border-radius:11px;background:#eef4e9}.tvk-stats b{display:block;color:#b24e1d;font-size:22px}.tvk-stats small{font-size:8px;font-weight:900;color:#71806e}.tvk-seo-content{width:min(100%,850px);margin-top:14px;padding:18px clamp(16px,3vw,26px);border:1px solid #dce7d5;border-radius:20px;color:#3d4b3b;background:#fff;box-shadow:0 10px 28px rgba(38,65,39,.08)}.tvk-seo-content h2{margin:0 0 8px;color:#52722e;font-size:clamp(20px,3vw,26px)}.tvk-seo-content p{margin:0;line-height:1.65}.tvk-seo-content ul{margin:10px 0 0;padding-left:21px;line-height:1.6}
@keyframes tvk-breathe{from{filter:brightness(.9)}to{filter:brightness(1.28)}}@keyframes tvk-hint{from{filter:brightness(.85)}to{filter:brightness(1.45)}}
@media(max-width:650px){.tvk-shell{padding-inline:0}.tvk-card{padding:13px 8px;border-radius:16px}.tvk-logo{width:46px;height:46px;border-radius:14px}.tvk-brand small{display:none}.tvk-icons button{width:38px;height:38px}.tvk-controls{grid-template-columns:1fr 1fr}.tvk-score{grid-template-columns:1fr 1fr}.tvk-score>strong{grid-column:1/-1;grid-row:2}.tvk-score span:last-child{grid-column:2;grid-row:1}.tvk-board{border-width:3px;border-radius:18px}.tvk-actions{grid-template-columns:1fr 1fr}.tvk-actions .tvk-primary{grid-column:1/-1}.tvk-status{font-size:9px}.tvk-seo-content{margin-top:8px;border-radius:14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.tvk-shell *{animation-duration:.01ms!important}.tvk-point{transition:none}}

/* Oyun kartını ekran yüksekliğine sığdıran kompakt görünüm. */
.tvk-shell{display:block;padding:4px 8px}
.tvk-card{margin:0 auto;padding:10px 14px;border-radius:20px}
.tvk-header{min-height:48px}
.tvk-logo{width:46px;height:46px;border-radius:14px;font-size:25px}
.tvk-brand h1{font-size:31px}
.tvk-icons button{width:37px;height:37px;border-radius:11px}
.tvk-controls{margin:7px 0 5px}
.tvk-controls label,.tvk-controls>div{min-height:45px;padding:4px 7px}
.tvk-score{margin-bottom:4px}
.tvk-board{width:min(92vw,430px,calc(100vh - 305px));min-width:300px;border-width:4px;border-radius:18px}
.tvk-point{width:clamp(28px,10%,40px)}
.tvk-status{width:min(92vw,430px,calc(100vh - 305px));margin-top:4px}
.tvk-actions{margin-top:7px}
.tvk-actions button{min-height:38px}
.tvk-help{margin-top:5px}
@media(min-width:651px) and (max-height:760px){
 .tvk-card{padding:7px 13px}
 .tvk-header{min-height:43px}
 .tvk-logo{width:42px;height:42px;font-size:22px}
 .tvk-brand h1{font-size:28px}
 .tvk-controls{margin:5px 0 3px}
 .tvk-controls label,.tvk-controls>div{min-height:41px}
 .tvk-board{width:min(88vw,410px,calc(100vh - 295px))}
 .tvk-status{width:min(88vw,410px,calc(100vh - 295px));margin-top:3px}
 .tvk-actions{margin-top:5px}
 .tvk-actions button{min-height:35px}
 .tvk-help{margin-top:3px;font-size:10px}
}
@media(max-width:650px){
 .tvk-shell{padding:2px 0}
 .tvk-card{padding:7px 6px}
 .tvk-brand h1{font-size:25px}
 .tvk-controls{margin:5px 0 3px}
 .tvk-controls label,.tvk-controls>div{min-height:40px}
 .tvk-board{width:min(95vw,400px,calc(100vh - 350px));min-width:280px}
 .tvk-point{width:clamp(27px,10%,38px)}
 .tvk-status{width:min(95vw,400px,calc(100vh - 350px))}
 .tvk-actions{margin-top:5px}
 .tvk-actions button{min-height:36px}
 .tvk-help{margin-top:4px;font-size:9px}
}

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