body:has(#main.goalz-taktik3) {
    background: #edf7ff;
}

#main.goalz-taktik3 {
    --t3-blue: #0065a2;
    --t3-blue-dark: #00466f;
    --t3-blue-soft: #eaf6ff;
    --t3-blue-line: #b9d9ee;
    --t3-ink: #17364d;
    --t3-muted: #526c80;
    --t3-green: #147146;
    --t3-green-soft: #eaf8f1;
    --t3-red: #a72c32;
    background: linear-gradient(180deg, #f8fcff 0%, #edf7ff 100%);
    color: var(--t3-ink);
    border: 1px solid #c7e0f1;
    border-radius: 16px;
    padding: 20px;
    margin: 10px 14px 32px 200px;
    font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    text-align: left;
    width: auto;
    max-width: 1440px;
    box-sizing: border-box;
    box-shadow: 0 14px 34px rgba(25, 88, 132, 0.1);
}

body #main.goalz-taktik3.goalz-taktik3 :where(h1, h2, h3, p) {
    background: transparent;
    color: var(--t3-ink);
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: 1.45;
    text-align: left;
    width: auto;
    max-width: none;
}

body #main.goalz-taktik3.goalz-taktik3 h1 {
    color: #ffffff;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

body #main.goalz-taktik3.goalz-taktik3 h2 {
    color: var(--t3-ink);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

body #main.goalz-taktik3.goalz-taktik3 h3 {
    color: var(--t3-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
}

body #main.goalz-taktik3.goalz-taktik3 :where(a) {
    background: transparent;
    color: var(--t3-blue-dark);
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: inherit;
    text-align: left;
    width: auto;
    max-width: none;
    text-decoration: none;
}

#main.goalz-taktik3 button,
#main.goalz-taktik3 input,
#main.goalz-taktik3 select {
    font: inherit;
    box-sizing: border-box;
}

#main.goalz-taktik3 button,
#main.goalz-taktik3 select,
#main.goalz-taktik3 input[type="text"],
#main.goalz-taktik3 input[type="number"] {
    min-height: 42px;
}

#main.goalz-taktik3 select,
#main.goalz-taktik3 input[type="text"],
#main.goalz-taktik3 input[type="number"] {
    width: 100%;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid #8cbad7;
    border-radius: 9px;
    padding: 9px 11px;
    outline: none;
}

#main.goalz-taktik3 select:focus,
#main.goalz-taktik3 input:focus,
#main.goalz-taktik3 button:focus-visible,
#main.goalz-taktik3 a:focus-visible {
    outline: 3px solid rgba(0, 101, 162, 0.25);
    outline-offset: 2px;
}

#main.goalz-taktik3 button:disabled,
#main.goalz-taktik3 input:disabled,
#main.goalz-taktik3 select:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.t3-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 138px;
    margin: -1px -1px 18px;
    padding: 26px 30px;
    color: #ffffff;
    background: radial-gradient(circle at 82% 25%, rgba(84, 189, 238, 0.35), transparent 30%),
        linear-gradient(130deg, #00466f 0%, #006fae 70%, #0083bd 100%);
    border: 1px solid #00466f;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

#main.goalz-taktik3 .t3-hero p {
    max-width: 720px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 16px;
}

.t3-kicker,
.t3-step {
    display: block;
    color: var(--t3-blue-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.t3-hero .t3-kicker {
    margin-bottom: 8px;
    color: #dff5ff;
}

.t3-engine-badge {
    display: grid;
    flex: 0 0 142px;
    place-items: center;
    min-height: 96px;
    padding: 12px;
    color: #ffffff;
    background: rgba(0, 42, 68, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 14px;
    text-align: center;
    box-sizing: border-box;
}

.t3-engine-badge strong {
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1;
    white-space: nowrap;
}

.t3-engine-badge span {
    font-size: 12px;
    line-height: 1.3;
}

.t3-feedback {
    margin: 0 0 14px;
    padding: 12px 14px;
    color: var(--t3-ink);
    background: #eef8ff;
    border: 1px solid #8ec3e3;
    border-left: 5px solid var(--t3-blue);
    border-radius: 9px;
}

#main.goalz-taktik3 .t3-feedback p + p {
    margin-top: 5px;
}

.t3-feedback--success {
    color: #0b5131;
    background: var(--t3-green-soft);
    border-color: #74be98;
    border-left-color: var(--t3-green);
}

.t3-feedback--error {
    color: #7f1f24;
    background: #fff4f4;
    border-color: #e8a9ad;
    border-left-color: var(--t3-red);
}

.t3-feedback--warning {
    color: #6c4800;
    background: #fff8e6;
    border-color: #e1bd5f;
    border-left-color: #a66d00;
}

.t3-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

#main.goalz-taktik3 .t3-tabs a {
    position: relative;
    display: grid;
    gap: 2px;
    min-height: 70px;
    padding: 11px 14px;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid var(--t3-blue-line);
    border-radius: 11px;
    box-sizing: border-box;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

#main.goalz-taktik3 .t3-tabs a:hover {
    border-color: var(--t3-blue);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(30, 95, 139, 0.1);
}

#main.goalz-taktik3 .t3-tabs a.is-selected {
    color: #ffffff;
    background: var(--t3-blue-dark);
    border-color: var(--t3-blue-dark);
}

