/* Nauka przez misje — DARKENZ 4.83.9 */
.tl-mission-card{margin:13px 0 20px;padding:17px;border-radius:17px;background:linear-gradient(145deg,#30413a,#142f3d);border:1px solid #d4aa69;box-shadow:0 10px 25px #0004}
.tl-mission-tag{font-size:10px;color:#ffe3a0;letter-spacing:.16em;font-weight:900}
.tl-mission-card h3{font:600 22px Georgia,serif;margin:8px 0;color:#fff0d1}
.tl-mission-card p{font-size:13px;line-height:1.55;color:#e2f0e8;margin:3px 0 13px}
.tl-mission-buttons{display:flex;flex-wrap:wrap;gap:8px}
.tl-mission-buttons button{background:#edbb7b;border:1px solid #fff2ca;border-radius:11px;color:#192b31;padding:10px 14px;font-weight:900;font-size:13px;flex:1;min-width:130px}
.tl-mission-buttons button+button{background:#233d48;color:#e5f7ef;border-color:#60818a;flex:0}
#tl-mission-msg{min-height:35px;font-size:12px;color:#bde4df;line-height:1.55;padding-top:12px}
#tl-mission-msg[data-phase=fail]{color:#ffd1c5;font-weight:700}
#tl-mission-msg[data-phase=success]{color:#aeefc6;font-weight:750}
.tl-mission-hud{margin:0 17px 18px;padding:15px;background:#0c2630;border:1px solid #537179;border-radius:13px}
.tl-mission-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#d2eeee;font-size:12px;letter-spacing:.07em}
#tl-mission-state{font-size:10px;letter-spacing:.06em;border:1px solid #769c9a;padding:4px 8px;border-radius:30px}
#tl-mission-state[data-phase=running]{background:#1c6359;color:#d9fff2}
#tl-mission-state[data-phase=fail]{background:#8d352c;color:#fff1e8}
#tl-mission-state[data-phase=success]{background:#216d4d;color:#e3ffee}
.tl-mission-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.tl-mission-values>div{padding:10px;background:#17333c;border:1px solid #486672;border-radius:9px;min-width:0}
.tl-mission-values small{font-size:10px;color:#c1dadb;display:block}
.tl-mission-values strong{display:block;font-size:16px;color:#ffe0ab;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.tl-load-track{height:11px;border-radius:20px;background:linear-gradient(90deg,#26865d 0 60%,#b78f3b 60% 80%,#ac3935 80%);overflow:hidden;border:1px solid #7d9b95}
#tl-mission-fill{height:100%;background:#eef3edca;transition:width .18s;box-shadow:2px 0 9px #fff}
#tl-mission-fill[data-level=danger]{background:#ffb0a6}
.tl-mission-timeline{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:10px;color:#bcd4d4;letter-spacing:.06em}
.tl-scene{position:relative}
.tl-mission-effect{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:white;font-size:clamp(17px,3vw,37px);font-weight:1000;letter-spacing:.05em;text-align:center;text-shadow:0 5px 10px black;opacity:0}
.tl-effect-fail{background:radial-gradient(circle,#ef765855,#b82b3977,#35061066);opacity:1;animation:tl-impact .65s ease-out}
.tl-effect-win{background:radial-gradient(circle,#17a58047,transparent 75%);opacity:1;animation:tl-win .6s ease}
@keyframes tl-impact{0%{transform:scale(.85);filter:brightness(3)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes tl-win{from{opacity:0}to{opacity:1}}
@media(max-width:680px){.tl-mission-values{grid-template-columns:1fr 1fr}.tl-mission-hud{margin:0 10px 13px;padding:12px}.tl-mission-values strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.tl-mission-effect{animation:none!important}}

.tl-mission-stage{margin:-4px 0 13px;padding:10px 12px;border:1px solid #5f8890;border-radius:12px;background:#11303a}.tl-mission-stage strong{display:block;color:#ffe3ad;font-size:13px;letter-spacing:.04em}.tl-mission-stage p{margin:4px 0 6px;font-size:12px;color:#d9ece6}.tl-mission-stage small{display:block;color:#9fd2d4;font-size:11px;line-height:1.45}
@media(min-width:1100px){.tl-mission-values{grid-template-columns:repeat(4,minmax(0,1fr))}}

.tl-level-picker-wrap{margin:8px 0 14px}.tl-level-picker-title{font-size:11px;letter-spacing:.08em;color:#9fcbd1;text-transform:uppercase;margin:0 0 7px}
.tl-level-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:182px;overflow:auto;padding-right:2px}
.tl-level-btn{border:1px solid #5b7f85;background:#102c34;color:#ebf7f4;border-radius:10px;padding:8px 6px;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:50px}.tl-level-btn span{font-weight:800;font-size:13px}.tl-level-btn small{font-size:10px;color:#ffd88f;line-height:1.1}.tl-level-btn.is-active{outline:2px solid #7ae7db;background:#16414b}
@media(max-width:1040px){.tl-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}