.ct-coach{position:relative;width:min(850px,96%);margin:20px auto;padding:22px 30px 26px;border:1px solid #42556c;border-radius:20px;background:linear-gradient(135deg,#22344d,#101c2e);color:#dce5f2;font:13px Arial,sans-serif;box-shadow:0 12px 45px #0008}.ct-coach>header{display:flex;justify-content:center;position:relative;background:none;border:0;padding:0;margin:-22px 0 26px;height:60px}.ct-coach h1{font:italic 800 32px Arial;color:#fff1ad;letter-spacing:2px;background:linear-gradient(#f5ce67,#bd8522);border-bottom:5px solid #775011;border-radius:0 0 4px 4px;padding:7px 40px;margin:0;box-shadow:0 3px 5px #0006}.ct-close{position:absolute;right:-10px;top:15px;border:0;border-bottom:4px solid #b86410;border-radius:8px;background:linear-gradient(#ffb93c,#f58a16);font:bold 27px Arial;color:white;width:38px;height:40px;cursor:pointer}.ct-legend{color:#ffcf42;text-align:right;font-size:11px;margin-bottom:18px}.ct-legend small{display:block;color:#9faec0;font-size:10px;margin-top:7px}.ct-coach h3{font:bold 15px Arial;margin:18px 0 10px}.ct-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ct-play{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:10px 6px;border:1px solid #657184;border-radius:6px;color:#eef2fa;background:linear-gradient(#415065,#28374b);cursor:pointer}.ct-play.active{border-color:#ffd440;background:linear-gradient(#4b5361,#29364b);box-shadow:inset 0 0 20px #ffe55512}.ct-play:hover{border-color:#f5c94d}.ct-play>small{align-self:flex-start;background:#62748b;border-radius:2px;padding:2px 4px;font:9px Arial}.ct-play em{position:absolute;top:4px;right:8px;font-size:22px;color:#ffe138}.ct-diagram{font-size:21px;letter-spacing:8px;color:#8ba0b5;white-space:nowrap}.ct-play>b{font-size:10px}.ct-targets{font-size:9px;color:#c1d2e6;white-space:nowrap}.ct-targets strong{color:#ffd159;margin-left:3px}.ct-xp{height:4px;background:#142236;width:93%;border-radius:3px;overflow:hidden}.ct-xp i{display:block;height:100%;background:#ffd257}.ct-xp-label{font-size:8px;color:#aebbd0}.ct-note{font:10px/1.7 Arial;color:#aebdd1;margin:17px 0 0}.ct-live{width:min(850px,88%);max-height:94%;overflow:auto;margin:0;padding-top:22px}.ct-live .ct-play{padding:7px 5px;gap:4px}.ct-live>header{height:48px;margin-bottom:12px}.ct-live h1{font-size:27px}.ct-live .ct-legend{margin-bottom:8px}.ct-live h3{margin:12px 0 8px}.ct-effect{position:absolute;right:-39%;bottom:-5%;width:2cqw;height:2cqw;padding:.3cqw;border:1px solid #797246;border-radius:.25cqw;background:#142d4be8;color:#ffd534;z-index:5;box-shadow:0 0 .4cqw #cda93366}.ct-effect svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7}.ct-effect>span{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#071626;padding:.2cqw;font: .65cqw Arial;white-space:nowrap}.ct-effect:hover>span,.ct-effect:focus>span{display:block}.pk-side-1 .ct-effect{right:auto;left:-39%;background:#682521df;border-color:#b97627}.pk-skill-indicator{bottom:23%;right:-65%}.ct-reward{font: .8cqw/1.7 Arial;color:#ffcf62;text-align:center;margin:1cqw}.page-coach .game-hud{display:none}
@media(max-width:700px){.ct-coach{padding:18px 12px}.ct-grid{grid-template-columns:repeat(2,1fr)}.ct-coach>header{margin-top:-18px}.ct-close{right:0}.ct-live{max-height:94%}.ct-live .ct-grid{grid-template-columns:repeat(4,1fr)}.ct-live .ct-targets{font-size:7px}.ct-live .ct-play>b{font-size:8px}.ct-live .ct-diagram{font-size:14px;letter-spacing:3px}}
/* Strateji paneli (tactics-ui.js ctPanel): oyunun çerçeve / şerit / buton görselleriyle. Tasarım alanı 1100 × 760, 1 birim = --k. */
.ct-scene{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:5vh 3vw 3vh;background:linear-gradient(#050b16b8,#050b16b8),url('assets/stadium-v8.webp') center/cover}
.ct-overlay{padding:3% 4%}
.ct-panel{position:relative;width:min(100%,calc((100dvh - 9vh) * 1100 / 760));aspect-ratio:1100/760;container-type:inline-size;--k:calc(100cqw / 1100);font-family:Arial,sans-serif;color:#fff}
.ct-overlay .ct-panel{width:76%}
.ct-panel>*{position:absolute}
.ct-panel button{font:inherit;color:inherit;padding:0;border:0;background:none;cursor:pointer}
.ct-fill{inset:0;border-radius:calc(28*var(--k));border:calc(6*var(--k)) solid #3aa0ff;background:radial-gradient(ellipse at 50% 12%,#1167c7,#0a3a7c 55%,#072a5c);box-shadow:inset 0 0 0 calc(3*var(--k)) #9fd3ff88,0 calc(10*var(--k)) calc(30*var(--k)) #000a}
.ct-ribbon{left:calc(300*var(--k));top:calc(-48*var(--k));width:calc(500*var(--k));height:calc(104*var(--k));display:grid;place-items:center;z-index:3}
.ct-ribbon img{position:absolute;inset:0;width:100%;height:100%}
.ct-ribbon span{position:relative;font:italic 900 calc(50*var(--k))/1 'Barlow Condensed',Arial;letter-spacing:calc(1*var(--k));color:#ff9416;-webkit-text-stroke:calc(2*var(--k)) #7a2e00;paint-order:stroke fill;text-shadow:0 calc(3*var(--k)) 0 #7a2e00}
.ct-panel .ct-x{right:calc(-26*var(--k));top:calc(-30*var(--k));width:calc(96*var(--k));height:calc(92*var(--k));z-index:3}
.ct-x img{width:100%;height:100%;display:block}.ct-x:hover img{filter:brightness(1.12)}
.ct-tabs{left:calc(40*var(--k));top:calc(58*var(--k));right:calc(40*var(--k));display:flex;align-items:center;gap:calc(10*var(--k))}
.ct-tab{height:calc(44*var(--k));min-width:calc(150*var(--k));border-radius:calc(10*var(--k)) calc(10*var(--k)) 0 0!important;border:calc(2*var(--k)) solid #9fd3ff!important;background:linear-gradient(#2f86ea,#1a5fc0)!important;font:900 calc(21*var(--k)) Arial!important;cursor:default!important;opacity:.85}
.ct-tab.on{border-color:#ffe0a0!important;background:linear-gradient(#ffb84e,#e07a12)!important;opacity:1}
.ct-mode{margin-left:auto;font:700 calc(17*var(--k)) Arial;color:#9df59d;text-shadow:0 1px 2px #000}
.ct-row{left:calc(36*var(--k));right:calc(36*var(--k));height:calc(278*var(--k));border-radius:calc(16*var(--k));border:calc(3*var(--k)) solid #4fb0ff;background:linear-gradient(#0d4f9ecc,#082f66cc);box-shadow:inset 0 0 calc(18*var(--k)) #0007}
.ct-offense{top:calc(134*var(--k))}.ct-defense{top:calc(432*var(--k))}
.ct-row h3{position:absolute;left:calc(-4*var(--k));top:calc(-24*var(--k));margin:0;padding:calc(4*var(--k)) calc(26*var(--k));border-radius:calc(10*var(--k));background:linear-gradient(#ffb84e,#e07a12);border:calc(2*var(--k)) solid #ffe0a0;font:italic 900 calc(26*var(--k))/1.1 'Barlow Condensed',Arial;color:#fff;-webkit-text-stroke:calc(1*var(--k)) #7a2e00;paint-order:stroke fill;text-shadow:0 calc(2*var(--k)) 0 #7a2e00}
.ct-cards{position:absolute;left:calc(74*var(--k));right:calc(74*var(--k));top:calc(24*var(--k));bottom:calc(10*var(--k));display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16*var(--k))}
.ct-arrow{position:absolute!important;top:calc(88*var(--k));width:calc(50*var(--k));height:calc(74*var(--k));border-radius:calc(12*var(--k))!important;border:calc(3*var(--k)) solid #fff!important;font:900 calc(54*var(--k))/1 Arial!important;color:#fff!important;text-shadow:0 calc(2*var(--k)) 0 #0006}
.ct-prev{left:calc(12*var(--k));background:linear-gradient(#e8edf3,#9aa7b8)!important;color:#4a5566!important}
.ct-next{right:calc(12*var(--k));background:linear-gradient(#ffd34e,#f08a0c)!important}
.ct-arrow:disabled{opacity:.35;cursor:default!important}
.ct-card{display:flex;flex-direction:column;align-items:center;gap:calc(4*var(--k));min-width:0}
.ct-pic{position:relative;width:100%;aspect-ratio:200/150;border-radius:calc(10*var(--k));border:calc(3*var(--k)) solid #e9eef5;overflow:hidden;box-shadow:0 calc(4*var(--k)) calc(10*var(--k)) #0008;transition:transform .15s,box-shadow .15s}
.ct-card.on .ct-pic{border-color:#ffd166;box-shadow:0 0 0 calc(3*var(--k)) #ffb347,0 0 calc(22*var(--k)) #ffd166}
.ct-card:not(:disabled):hover .ct-pic{transform:translateY(calc(-3*var(--k)));box-shadow:0 0 calc(16*var(--k)) #9fd3ff}
.ct-card:disabled{cursor:default;opacity:.7}
.ct-court{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#d99a55 0 calc(14*var(--k)),#cf8d47 calc(14*var(--k)) calc(28*var(--k))),#d99a55}
.ct-lines{fill:none;stroke:#fff;stroke-width:2.2;opacity:.95}.ct-lines rect{fill:#2f6fd0;fill-opacity:.35}.ct-rim{stroke:#1f5fc4;stroke-width:4}
.ct-arrows path{fill:none;stroke:#c4161c;stroke-width:3;stroke-linecap:round}
.ct-dot circle{fill:#2fb84a;stroke:#fff;stroke-width:2}.ct-dot.hot circle{fill:#e33b2f}
.ct-dot text{fill:#fff;font:900 9px Arial;text-anchor:middle}
.ct-lv{position:absolute;right:calc(-3*var(--k));top:calc(4*var(--k));padding:calc(1*var(--k)) calc(9*var(--k));border-radius:calc(12*var(--k)) 0 0 calc(12*var(--k));background:linear-gradient(#5aa9ff,#1f5fc4);border:calc(2*var(--k)) solid #fff;font:italic 900 calc(13*var(--k)) Arial;color:#fff;text-shadow:0 1px 2px #0008}
.ct-check{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-6deg);font:900 calc(96*var(--k))/1 Arial;font-style:normal;color:#5be06b;-webkit-text-stroke:calc(5*var(--k)) #fff;paint-order:stroke fill;text-shadow:0 calc(4*var(--k)) calc(6*var(--k)) #0009}
.ct-card b{max-width:100%;font:900 calc(18*var(--k)) Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}
.ct-card small{font:800 calc(14*var(--k)) Arial;color:#9fd3ff}
.ct-bar{width:85%;height:calc(7*var(--k));border-radius:calc(4*var(--k));background:#06224b;overflow:hidden;box-shadow:inset 0 0 0 1px #0008}
.ct-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd166,#f5a524)}
.ct-foot{left:calc(40*var(--k));right:calc(40*var(--k));top:calc(718*var(--k));margin:0;font:700 calc(14*var(--k))/1.3 Arial;color:#ffe066;text-shadow:0 1px 2px #000}