.t3-tabs span {
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.t3-tabs strong {
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t3-tabs em {
    position: absolute;
    top: 8px;
    right: 9px;
    padding: 2px 6px;
    color: #0b5131;
    background: #dff5e9;
    border: 1px solid #91caac;
    border-radius: 999px;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.t3-card {
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid var(--t3-blue-line);
    border-radius: 13px;
    box-shadow: 0 6px 18px rgba(33, 91, 131, 0.07);
    box-sizing: border-box;
}

.t3-start-card,
.t3-rules-card,
.t3-test-card,
.t3-lineup-card {
    padding: 18px;
}

.t3-test-card {
    container-name: t3-test-card;
    container-type: inline-size;
}

.t3-card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.t3-card-heading .t3-step {
    margin-bottom: 5px;
}

#main.goalz-taktik3 .t3-card-heading p,
#main.goalz-taktik3 .t3-test-card > p,
#main.goalz-taktik3 .t3-lineup-card > p {
    margin-top: 5px;
    color: var(--t3-muted);
}

#main.goalz-taktik3 a.t3-text-link {
    flex: 0 0 auto;
    padding: 7px 10px;
    color: var(--t3-blue-dark);
    background: var(--t3-blue-soft);
    border: 1px solid var(--t3-blue-line);
    border-radius: 8px;
    font-weight: 700;
}

.t3-start-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.t3-editor-grid label,
.t3-savebar > label:first-child {
    display: grid;
    gap: 6px;
    color: var(--t3-ink);
    font-weight: 700;
}

.t3-start-grid small {
    color: var(--t3-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
}

#main.goalz-taktik3 .t3-start-slider {
    display: grid;
    align-content: start;
    min-width: 0;
}

#main.goalz-taktik3 .t3-slider-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

#main.goalz-taktik3 .t3-slider-head > span {
    display: flex;
    align-items: center;
    gap: 3px;
}

#main.goalz-taktik3 .t3-slider-head label {
    color: var(--t3-ink);
    font-weight: 750;
}

#main.goalz-taktik3 .t3-slider-head output {
    overflow: hidden;
    max-width: 150px;
    padding: 4px 9px;
    color: var(--t3-blue-dark);
    background: var(--t3-blue-soft);
    border: 1px solid var(--t3-blue-line);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"],
#main.goalz-taktik3 .t3-scenario-minute input[type="range"] {
    width: 100%;
    height: 24px;
    min-height: 24px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 999px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]::-webkit-slider-runnable-track,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]::-webkit-slider-runnable-track {
    height: 7px;
    background: linear-gradient(
        to right,
        var(--t3-blue) 0%,
        var(--t3-blue) var(--t3-range-progress),
        #d9ecf7 var(--t3-range-progress),
        #d9ecf7 100%
    );
    border-radius: 999px;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]::-webkit-slider-thumb,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
    margin-top: -7.5px;
    background: #ffffff;
    border: 3px solid var(--t3-blue);
    border-radius: 50%;
    box-shadow: 0 2px 7px rgba(0, 70, 111, 0.24);
    appearance: none;
    -webkit-appearance: none;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]::-moz-range-track,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]::-moz-range-track {
    height: 7px;
    background: linear-gradient(
        to right,
        var(--t3-blue) 0%,
        var(--t3-blue) var(--t3-range-progress),
        #d9ecf7 var(--t3-range-progress),
        #d9ecf7 100%
    );
    border: 0;
    border-radius: 999px;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]::-moz-range-thumb,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 3px solid var(--t3-blue);
    border-radius: 50%;
    box-shadow: 0 2px 7px rgba(0, 70, 111, 0.24);
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]:focus-visible,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]:focus-visible {
    outline: 3px solid rgba(0, 101, 162, 0.25);
    outline-offset: 4px;
}

