.cilo-taktik{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#0d1712;color:#eef5ef;border-radius:12px;padding:12px;max-width:1000px;margin:20px auto;box-sizing:border-box;line-height:1.35}
.cilo-taktik *{box-sizing:border-box}
.cilo-taktik .ct-title{margin:0 0 10px;font-size:20px;font-weight:800;color:#ffd23f}
.cilo-taktik .ct-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.cilo-taktik .ct-bar button{background:#1d2e24;color:#eef5ef;border:1px solid #2f4a3a;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;box-shadow:none;text-transform:none;height:auto;line-height:1.2}
.cilo-taktik .ct-bar button:hover{background:#27412f;color:#fff}
.cilo-taktik .ct-bar button.on{background:#e8212b;border-color:#e8212b;color:#fff}
.cilo-taktik .ct-bar .ct-sp{flex:1}
.cilo-taktik .ct-ang{display:flex;align-items:center;gap:6px;font-size:13px}
.cilo-taktik .ct-ang input{width:110px;padding:0;border:0;background:none}
.cilo-taktik .ct-wrap{border-radius:10px;overflow:hidden;line-height:0;position:relative}
.cilo-taktik canvas{width:100%;display:block;touch-action:pan-y;cursor:grab}
.cilo-taktik .ct-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cilo-taktik .ct-card,.cilo-taktik .ct-sel{background:#14231a;border:1px solid #243a2c;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}
.cilo-taktik .ct-sel{margin-top:10px;flex-direction:row;flex-wrap:wrap;align-items:flex-end}
.cilo-taktik label{font-size:12px;opacity:.85;display:block;margin:0}
.cilo-taktik .ct-sel div{flex:1;min-width:120px}
.cilo-taktik .ct-sel b{width:100%;font-size:13px}
.cilo-taktik input[type=text],.cilo-taktik select{background:#0b140f;color:#fff;border:1px solid #2f4a3a;border-radius:6px;padding:7px;font-size:14px;width:100%;height:auto;box-shadow:none}
.cilo-taktik input[type=color]{width:100%;height:34px;border:0;padding:0;background:none}
.cilo-taktik .ct-hint{font-size:12px;opacity:.7;margin:0;width:100%}
@media(max-width:600px){.cilo-taktik .ct-teams{grid-template-columns:1fr}}
@media(max-width:600px){
.cilo-taktik{padding:8px;margin:12px 0;border-radius:10px}
.cilo-taktik .ct-title{font-size:17px}
.cilo-taktik .ct-bar{gap:5px}
.cilo-taktik .ct-bar button{padding:7px 9px;font-size:13px}
.cilo-taktik .ct-ang{flex:1 1 100%}
.cilo-taktik .ct-ang input{flex:1;width:auto}
.cilo-taktik .ct-bar .ct-sp{display:none}
.cilo-taktik .ct-sel div{min-width:100px}
}

.cilo-taktik .ct-modes{margin-bottom:8px}
.cilo-taktik .ct-modes button{font-weight:700}
.cilo-taktik .ct-xi{display:none;margin-top:10px;background:#14231a;border:1px solid #243a2c;border-radius:10px;padding:10px}
.cilo-taktik .ct-xt{font-size:17px;font-weight:800;color:#ffd23f;margin-bottom:8px}
.cilo-taktik .ct-share{margin:10px 0 0}
.cilo-taktik .ct-bar button.pri{background:#e8212b;border-color:#e8212b;color:#fff;font-weight:700}
.cilo-taktik details summary{cursor:pointer;font-size:14px;font-weight:700}
.cilo-taktik .ct-brow{display:grid;grid-template-columns:56px 1fr;gap:6px;margin-top:6px}

.cilo-taktik .ct-wrap .ct-sel{position:absolute;z-index:5;display:none;margin:0;width:240px;max-width:calc(100% - 8px);flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px 26px 8px 8px;background:rgba(10,20,14,.95);box-shadow:0 4px 14px rgba(0,0,0,.55);line-height:1.3}
.cilo-taktik .ct-wrap .ct-sel b{font-size:12px;width:100%}
.cilo-taktik .ct-wrap .ct-sel div{min-width:0}
.cilo-taktik .ct-wrap .ct-sel div:nth-child(2){flex:0 0 62px}
.cilo-taktik .ct-wrap .ct-sel label{font-size:12px}
.cilo-taktik .ct-x{position:absolute;top:3px;right:3px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#2a3f31;color:#fff;font-size:12px;line-height:24px;cursor:pointer;box-shadow:none}
.cilo-taktik .ct-hint{margin:8px 2px 0}