.ar.ar .side .q.q-long { white-space: normal; overflow-wrap: anywhere; text-wrap: balance; font-size: clamp(1.25rem, min(2.8vw, 7dvh), 2.7rem); line-height: 1.12; }
.ar.ar-tourney:not(.is-playing, .is-over) .ar-stage { display: none; }
.ar-tourney .ar-cta, .ar-tourney .ar-promise, .ar-tourney [data-again] { display: none; }
.tn-card, .levels-dock, .touch-test { box-sizing: border-box; width: 100%; max-width: 680px; margin: 22px auto 14px; padding: clamp(14px, 3vw, 22px); border: 1px solid rgb(255 255 255 / .14); border-radius: 22px; background: #181b3a; color: #fffaf0; text-align: left; }
.tn-wide { max-width: 1040px; }
.tn-title { margin: 0 0 12px; font: 800 1.35rem/1.15 var(--font-display); letter-spacing: -.02em; }
.tn-label { display: block; margin: 12px 0 6px; font-weight: 700; }
.tn-names, .tn-select, .levels-dock select { box-sizing: border-box; width: 100%; padding: 12px 14px; border: 2px solid #4a4f82; border-radius: 14px; background: #0d0f26; color: #fffaf0; font: 500 16px/1.5 var(--font-body); }
.tn-names { min-height: 150px; resize: vertical; }
.tn-error { margin: 8px 0 0; color: #ff9d8a; font-weight: 700; }
.tn-error:empty { display: none; }
.tn-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.tn-btn { flex: 1 1 200px; min-height: 52px; padding: 0 18px; border: 1.5px solid #4a4f82; border-radius: 15px; background: #262a52; color: #fffaf0; font: 800 1rem/1 var(--font-display); cursor: pointer; }
.tn-btn:hover { border-color: #ffd60a; }
.tn-main { border-color: #ffd60a; background: #ffd60a; color: #11122b; }
.tn-next, .tn-champ { margin-bottom: 18px; padding: 18px; border-radius: 18px; background: #0d0f26; text-align: center; }
.tn-champ { background: #ffd60a; color: #11122b; }
.tn-eyebrow { margin: 0 0 4px; color: #ffd60a; font: 800 .8rem/1.2 var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.tn-champ .tn-eyebrow { color: #11122b; }
.tn-vs, .tn-winner { margin: 0 0 12px; font: 800 clamp(1.5rem, 4.5vw, 2.4rem)/1.1 var(--font-display); letter-spacing: -.025em; overflow-wrap: anywhere; }
.tn-winner { margin-bottom: 0; }
.tn-note { margin: 0 0 10px; color: #c6cae8; }
.tn-next .tn-btn { width: 100%; max-width: 320px; }
.tn-bracket { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.tn-round { display: flex; flex: 1 0 180px; flex-direction: column; justify-content: space-around; gap: 10px; }
.tn-round-name { margin: 0; color: #c6cae8; font: 800 .86rem/1.2 var(--font-display); }
.tn-match { border: 1.5px solid #4a4f82; border-radius: 13px; background: #0d0f26; overflow: hidden; }
.tn-match.is-next { border-color: #ffd60a; }
.tn-team { display: flex; justify-content: space-between; gap: 8px; padding: 8px 11px; color: #c6cae8; font-size: .95rem; overflow-wrap: anywhere; }
.tn-team + .tn-team { border-top: 1px solid #2c3060; }
.tn-team.is-won { color: #fffaf0; font-weight: 700; background: rgb(255 214 10 / .14); }
.tn-table-wrap { overflow-x: auto; }
.tn-table { width: 100%; border-collapse: collapse; }
.tn-table th, .tn-table td { padding: 9px 8px; border-bottom: 1px solid #2c3060; text-align: center; }
.tn-table th:first-child, .tn-table td:first-child { text-align: left; font-weight: 700; }
.levels-dock h2, .touch-test h2 { margin: 0 0 10px; font: 800 1.2rem/1.15 var(--font-display); letter-spacing: -.02em; }
.levels-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.levels-grid label { display: grid; gap: 6px; font-weight: 700; }
.touch-pads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.touch-pads button { min-height: 110px; border: 3px solid transparent; border-radius: 18px; color: #fff; font: 800 1.1rem/1.1 var(--font-display); touch-action: none; cursor: pointer; }
.touch-pads button:first-child { background: #ff5233; color: #11122b; }
.touch-pads button:last-child { background: #1b46f5; }
.touch-pads button.is-on { border-color: #ffd60a; }
.touch-test p { margin: 10px 0 0; color: #c6cae8; }