#main.goalz-taktik3 .t3-start-slider input[type="range"]:disabled,
#main.goalz-taktik3 .t3-scenario-minute input[type="range"]:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

#main.goalz-taktik3 .t3-slider-scale {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 2px 1px 7px;
    color: var(--t3-muted);
    font-size: 9px;
    font-weight: 650;
    line-height: 1.2;
}

#main.goalz-taktik3 .t3-slider-scale span:nth-child(2) {
    text-align: center;
}

#main.goalz-taktik3 .t3-slider-scale span:last-child {
    text-align: right;
}

.t3-help {
    display: inline-grid;
    place-items: center;
    width: 22px;
    min-height: 22px !important;
    margin-left: 4px;
    padding: 0;
    color: var(--t3-blue-dark);
    background: var(--t3-blue-soft);
    border: 1px solid #77b1d4;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.t3-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.75fr);
    align-items: start;
    gap: 14px;
    margin-top: 14px;
}

.t3-side-column {
    display: grid;
    gap: 14px;
    position: sticky;
    top: 10px;
}

.t3-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 9px;
    font-weight: 750;
    line-height: 1.2;
    cursor: pointer;
}

.t3-button--primary,
.t3-button--save {
    color: #ffffff;
    background: var(--t3-blue);
    border-color: #00598f;
}

.t3-button--primary:hover,
.t3-button--save:hover {
    background: var(--t3-blue-dark);
}

.t3-button--secondary {
    color: var(--t3-blue-dark);
    background: #ffffff;
    border-color: #8cbad7;
}

.t3-presets {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 16px 0 12px;
    padding: 10px;
    color: var(--t3-muted);
    background: var(--t3-blue-soft);
    border: 1px solid #c7e2f2;
    border-radius: 9px;
}

.t3-presets > span {
    margin-right: 2px;
    font-size: 12px;
    font-weight: 750;
}

.t3-presets button {
    min-height: 32px !important;
    padding: 5px 9px;
    color: var(--t3-blue-dark);
    background: #ffffff;
    border: 1px solid #8cbad7;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.t3-rule-list {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: t3-rule;
}

.t3-rule-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    margin: 0 0 10px;
    color: var(--t3-muted);
    font-size: 12px;
    font-weight: 700;
}

.t3-rule-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.t3-rule-legend-dot {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
}

.t3-rule-legend-dot--match {
    background: #f7c94b;
    border-color: #9a6700;
}

.t3-rule-legend-dot--winner {
    background: #259564;
    border-color: #0b613c;
}

.t3-rule-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid #a9cfe6;
    border-left: 4px solid var(--t3-blue);
    border-radius: 10px;
    box-sizing: border-box;
}

.t3-rule-item.is-scenario-match {
    color: var(--t3-ink);
    background: #fff9e8;
    border-color: #b57900;
    border-left-color: #a66d00;
}

.t3-rule-item.is-scenario-winner {
    color: var(--t3-ink);
    background: #f0fbf5;
    border-color: #2b825d;
    border-left-color: #147146;
    box-shadow: 0 5px 16px rgba(20, 113, 70, 0.12);
}

.t3-rule-item.is-scenario-match .t3-rule-number {
    color: #ffffff;
    background: #a66d00;
}

.t3-rule-item.is-scenario-winner .t3-rule-number {
    color: #ffffff;
    background: #147146;
}

.t3-rule-number {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #ffffff;
    background: var(--t3-blue-dark);
    border-radius: 9px;
    font-weight: 800;
}

.t3-rule-summary {
    min-width: 0;
}

.t3-rule-summary strong {
    display: block;
    color: var(--t3-ink);
    font-size: 14px;
}

.t3-rule-summary span {
    display: block;
    margin-top: 3px;
    color: var(--t3-muted);
    font-size: 12px;
    line-height: 1.35;
}

.t3-rule-summary .t3-rule-scenario-state {
    display: none;
    width: max-content;
    margin-top: 7px;
    padding: 3px 8px;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
}

.t3-rule-item.is-scenario-match .t3-rule-scenario-state {
    display: inline-flex;
    color: #684500;
    background: #fff0bd;
    border-color: #a66d00;
}

.t3-rule-item.is-scenario-winner .t3-rule-scenario-state {
    display: inline-flex;
    color: #0b5131;
    background: #dff5e9;
    border-color: #237651;
}

.t3-rule-actions {
    display: flex;
    gap: 4px;
}

.t3-icon-button {
    display: inline-grid;
    place-items: center;
    width: 34px;
    min-height: 34px !important;
    padding: 0;
    color: var(--t3-blue-dark);
    background: #eff8ff;
    border: 1px solid #9fc9e2;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

.t3-icon-button--danger {
    color: #8b252a;
    background: #fff4f4;
    border-color: #e1a3a7;
}

.t3-empty {
    margin-top: 10px;
    padding: 26px 18px;
    color: var(--t3-ink);
    background: #f4fbff;
    border: 1px dashed #83b8d8;
    border-radius: 10px;
    text-align: center;
}

#main.goalz-taktik3 .t3-empty p {
    margin: 5px auto 0;
    max-width: 470px;
    color: var(--t3-muted);
    text-align: center;
}

.t3-rule-warnings {
    display: none;
    margin-bottom: 10px;
    padding: 9px 11px;
    color: #6c4800;
    background: #fff8e6;
    border: 1px solid #e1bd5f;
    border-radius: 8px;
    font-size: 12px;
}

.t3-rule-warnings.is-visible {
    display: block;
}

#main.goalz-taktik3 .t3-scenario-form {
    display: grid;
    align-items: start;
    gap: 16px;
    margin-top: 16px;
}

#main.goalz-taktik3 .t3-scenario-minute,
#main.goalz-taktik3 .t3-score-entry,
#main.goalz-taktik3 .t3-scenario-players {
    display: grid;
    align-content: start;
    gap: 6px;
    color: var(--t3-ink);
    font-weight: 750;
}

#main.goalz-taktik3 .t3-score-entry > span:first-child {
    font-size: 12px;
    line-height: 1.25;
}

#main.goalz-taktik3 .t3-scenario-minute .t3-slider-head {
    margin-bottom: 4px;
}

#main.goalz-taktik3 .t3-minute-scale {
    position: relative;
    height: 11px;
    margin: 2px 1px 0;
    color: var(--t3-muted);
    font-size: 9px;
    font-weight: 650;
    line-height: 1.2;
}

#main.goalz-taktik3 .t3-minute-scale span {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}

#main.goalz-taktik3 .t3-minute-scale span:first-child {
    left: 0;
    transform: none;
}

#main.goalz-taktik3 .t3-minute-scale span:nth-child(2) {
    left: 37.5%;
}

#main.goalz-taktik3 .t3-minute-scale span:nth-child(3) {
    left: 75%;
}

#main.goalz-taktik3 .t3-minute-scale span:last-child {
    right: 0;
    transform: none;
}

#main.goalz-taktik3 .t3-scoreboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

#main.goalz-taktik3 .t3-goal-stepper {
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 9px;
    background: #f7fbfe;
    border: 1px solid var(--t3-blue-line);
    border-radius: 10px;
}

#main.goalz-taktik3 .t3-goal-stepper > span {
    overflow: hidden;
    color: var(--t3-ink);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main.goalz-taktik3 .t3-stepper-control {
    display: flex;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #78afd1;
    border-radius: 9px;
}

#main.goalz-taktik3 .t3-stepper-control button {
    display: grid;
    flex: 1 0 44px;
    place-items: center;
    width: auto;
    min-width: 44px;
    min-height: 48px;
    padding: 0;
    color: var(--t3-blue-dark);
    background: var(--t3-blue-soft);
    border: 0;
    border-radius: 0;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

#main.goalz-taktik3 .t3-stepper-control button:hover:not(:disabled) {
    color: #ffffff;
    background: var(--t3-blue);
}

#main.goalz-taktik3 .t3-stepper-control input {
    flex: 0 1 56px;
    width: 56px;
    min-width: 32px;
    height: 48px;
    min-height: 48px;
    padding: 4px 2px;
    background: #ffffff;
    border: 0;
    border-right: 1px solid var(--t3-blue-line);
    border-left: 1px solid var(--t3-blue-line);
    border-radius: 0;
    text-align: center;
    font-size: 23px;
    font-weight: 800;
}

#main.goalz-taktik3 .t3-scoreboard > b {
    color: var(--t3-blue-dark);
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

#main.goalz-taktik3 .t3-scenario-form input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

#main.goalz-taktik3 .t3-scenario-form input[type="number"]::-webkit-inner-spin-button,
#main.goalz-taktik3 .t3-scenario-form input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

#main.goalz-taktik3 .t3-test-result {
    margin-top: 13px;
    padding: 13px;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid var(--t3-blue-line);
    border-radius: 10px;
}

#main.goalz-taktik3 .t3-test-result.is-match {
    background: #f5fbf8;
    border-color: #83c9a5;
}

#main.goalz-taktik3 .t3-result-status {
    display: flex;
    align-items: center;
    gap: 9px;
}

#main.goalz-taktik3 .t3-result-dot {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    background: #7caecb;
    border: 3px solid #e7f4fb;
    border-radius: 50%;
    box-sizing: content-box;
}

#main.goalz-taktik3 .t3-test-result.is-match .t3-result-dot {
    background: var(--t3-green);
    border-color: var(--t3-green-soft);
}

#main.goalz-taktik3 .t3-result-status span:not(.t3-result-dot) {
    display: block;
    color: var(--t3-muted);
    font-size: 11px;
    font-weight: 650;
}

#main.goalz-taktik3 .t3-result-status strong {
    display: block;
    margin-top: 1px;
    font-size: 15px;
    line-height: 1.25;
}

#main.goalz-taktik3 .t3-result-settings {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin-top: 11px;
}

#main.goalz-taktik3 .t3-result-settings > span {
    display: grid;
    min-width: 0;
    padding: 7px 6px;
    background: var(--t3-blue-soft);
    border: 1px solid #d2e8f5;
    border-radius: 7px;
}

#main.goalz-taktik3 .t3-result-settings small {
    color: var(--t3-muted);
    font-size: 9px;
    line-height: 1.2;
}

#main.goalz-taktik3 .t3-result-settings b {
    overflow: hidden;
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main.goalz-taktik3 .t3-test-result ul {
    margin: 8px 0 0;
    padding-left: 20px;
}

#main.goalz-taktik3 .t3-test-result details {
    margin-top: 9px;
    color: var(--t3-muted);
    font-size: 11px;
}

#main.goalz-taktik3 .t3-test-result summary {
    color: var(--t3-blue-dark);
    font-weight: 750;
    cursor: pointer;
}

#main.goalz-taktik3 .t3-test-result details small {
    display: block;
    margin-top: 5px;
    line-height: 1.4;
}

.t3-slot-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin-top: 12px;
}

.t3-slot-list span {
    overflow: hidden;
    padding: 5px 7px;
    color: var(--t3-ink);
    background: #f3faff;
    border: 1px solid #d2e8f5;
    border-radius: 6px;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t3-slot-list b {
    display: inline-block;
    width: 20px;
    color: var(--t3-blue-dark);
}

.t3-savebar {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 18px;
    position: static;
    margin-top: 14px;
    padding: 13px 15px;
    color: var(--t3-ink);
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #86b9d8;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(24, 80, 119, 0.18);
    backdrop-filter: blur(8px);
}

.t3-savebar.is-dirty {
    position: sticky;
    bottom: 8px;
    z-index: 5;
}

.t3-activate {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    font-weight: 700;
}

.t3-activate input {
    width: 20px;
    height: 20px;
    accent-color: var(--t3-blue);
}

.t3-save-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

#t3-dirty-state {
    max-width: 150px;
    color: var(--t3-muted);
    font-size: 11px;
    line-height: 1.3;
    text-align: right;
}

#t3-dirty-state.is-dirty {
    color: #875900;
    font-weight: 750;
}

.t3-dialog {
    width: min(760px, calc(100vw - 24px));
    max-width: 760px;
    max-height: calc(100vh - 28px);
    margin: auto;
    padding: 0;
    color: var(--t3-ink);
    background: #f8fcff;
    border: 1px solid #6ba8ce;
    border-radius: 14px;
    box-shadow: 0 26px 70px rgba(5, 50, 80, 0.35);
    overflow: auto;
}

.t3-dialog::backdrop {
    background: rgba(4, 40, 63, 0.66);
    backdrop-filter: blur(2px);
}

.t3-dialog form {
    padding: 18px;
}

.t3-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #bedced;
}

.t3-dialog fieldset {
    margin: 15px 0 0;
    padding: 14px;
    color: var(--t3-ink);
    background: #ffffff;
    border: 1px solid #b9d9ee;
    border-radius: 10px;
}

.t3-dialog legend {
    padding: 0 6px;
    color: var(--t3-blue-dark);
    background: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.t3-editor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

#main.goalz-taktik3 .t3-field-note {
    margin-top: 9px;
    color: var(--t3-muted);
    font-size: 12px;
}

.t3-subs-editor {
    display: grid;
    gap: 7px;
}

.t3-sub-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.t3-sub-row > span:first-child {
    color: var(--t3-blue-dark);
    font-size: 12px;
    font-weight: 800;
}

.t3-sub-arrow {
    color: var(--t3-muted);
    font-weight: 800;
}

.t3-editor-error {
    display: none;
    margin-top: 12px;
    padding: 9px 11px;
    color: #7f1f24;
    background: #fff4f4;
    border: 1px solid #e0a1a5;
    border-radius: 8px;
}

.t3-editor-error.is-visible {
    display: block;
}

.t3-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

.t3-help-popover {
    position: fixed;
    z-index: 30;
    width: min(300px, calc(100vw - 24px));
    padding: 11px 12px;
    color: #ffffff;
    background: var(--t3-blue-dark);
    border: 1px solid #003856;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(4, 48, 77, 0.25);
    font-size: 12px;
}

@container t3-test-card (max-width: 309px) {
    #main.goalz-taktik3 .t3-scoreboard {
        grid-template-columns: 1fr;
    }

    #main.goalz-taktik3 .t3-scoreboard > b {
        display: none;
    }

    #main.goalz-taktik3 .t3-goal-stepper {
        grid-template-columns: minmax(72px, auto) minmax(126px, 1fr);
        align-items: center;
    }

    #main.goalz-taktik3 .t3-goal-stepper > span {
        text-align: left;
    }
}

@media (max-width: 1120px) {
    .t3-workspace {
        grid-template-columns: 1fr;
    }

    .t3-side-column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: static;
    }

    .t3-savebar {
        grid-template-columns: minmax(200px, 0.8fr) minmax(190px, 1fr);
    }

    .t3-save-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 680px) {
    body:has(#main.goalz-taktik3) {
        width: auto;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }

    body:has(#main.goalz-taktik3) #top {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #main.goalz-taktik3 {
        width: auto;
        max-width: none;
        margin: 7px 5px 22px;
        padding: 7px;
        border-radius: 12px;
    }

    .t3-hero {
        align-items: flex-start;
        min-height: 0;
        margin: 0 0 10px;
        padding: 18px;
    }

    .t3-engine-badge {
        display: none;
    }

    body #main.goalz-taktik3.goalz-taktik3 h1 {
        font-size: 27px;
    }

    #main.goalz-taktik3 .t3-hero p {
        font-size: 14px;
    }

    .t3-tabs {
        gap: 5px;
    }

    #main.goalz-taktik3 .t3-tabs a {
        min-height: 61px;
        padding: 8px;
    }

    .t3-tabs strong {
        font-size: 12px;
    }

    .t3-tabs em {
        position: static;
        justify-self: start;
        font-size: 9px;
    }

    .t3-start-card,
    .t3-rules-card,
    .t3-test-card,
    .t3-lineup-card {
        padding: 13px;
    }

    .t3-card-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .t3-card-heading > .t3-button,
    #main.goalz-taktik3 .t3-text-link {
        align-self: flex-start;
    }

    .t3-start-grid,
    .t3-side-column,
    .t3-editor-grid,
    .t3-savebar {
        grid-template-columns: 1fr;
    }

    .t3-workspace {
        gap: 10px;
        margin-top: 10px;
    }

    .t3-rule-item {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 9px;
    }

    .t3-rule-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 7px;
        border-top: 1px solid #d0e6f3;
    }

    .t3-savebar {
        position: static;
        bottom: 4px;
        gap: 10px;
    }

    .t3-save-actions {
        grid-column: auto;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    #t3-dirty-state {
        max-width: none;
        text-align: center;
    }

    .t3-dialog form {
        padding: 12px;
    }

    .t3-dialog fieldset {
        padding: 11px;
    }

    .t3-sub-row {
        grid-template-columns: 34px minmax(0, 1fr);
        padding-bottom: 8px;
        border-bottom: 1px solid #d5eaf5;
    }

    .t3-sub-arrow {
        grid-column: 1;
        text-align: center;
    }

    .t3-sub-row select:last-child {
        grid-column: 2;
    }
}