.ctw-app,
.ctw-login-gate {
    --ctw-bg: #080b12;
    --ctw-panel: #101620;
    --ctw-panel-2: #151c28;
    --ctw-line: rgba(255,255,255,.09);
    --ctw-text: #edf2fa;
    --ctw-muted: #8f9aab;
    --ctw-pro: #36d39a;
    --ctw-contra: #ff6174;
    --ctw-gold: #f5bb54;
    --ctw-blue: #7388ff;
    color: var(--ctw-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.45;
}

.ctw-app *, .ctw-app *::before, .ctw-app *::after,
.ctw-login-gate *, .ctw-login-gate *::before, .ctw-login-gate *::after { box-sizing: border-box; }
.ctw-app button, .ctw-app input, .ctw-app textarea, .ctw-app select { font: inherit; }
.ctw-app button { cursor: pointer; }
.ctw-app button:disabled { cursor: not-allowed; opacity: .46; }
.ctw-app h1, .ctw-app h2, .ctw-app h3, .ctw-app p { margin-top: 0; }
.ctw-app { width: 100%; max-width: 100%; overflow-x: hidden; overflow-x: clip; }
.ctw-shell, .ctw-body, .ctw-main, .ctw-battle-detail, .ctw-content-columns,
.ctw-content-columns > *, .ctw-argument-feed, .ctw-judge-feed, .ctw-argument,
.ctw-argument-head, .ctw-author, .ctw-author > span, .ctw-sealed-verdict > div,
.ctw-immediate-replies, .ctw-immediate-replies > div, .ctw-immediate-replies > div > span,
.ctw-composer, .ctw-contradiction-form, .ctw-immediate-rebuttal-form { min-width: 0; max-width: 100%; }

.ctw-shell {
    min-height: 760px;
    background:
        radial-gradient(circle at 85% 5%, rgba(91,108,255,.13), transparent 28%),
        linear-gradient(180deg, #0b0f18 0, var(--ctw-bg) 100%);
    border: 1px solid #202938;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 28px 80px rgba(0,0,0,.35);
}

.ctw-topbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 12px 22px;
    border-bottom: 1px solid var(--ctw-line);
    background: rgba(8,11,18,.94);
}

.ctw-brand { display: flex; align-items: center; gap: 12px; }
.ctw-brand-mark {
    display: grid; place-items: center;
    width: 43px; height: 43px;
    border: 1px solid #7a8dff;
    color: #fff; font-weight: 900; letter-spacing: -.08em;
    background: linear-gradient(145deg, #667aff, #3541a9);
    clip-path: polygon(50% 0, 93% 22%, 93% 75%, 50% 100%, 7% 75%, 7% 22%);
}
.ctw-brand strong { display: block; font-size: 16px; letter-spacing: -.02em; }
.ctw-brand small { display: block; color: #8b9aff; font-size: 9px; font-weight: 900; letter-spacing: .22em; }

.ctw-resource-bar { display: flex; align-items: center; gap: 10px; }
.ctw-resource {
    display: grid; grid-template-columns: auto auto; column-gap: 7px;
    min-width: 92px; padding: 7px 12px;
    background: #111722; border: 1px solid var(--ctw-line); border-radius: 9px;
}
.ctw-resource i { grid-row: span 2; align-self: center; color: var(--ctw-gold); font-style: normal; }
.ctw-resource b { font-size: 13px; line-height: 1.1; }
.ctw-resource small { color: var(--ctw-muted); font-size: 8px; font-weight: 800; letter-spacing: .12em; }

.ctw-bell, .ctw-user-chip {
    color: var(--ctw-text); border: 1px solid var(--ctw-line); background: #111722; border-radius: 9px;
}
.ctw-bell { position: relative; width: 42px; height: 42px; }
.ctw-bell > span { color: var(--ctw-contra); font-size: 11px; }
.ctw-bell b { position: absolute; right: -5px; top: -6px; min-width: 19px; height: 19px; padding: 0 5px; display: grid; place-items: center; background: var(--ctw-contra); border-radius: 12px; font-size: 10px; }
.ctw-user-chip { height: 44px; padding: 4px 11px 4px 4px; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; }
.ctw-user-chip img { width: 34px; height: 34px; border-radius: 7px; object-fit: cover; }

.ctw-body { display: grid; grid-template-columns: 104px minmax(0, 1fr); min-height: 684px; }
.ctw-sidebar {
    padding: 18px 10px; border-right: 1px solid var(--ctw-line); background: rgba(12,16,25,.72);
    display: flex; flex-direction: column; gap: 8px;
}
.ctw-nav-item {
    position: relative; width: 100%; min-height: 66px; padding: 8px 4px;
    border: 1px solid transparent; border-radius: 10px; color: var(--ctw-muted); background: transparent;
}
.ctw-nav-item > span { display: block; margin-bottom: 3px; font-size: 20px; font-style: normal; }
.ctw-nav-item em { display: block; font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ctw-nav-item b { position: absolute; right: 7px; top: 6px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--ctw-contra); font-size: 9px; }
.ctw-nav-item:hover, .ctw-nav-item.is-active { color: #fff; background: #18202d; border-color: #293344; }
.ctw-nav-item.is-active::before { content: ""; position: absolute; left: -11px; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--ctw-blue); box-shadow: 0 0 16px var(--ctw-blue); }

.ctw-main { min-width: 0; padding: 30px clamp(18px, 3vw, 42px) 55px; }
.ctw-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.ctw-page-heading > div > small, .ctw-eyebrow, .ctw-section-title small, .ctw-ascension-hero > div > small, .ctw-profile-hero > div > small { color: #788cff; font-size: 9px; font-weight: 900; letter-spacing: .18em; }
.ctw-page-heading h1 { margin: 3px 0 7px; font-size: clamp(26px, 3vw, 39px); line-height: 1.08; letter-spacing: -.04em; }
.ctw-page-heading p { max-width: 720px; margin: 0; color: var(--ctw-muted); font-size: 13px; }
.ctw-live-chip, .ctw-cycle-chip { flex: 0 0 auto; padding: 8px 12px; border: 1px solid var(--ctw-line); border-radius: 20px; color: var(--ctw-muted); background: #111722; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.ctw-live-chip span { display: inline-block; width: 6px; height: 6px; margin-right: 6px; background: var(--ctw-pro); border-radius: 50%; box-shadow: 0 0 10px var(--ctw-pro); }

.ctw-province-stack { display: grid; gap: 25px; }
.ctw-province { padding: 21px; border: 1px solid var(--ctw-line); border-radius: 15px; background: linear-gradient(140deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); box-shadow: inset 3px 0 0 var(--province); }
.ctw-province-head { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 16px; }
.ctw-province-icon { width: 52px; height: 52px; display: grid; place-items: center; color: var(--province); border: 1px solid color-mix(in srgb, var(--province) 60%, transparent); background: color-mix(in srgb, var(--province) 11%, transparent); border-radius: 13px; font-size: 24px; }
.ctw-province-head small { color: var(--province); font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.ctw-province-head h2 { margin: 1px 0 3px; font-size: 20px; }
.ctw-province-head p { max-width: 690px; margin: 0; color: var(--ctw-muted); font-size: 11px; }
.ctw-treasury { text-align: right; color: var(--ctw-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.ctw-treasury b { display: block; margin-top: 4px; color: var(--ctw-gold); font-size: 14px; letter-spacing: 0; }
.ctw-control-strip { display: flex; align-items: center; gap: 10px; margin: 17px 0; color: var(--ctw-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.ctw-control-strip i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--ctw-pro), transparent 47%, transparent 53%, var(--ctw-contra)); opacity: .45; }
.ctw-control-strip .ctw-pro { color: var(--ctw-pro); }
.ctw-control-strip .ctw-contra { color: var(--ctw-contra); }
.ctw-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.ctw-topic-card { position: relative; min-width: 0; padding: 18px; border: 1px solid var(--ctw-line); border-radius: 12px; background: rgba(8,11,18,.63); overflow: hidden; }
.ctw-topic-card::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; opacity:.75; }
.ctw-topic-card.ctw-owner-pro::before { background:linear-gradient(90deg,var(--ctw-pro),transparent 70%); }
.ctw-topic-card.ctw-owner-contra::before { background:linear-gradient(90deg,var(--ctw-contra),transparent 70%); }
.ctw-topic-card.is-joined { border-color: rgba(115,136,255,.38); box-shadow: inset 0 0 40px rgba(115,136,255,.035); }
.ctw-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--ctw-muted); font-size: 9px; }
.ctw-status-active, .ctw-status-ended { padding: 3px 7px; border-radius: 4px; font-weight: 900; letter-spacing: .08em; }
.ctw-status-active { color: var(--ctw-pro); background: rgba(54,211,154,.1); }
.ctw-status-ended { color: var(--ctw-muted); background: rgba(255,255,255,.06); }
.ctw-card-top b { color: #fff; }
.ctw-topic-card h3 { margin: 13px 0 6px; font-size: 17px; line-height: 1.25; }
.ctw-topic-card > p { min-height: 48px; margin-bottom: 14px; color: var(--ctw-muted); font-size: 11px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ctw-hp > div:first-child { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; font-size: 8px; color: var(--ctw-muted); font-weight: 800; letter-spacing: .07em; }
.ctw-hp > div:first-child b { color: #fff; }
.ctw-hp-track { height: 7px; border-radius: 6px; background: #252e3d; overflow: hidden; }
.ctw-hp-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--ctw-contra), var(--ctw-gold)); border-radius: inherit; box-shadow: 0 0 12px rgba(245,187,84,.24); }
.ctw-owner-row { display: flex; justify-content: space-between; gap: 10px; margin: 13px 0; padding-bottom: 12px; border-bottom: 1px solid var(--ctw-line); }
.ctw-owner-row small { color: var(--ctw-muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.ctw-owner-row strong { font-size: 10px; text-transform: uppercase; }
.ctw-pro { color: var(--ctw-pro)!important; }
.ctw-contra { color: var(--ctw-contra)!important; }
.ctw-topic-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ctw-topic-stats span { min-width: 0; }
.ctw-topic-stats small { display: block; color: var(--ctw-muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.ctw-topic-stats b { display: block; margin-top: 3px; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ctw-entry-note { margin: 13px 0 10px; color: var(--ctw-muted); font-size: 9px; }
.ctw-join-row { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 6px; }

.ctw-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 13px; border: 1px solid #334054; border-radius: 8px; color: #fff; background: #1a2331; font-size: 10px; font-weight: 800; text-decoration: none; transition: transform .15s ease, filter .15s ease, border-color .15s ease; }
.ctw-button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.13); }
.ctw-button-primary { border-color: #667aff; background: linear-gradient(135deg, #6d80ff, #4653bd); }
.ctw-button-pro { color: #07140f; border-color: var(--ctw-pro); background: var(--ctw-pro); }
.ctw-button-contra { color: #1d0509; border-color: var(--ctw-contra); background: var(--ctw-contra); }
.ctw-button-ghost { background: transparent; }
.ctw-text-button { max-width: 100%; padding: 0; border: 0; color: #8e9dff; background: none; font-size: 10px; font-weight: 800; text-align: left; white-space: normal; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }

.ctw-battle-switcher { display: flex; gap: 9px; padding-bottom: 11px; overflow-x: auto; }
.ctw-battle-switcher > button { min-width: 250px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 11px; text-align: left; color: var(--ctw-muted); border: 1px solid var(--ctw-line); border-radius: 10px; background: #101620; }
.ctw-battle-switcher > button.is-active { color: #fff; border-color: #5768d0; background: #182033; }
.ctw-side-dot { width: 8px; height: 8px; border-radius: 50%; }
.ctw-bg-pro { background: var(--ctw-pro)!important; color: #06150f!important; }
.ctw-bg-contra { background: var(--ctw-contra)!important; color: #200409!important; }
.ctw-battle-switcher b, .ctw-battle-switcher small { display: block; }
.ctw-battle-switcher b { color: inherit; font-size: 10px; }
.ctw-battle-switcher small { margin-top: 2px; font-size: 8px; }
.ctw-battle-switcher em { font-size: 10px; font-style: normal; font-weight: 800; }
.ctw-battle-detail { margin-top: 14px; padding: 22px; border: 1px solid var(--ctw-line); border-radius: 14px; background: rgba(16,22,32,.78); }
.ctw-battle-hero { display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; }
.ctw-battle-hero h2 { margin: 6px 0; font-size: clamp(21px, 2.5vw, 31px); letter-spacing: -.03em; }
.ctw-battle-hero p { max-width: 750px; color: var(--ctw-muted); font-size: 11px; }
.ctw-position { display: inline-block; padding: 3px 7px; border-radius: 4px; }
.ctw-clock { flex: 0 0 auto; min-width: 155px; padding: 13px; text-align: right; border: 1px solid var(--ctw-line); border-radius: 10px; background: #0b1018; }
.ctw-clock small, .ctw-clock span { display: block; color: var(--ctw-muted); font-size: 8px; letter-spacing: .07em; }
.ctw-clock strong { display: block; margin: 3px 0; color: var(--ctw-gold); font-size: 21px; font-variant-numeric: tabular-nums; }
.ctw-battle-detail > .ctw-hp { margin: 15px 0; }
.ctw-battle-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 15px 0 20px; overflow: hidden; border: 1px solid var(--ctw-line); border-radius: 9px; background: var(--ctw-line); }
.ctw-battle-summary span { padding: 11px; background: #101620; }
.ctw-battle-summary small { display: block; color: var(--ctw-muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.ctw-battle-summary b { display: block; margin-top: 3px; font-size: 10px; }

.ctw-composer { margin: 20px 0 28px; padding: 17px; border: 1px solid rgba(115,136,255,.32); border-radius: 12px; background: linear-gradient(135deg, rgba(115,136,255,.075), rgba(255,255,255,.018)); }
.ctw-composer-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; }
.ctw-composer-head small { color: #8192ff; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.ctw-composer-head h3 { margin: 2px 0 0; font-size: 16px; }
.ctw-composer-head > span { max-width: 360px; color: var(--ctw-muted); font-size: 9px; text-align: right; }
.ctw-composer textarea, .ctw-contradiction-form textarea, .ctw-immediate-rebuttal-form textarea { display: block; width: 100%; max-width: 100%; min-height: 125px; margin: 13px 0 9px; padding: 13px; resize: vertical; color: #fff; border: 1px solid #303b4e; border-radius: 8px; outline: none; background: #090d14; font-size: 12px; }
.ctw-composer textarea:focus, .ctw-contradiction-form textarea:focus, .ctw-immediate-rebuttal-form textarea:focus { border-color: #7183f2; box-shadow: 0 0 0 3px rgba(113,131,242,.1); }
.ctw-composer textarea[aria-invalid="true"], .ctw-contradiction-form textarea[aria-invalid="true"], .ctw-immediate-rebuttal-form textarea[aria-invalid="true"] { border-color: var(--ctw-contra); box-shadow: 0 0 0 3px rgba(255,97,116,.1); }
.ctw-composer-foot { display: flex; align-items: center; gap: 12px; }
.ctw-composer-foot > span { margin-right: auto; color: var(--ctw-muted); font-size: 9px; }
.ctw-char-count.is-valid { color: var(--ctw-pro)!important; }
.ctw-char-count.is-invalid { color: var(--ctw-contra)!important; }
.ctw-composer-foot label { color: var(--ctw-muted); font-size: 9px; }
.ctw-composer select, .ctw-review-form select { margin-left: 5px; padding: 6px; color: #fff; border: 1px solid #303b4e; border-radius: 6px; background: #111722; font-size: 10px; }

.ctw-content-columns { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 17px; align-items: start; }
.ctw-section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.ctw-section-title h3 { margin: 2px 0 0; font-size: 15px; }
.ctw-section-title > span { color: var(--ctw-muted); font-size: 9px; }
.ctw-argument-feed, .ctw-judge-feed { display: grid; gap: 11px; }
.ctw-argument { position: relative; padding: 15px; border: 1px solid var(--ctw-line); border-left-width: 3px; border-radius: 10px; background: #0d131c; }
.ctw-argument.is-mine { background: #111927; }
.ctw-border-pro { border-left-color: var(--ctw-pro); }
.ctw-border-contra { border-left-color: var(--ctw-contra); }
.ctw-argument-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ctw-author { display: flex; align-items: center; gap: 8px; }
.ctw-author img, .ctw-anon-avatar { width: 30px; height: 30px; border-radius: 7px; object-fit: cover; }
.ctw-anon-avatar { display: grid; place-items: center; color: var(--ctw-muted); border: 1px solid var(--ctw-line); background: #151d29; font-weight: 900; }
.ctw-author b, .ctw-author small { display: block; }
.ctw-author b { font-size: 10px; }
.ctw-author small { color: var(--ctw-muted); font-size: 7px; }
.ctw-action-tag { padding: 3px 6px; color: #abb4c4; border: 1px solid var(--ctw-line); border-radius: 4px; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.ctw-target-line { margin-top: 10px; color: var(--ctw-contra); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.ctw-argument-copy { max-width: 100%; margin: 12px 0; color: #dce3ed; font-size: 12px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; word-break: break-word; }
.ctw-metric-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--ctw-line); border-radius: 7px; background: var(--ctw-line); }
.ctw-metric-row span { padding: 7px; background: #111824; }
.ctw-metric-row small, .ctw-metric-row b { display: block; }
.ctw-metric-row small { color: var(--ctw-muted); font-size: 6px; font-weight: 900; letter-spacing: .07em; }
.ctw-metric-row b { margin-top: 2px; font-size: 9px; }
.ctw-vector-mini { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 9px 0; }
.ctw-vector-mini span { position: relative; padding-bottom: 5px; color: var(--ctw-muted); font-size: 7px; }
.ctw-vector-mini span::before, .ctw-vector-mini span::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; border-radius: 2px; }
.ctw-vector-mini span::before { width: 100%; background: #273142; }
.ctw-vector-mini span::after { width: var(--score); background: #7489ff; }

.ctw-contradiction-form { margin-top: 12px; padding: 13px; border: 1px solid rgba(255,97,116,.34); border-radius: 8px; background: rgba(255,97,116,.055); }
.ctw-contradiction-form > div:first-child, .ctw-contradiction-form > div:last-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ctw-contradiction-form > div:first-child button { color: #fff; border: 0; background: none; font-size: 20px; }
.ctw-contradiction-form p { margin: 4px 0; color: var(--ctw-muted); font-size: 9px; }
.ctw-contradiction-form textarea { min-height: 95px; }
.ctw-contradiction-form .ctw-char-count { color: var(--ctw-muted); font-size: 8px; }

.ctw-return-loops { display: grid; gap: 9px; margin: -4px 0 20px; }
.ctw-loop-heading { display: flex; justify-content: space-between; gap: 12px; color: #8293ff; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.ctw-loop-heading small { color: var(--ctw-muted); font-weight: 700; letter-spacing: .04em; }
.ctw-loop-card { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(115,136,255,.23); border-radius: 10px; background: linear-gradient(135deg, rgba(115,136,255,.06), rgba(255,255,255,.012)); }
.ctw-loop-card.is-critical { border-color: rgba(255,97,116,.35); background: linear-gradient(135deg, rgba(255,97,116,.09), rgba(245,187,84,.035)); }
.ctw-loop-icon { width: 36px; height: 36px; display: grid; place-items: center; color: #aeb8ff; border: 1px solid #45567d; border-radius: 50%; background: #172137; font-size: 17px; }
.ctw-loop-card.is-critical .ctw-loop-icon { color: var(--ctw-contra); border-color: rgba(255,97,116,.5); background: rgba(255,97,116,.08); box-shadow: 0 0 20px rgba(255,97,116,.1); }
.ctw-loop-card small { display: block; color: #8293ff; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.ctw-loop-card h3 { margin: 1px 0 2px; font-size: 13px; }.ctw-loop-card p { margin: 0; color: var(--ctw-muted); font-size: 9px; }
.ctw-loop-card em, .ctw-loop-state { display: block; margin-top: 5px; color: #c6ceda; font-size: 8px; font-style: normal; }
.ctw-button-flare { border-color: rgba(255,97,116,.75); background: linear-gradient(135deg,#a93348,#6d2839); }
.ctw-rematch-form { display: flex; gap: 7px; margin-top: 9px; }.ctw-rematch-form select { min-width: 190px; padding: 7px 9px; color: #fff; border: 1px solid #344158; border-radius: 7px; background: #0d131d; font-size: 9px; }
.ctw-rematch-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 8px 9px; border: 1px solid var(--ctw-line); border-radius: 7px; background: rgba(0,0,0,.13); }
.ctw-rematch-row span b, .ctw-rematch-row span small { display: block; }.ctw-rematch-row span b { font-size: 9px; }.ctw-rematch-row span small { margin-top: 2px; color: var(--ctw-muted); letter-spacing: 0; }
.ctw-rematch-row > strong { color: #aeb8ff; font-size: 7px; letter-spacing: .1em; }.ctw-rematch-row > div { display: flex; align-items: center; gap: 8px; }
.ctw-rematch-row.is-accepted { border-color: rgba(54,211,154,.28); }.ctw-rematch-row.is-accepted > strong { color: var(--ctw-pro); }

.ctw-sealed-verdict { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; margin: 10px 0; padding: 11px; border: 1px solid rgba(115,136,255,.26); border-radius: 8px; background: linear-gradient(135deg,rgba(115,136,255,.07),rgba(0,0,0,.08)); }
.ctw-seal { width: 36px; height: 36px; display: grid; place-items: center; color: #9facff; border: 1px solid #5364ae; border-radius: 50%; background: #18213a; }
.ctw-sealed-verdict small, .ctw-sealed-verdict b { display: block; }.ctw-sealed-verdict small { color: #8293ff; font-size: 7px; font-weight: 900; letter-spacing: .12em; }.ctw-sealed-verdict b { margin-top: 2px; font-size: 10px; }
.ctw-sealed-verdict p { margin: 3px 0 7px; color: var(--ctw-muted); font-size: 8px; }.ctw-sealed-verdict div > div { height: 3px; overflow: hidden; border-radius: 3px; background: #293245; }.ctw-sealed-verdict i { display: block; height: 100%; background: linear-gradient(90deg,#6579ff,#a6b2ff); }
.ctw-rebuttal-link { margin-left: 12px; color: var(--ctw-gold); }
.ctw-immediate-rebuttal-form { margin-top: 12px; padding: 13px; border: 1px solid rgba(245,187,84,.35); border-radius: 8px; background: rgba(245,187,84,.05); }
.ctw-immediate-rebuttal-form > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.ctw-immediate-rebuttal-form > div:first-child button { color: #fff; border: 0; background: none; font-size: 20px; }
.ctw-immediate-rebuttal-form p { margin: 4px 0; color: var(--ctw-muted); font-size: 9px; }.ctw-immediate-rebuttal-form textarea { min-height: 88px; }.ctw-immediate-rebuttal-form .ctw-char-count { color: var(--ctw-muted); font-size: 8px; }
.ctw-immediate-replies { margin-top: 11px; padding: 10px; border-left: 2px solid var(--ctw-gold); border-radius: 0 7px 7px 0; background: rgba(245,187,84,.045); }
.ctw-immediate-replies > small { display: block; margin-bottom: 7px; color: var(--ctw-gold); font-size: 7px; font-weight: 900; letter-spacing: .12em; }.ctw-immediate-replies > div { display: flex; gap: 8px; }.ctw-immediate-replies img { width: 26px; height: 26px; border-radius: 6px; }.ctw-immediate-replies b, .ctw-immediate-replies em { font-size: 8px; }.ctw-immediate-replies em { margin-left: 6px; color: var(--ctw-muted); font-style: normal; }.ctw-immediate-replies p { max-width: 100%; margin: 3px 0 0; color: #dce2ec; font-size: 10px; overflow-wrap: anywhere; word-break: break-word; }

.ctw-tick-panel { position: sticky; top: 15px; padding: 14px; border: 1px solid var(--ctw-line); border-radius: 10px; background: #0c1119; }
.ctw-tick-row { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 10px 0; border-top: 1px solid var(--ctw-line); }
.ctw-tick-row:first-of-type { border-top: 0; }
.ctw-tick-row b, .ctw-tick-row small { display: block; }
.ctw-tick-row b { font-size: 9px; }
.ctw-tick-row small { color: var(--ctw-muted); font-size: 7px; }
.ctw-tick-row > small { grid-column: 1/-1; }
.ctw-tick-row > span { align-self: center; font-size: 10px; font-weight: 900; }
.ctw-tick-row .is-damage { color: var(--ctw-contra); }
.ctw-tick-row .is-heal { color: var(--ctw-pro); }
.ctw-tick-row > .ctw-text-button { grid-column: 1/-1; justify-self: start; margin-top: 3px; font-size: 8px; }
.ctw-autopsy-report { grid-column: 1/-1; margin-top: 7px; padding: 10px; border: 1px solid rgba(115,136,255,.25); border-radius: 8px; background: #101725; }
.ctw-autopsy-head { display: flex; gap: 8px; }.ctw-autopsy-head > span { color: #94a2ff; font-size: 18px; }.ctw-autopsy-head small, .ctw-autopsy-head b { display: block; }.ctw-autopsy-head small { color: #8293ff; letter-spacing: .08em; }.ctw-autopsy-head p { margin: 2px 0 5px; color: var(--ctw-muted); font-size: 7px; }
.ctw-autopsy-insight { margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--ctw-line); }.ctw-autopsy-insight small { color: var(--ctw-muted); font-size: 6px; font-weight: 900; letter-spacing: .08em; }.ctw-autopsy-insight b { margin-top: 2px; }.ctw-autopsy-insight p { margin: 3px 0; color: #cdd5e1; font-size: 8px; line-height: 1.45; }.ctw-autopsy-insight em { color: #7f8ba0; font-size: 7px; font-style: normal; }
.ctw-autopsy-recommendation { margin-top: 8px; padding: 8px; border-radius: 6px; background: rgba(115,136,255,.07); }.ctw-autopsy-recommendation small { color: #8293ff; font-weight: 900; }.ctw-autopsy-recommendation p { margin: 3px 0 0; color: #dbe2ed; font-size: 8px; }.ctw-fair-note { display: block; margin-top: 7px; color: var(--ctw-pro); font-size: 6px; font-style: normal; text-transform: uppercase; letter-spacing: .08em; }

.ctw-judge-topic, .ctw-admin-like-panel, .ctw-collection { margin-bottom: 20px; padding: 18px; border: 1px solid var(--ctw-line); border-radius: 13px; background: rgba(16,22,32,.78); }
.ctw-review-form { margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--ctw-line); }
.ctw-review-scores { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ctw-review-scores label { color: var(--ctw-muted); font-size: 8px; font-weight: 800; }
.ctw-review-form select { display: block; width: 100%; margin: 4px 0 0; }
.ctw-review-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.ctw-reviewed { display: block; margin-top: 10px; color: var(--ctw-pro); font-size: 9px; font-weight: 800; }

.ctw-ascension-hero { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 28px; margin-bottom: 20px; padding: 27px; border: 1px solid rgba(245,187,84,.27); border-radius: 14px; background: radial-gradient(circle at 10% 50%, rgba(245,187,84,.12), transparent 27%), #11151e; }
.ctw-ascension-symbol { display: grid; place-items: center; aspect-ratio: 1; color: var(--ctw-gold); border: 1px solid rgba(245,187,84,.4); border-radius: 50%; background: radial-gradient(circle, rgba(245,187,84,.2), transparent 65%); box-shadow: inset 0 0 35px rgba(245,187,84,.1), 0 0 50px rgba(245,187,84,.06); font-size: 52px; }
.ctw-ascension-hero h2 { margin: 4px 0; font-size: 24px; }
.ctw-ascension-hero p { color: var(--ctw-muted); font-size: 11px; }
.ctw-requirement { max-width: 580px; margin-top: 9px; }
.ctw-requirement > span { display: flex; justify-content: space-between; gap: 10px; font-size: 8px; }
.ctw-requirement em { color: var(--ctw-muted); font-style: normal; }
.ctw-requirement > div { height: 4px; margin-top: 4px; overflow: hidden; border-radius: 4px; background: #28303d; }
.ctw-requirement i { display: block; height: 100%; background: linear-gradient(90deg, #697eff, var(--ctw-gold)); }
.ctw-step-path { display: flex; align-items: center; justify-content: center; margin: 28px 0; }
.ctw-ascension-step { min-width: 94px; text-align: center; opacity: .48; }
.ctw-ascension-step > span { width: 38px; height: 38px; margin: 0 auto 7px; display: grid; place-items: center; color: #fff; border: 1px solid #455166; border-radius: 50%; background: #1a2230; font-size: 12px; font-weight: 900; }
.ctw-ascension-step b, .ctw-ascension-step small, .ctw-ascension-step em { display: block; }
.ctw-ascension-step b { font-size: 8px; letter-spacing: .08em; }
.ctw-ascension-step small { color: var(--ctw-muted); font-size: 8px; }
.ctw-ascension-step em { margin-top: 2px; color: var(--ctw-gold); font-size: 7px; font-style: normal; text-transform: uppercase; }
.ctw-ascension-step.is-current, .ctw-ascension-step.is-complete { opacity: 1; }
.ctw-ascension-step.is-current > span { color: #281a02; border-color: var(--ctw-gold); background: var(--ctw-gold); box-shadow: 0 0 25px rgba(245,187,84,.25); }
.ctw-ascension-step.is-complete > span { color: #041a11; border-color: var(--ctw-pro); background: var(--ctw-pro); }
.ctw-step-line { flex: 0 1 60px; height: 1px; background: #313c4e; }
.ctw-draw-zone { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px; border: 1px solid var(--ctw-line); border-radius: 10px; background: #0b1018; }
.ctw-draw-zone small, .ctw-draw-zone strong, .ctw-draw-zone p { display: block; margin: 0; }
.ctw-draw-zone small { color: var(--ctw-muted); font-size: 7px; }
.ctw-draw-zone strong { color: var(--ctw-gold); font-size: 19px; }
.ctw-draw-zone p { color: var(--ctw-muted); font-size: 8px; }
.ctw-button-ascend { min-width: 220px; border-color: #d99c39; color: #201300; background: linear-gradient(135deg, #ffd37a, #e79c28); }
.ctw-reward-row { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--ctw-line); }
.ctw-reward-row > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 7px; }
.ctw-reward-row b, .ctw-reward-row small { display: block; }
.ctw-reward-row b { font-size: 10px; }
.ctw-reward-row small, .ctw-reward-row em { color: var(--ctw-muted); font-size: 8px; font-style: normal; text-transform: capitalize; }
.ctw-rarity-common > span { color: #a6adba; }.ctw-rarity-rare > span { color: #65a7ff; }.ctw-rarity-epic > span { color: #bf78ff; }.ctw-rarity-legendary > span { color: var(--ctw-gold); }

.ctw-notification-list { display: grid; gap: 9px; }
.ctw-notification { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--ctw-line); border-radius: 10px; background: #101620; }
.ctw-notification.is-unread { border-color: rgba(115,136,255,.42); background: #151d2b; }
.ctw-notification-icon { width: 36px; height: 36px; display: grid; place-items: center; color: #8b9aff; border: 1px solid var(--ctw-line); border-radius: 8px; background: #0c1119; }
.ctw-notification small { color: var(--ctw-muted); font-size: 8px; }
.ctw-notification h3 { margin: 2px 0; font-size: 12px; }
.ctw-notification p { margin: 0; color: var(--ctw-muted); font-size: 10px; }

.ctw-profile-hero { display: grid; grid-template-columns: 90px minmax(170px,1fr) minmax(360px,2fr); align-items: center; gap: 20px; margin-bottom: 20px; padding: 22px; border: 1px solid var(--ctw-line); border-radius: 13px; background: linear-gradient(135deg, rgba(115,136,255,.09), rgba(255,255,255,.015)); }
.ctw-profile-hero > img { width: 86px; height: 86px; border: 2px solid #7183e8; border-radius: 14px; object-fit: cover; }
.ctw-profile-hero h2 { margin: 3px 0; font-size: 22px; }
.ctw-profile-hero p { margin: 0; color: var(--ctw-muted); font-size: 9px; }
.ctw-profile-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--ctw-line); border-radius: 9px; background: var(--ctw-line); }
.ctw-profile-stats span { padding: 12px; background: #101620; }
.ctw-profile-stats small, .ctw-profile-stats b { display: block; }
.ctw-profile-stats small { color: var(--ctw-muted); font-size: 7px; }
.ctw-profile-stats b { margin-top: 3px; font-size: 11px; }
.ctw-collection-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.ctw-collection-item { min-height: 92px; display: flex; flex-direction: column; justify-content: center; padding: 11px; text-align: center; border: 1px solid var(--ctw-line); border-radius: 9px; background: #0d131c; }
.ctw-collection-item > span { color: var(--ctw-gold); font-size: 22px; }
.ctw-collection-item b { margin-top: 4px; font-size: 9px; }
.ctw-collection-item small { color: var(--ctw-muted); font-size: 7px; text-transform: capitalize; }

.ctw-empty, .ctw-error-state, .ctw-loading { min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; border: 1px dashed #303a4a; border-radius: 13px; background: rgba(255,255,255,.018); }
.ctw-empty > span { color: #6576db; font-size: 34px; }
.ctw-empty h3 { margin: 6px 0 3px; font-size: 16px; }
.ctw-empty p, .ctw-error-state p, .ctw-loading p { max-width: 500px; margin: 0 0 14px; color: var(--ctw-muted); font-size: 11px; }
.ctw-empty-inline { grid-column: 1/-1; margin: 10px 0; color: var(--ctw-muted); font-size: 10px; }
.ctw-spinner { width: 27px; height: 27px; display: block; margin-bottom: 12px; border: 2px solid rgba(255,255,255,.16); border-top-color: #788bff; border-radius: 50%; animation: ctw-spin .8s linear infinite; }
@keyframes ctw-spin { to { transform: rotate(360deg); } }

.ctw-busy-layer { position: absolute; inset: 0; z-index: 20; display: none; align-items: center; justify-content: center; background: rgba(5,8,13,.5); backdrop-filter: blur(1px); }
.ctw-app { position: relative; }
.ctw-app.ctw-is-busy .ctw-busy-layer { display: flex; }
.ctw-toast { position: fixed; z-index: 100000; right: 22px; bottom: 22px; max-width: min(390px, calc(100vw - 44px)); padding: 12px 16px; border: 1px solid rgba(54,211,154,.55); border-radius: 9px; color: #eafff6; background: #10231c; box-shadow: 0 18px 50px rgba(0,0,0,.35); font-size: 11px; font-weight: 700; opacity: 0; transform: translateY(10px); transition: .22s ease; }
.ctw-toast-error { color: #ffe9ec; border-color: rgba(255,97,116,.55); background: #2a1117; }
.ctw-toast-visible { opacity: 1; transform: translateY(0); }

.ctw-login-gate { padding: 45px; text-align: center; border: 1px solid #283246; border-radius: 15px; background: #0d121c; }
.ctw-login-gate h2 { margin: 0 0 7px; color: #fff; }.ctw-login-gate p { color: #9aa5b5; }

.ctw-strategic-map { margin-bottom: 30px; overflow: hidden; border: 1px solid #293447; border-radius: 15px; background: #090e17; box-shadow: 0 20px 55px rgba(0,0,0,.28); }
.ctw-map-toolbar { min-height: 66px; display: grid; grid-template-columns: minmax(160px,1fr) auto auto; align-items: center; gap: 22px; padding: 12px 16px; border-bottom: 1px solid var(--ctw-line); background: #111824; }
.ctw-map-toolbar small, .ctw-map-list-heading small, .ctw-push-panel small { display: block; color: #8393ff; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.ctw-map-toolbar strong { display: block; margin-top: 2px; font-size: 14px; }
.ctw-map-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; color: var(--ctw-muted); font-size: 8px; font-weight: 800; }
.ctw-map-legend span { display: inline-flex; align-items: center; gap: 5px; }
.ctw-map-legend i { width: 9px; height: 9px; border-radius: 50%; background: #657184; }
.ctw-map-legend .is-pro { background: var(--ctw-pro); }.ctw-map-legend .is-contra { background: var(--ctw-contra); }
.ctw-map-legend .is-contested { background: linear-gradient(90deg,var(--ctw-pro) 50%,var(--ctw-contra) 50%); }
.ctw-map-legend .is-active { border: 2px solid #fff; background: #7388ff; box-shadow: 0 0 8px #7388ff; }
.ctw-map-zoom { display: inline-flex; overflow: hidden; border: 1px solid #344158; border-radius: 8px; }
.ctw-map-zoom button { width: 34px; height: 32px; border: 0; border-right: 1px solid #344158; color: #dbe2ef; background: #17202e; font-weight: 900; }
.ctw-map-zoom button:last-child { border-right: 0; }.ctw-map-zoom button:hover { background: #222e42; }
.ctw-svg-stage { aspect-ratio: 12/7; min-height: 390px; overflow: hidden; background: #070b12; }
#ctw-territory-svg { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; user-select: none; }
#ctw-territory-svg.is-dragging { cursor: grabbing; }
.ctw-map-links line { stroke: #637087; stroke-width: 1.5; stroke-dasharray: 6 9; opacity: .28; }
.ctw-svg-province > path { stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 14px 18px rgba(0,0,0,.28)); transition: filter .2s ease, opacity .2s ease; }
.ctw-svg-province:hover > path { filter: drop-shadow(0 10px 17px rgba(0,0,0,.55)) brightness(1.12); }
.ctw-svg-province-label { pointer-events: none; fill: #f0f4fb; font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; text-shadow: 0 2px 4px #000; }
.ctw-svg-province-label .ctw-svg-icon { fill: #bec9db; font-size: 16px; }.ctw-svg-province-label .ctw-svg-sub { fill: #aab5c5; font-size: 7px; letter-spacing: .11em; }
.ctw-svg-outpost { cursor: pointer; outline: none; }
.ctw-svg-outpost .ctw-node-shadow { fill: rgba(4,7,12,.72); }.ctw-svg-outpost .ctw-node-base { fill: #111a27; stroke: #dce6f6; stroke-width: 2; }
.ctw-svg-outpost .ctw-node-hp-bg, .ctw-svg-outpost .ctw-node-hp { fill: none; stroke-width: 4; transform: rotate(-90deg); }
.ctw-svg-outpost .ctw-node-hp-bg { stroke: #2e3949; }.ctw-svg-outpost .ctw-node-hp { stroke: #81e0b8; stroke-linecap: round; transition: stroke-dashoffset .4s ease; }
.ctw-svg-outpost.owner-contra .ctw-node-hp { stroke: #ff8090; }.ctw-svg-outpost.is-critical .ctw-node-hp { stroke: #ffbd59; }
.ctw-svg-outpost .ctw-node-icon { fill: #fff; font-size: 12px; font-weight: 900; pointer-events: none; }
.ctw-svg-outpost .ctw-node-label { fill: #eef3fb; font-size: 8px; font-weight: 900; paint-order: stroke; stroke: #080c13; stroke-width: 4px; pointer-events: none; }
.ctw-svg-outpost .ctw-node-hp-label { fill: #aeb9c9; font-size: 7px; paint-order: stroke; stroke: #080c13; stroke-width: 3px; pointer-events: none; }
.ctw-svg-outpost .ctw-action-count-bg { fill: #7288ff; filter: url(#ctw-map-glow); }.ctw-svg-outpost .ctw-action-count { fill: #fff; font-size: 7px; font-weight: 900; pointer-events: none; }
.ctw-svg-outpost:hover .ctw-node-base, .ctw-svg-outpost:focus .ctw-node-base { fill: #25334b; stroke: #fff; filter: url(#ctw-map-glow); }
.ctw-svg-outpost.has-action .ctw-node-shadow { animation: ctw-node-pulse 2s ease-out infinite; }.ctw-svg-outpost.is-ended { opacity: .55; }
@keyframes ctw-node-pulse { 0%,100% { stroke: rgba(115,136,255,0); stroke-width: 0; } 50% { stroke: rgba(115,136,255,.6); stroke-width: 8; } }
.ctw-map-hint { padding: 9px 16px; color: #8793a4; border-top: 1px solid var(--ctw-line); background: #0e141e; font-size: 9px; text-align: center; }
.ctw-map-list-heading { margin: 0 0 13px; }.ctw-map-list-heading h2 { margin: 2px 0 3px; font-size: 19px; }.ctw-map-list-heading p { margin: 0; color: var(--ctw-muted); font-size: 10px; }
.ctw-topic-card.is-map-focused { outline: 2px solid #8091ff; box-shadow: 0 0 0 7px rgba(115,136,255,.12), 0 18px 55px rgba(0,0,0,.32); }

.ctw-push-panel { margin-bottom: 22px; overflow: hidden; border: 1px solid #2b374b; border-radius: 13px; background: linear-gradient(135deg,#111925,#0d131d); }
.ctw-push-summary { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 17px; }
.ctw-push-icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #5367d5; border-radius: 50%; color: #aeb9ff; background: #1a2340; box-shadow: 0 0 24px rgba(100,120,255,.14); }
.ctw-push-summary h2 { margin: 2px 0 2px; font-size: 16px; }.ctw-push-summary p { margin: 0; color: #a4afbf; font-size: 10px; }
.ctw-push-summary em { display: block; margin-top: 5px; color: #68778b; font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ctw-push-preferences { display: grid; grid-template-columns: 180px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 14px 17px; border-top: 1px solid var(--ctw-line); background: rgba(0,0,0,.12); }
.ctw-push-preferences strong { display: block; font-size: 11px; }.ctw-push-preferences > div > span { display: block; color: var(--ctw-muted); font-size: 8px; }
.ctw-push-checks { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.ctw-push-checks label { display: inline-flex; align-items: center; gap: 6px; color: #c1cad7; font-size: 9px; cursor: pointer; }.ctw-push-checks input { accent-color: #7388ff; }

@media (max-width: 1080px) {
    .ctw-topic-grid { grid-template-columns: 1fr; }
    .ctw-content-columns { grid-template-columns: 1fr; }
    .ctw-tick-panel { position: static; }
    .ctw-profile-hero { grid-template-columns: 80px 1fr; }
    .ctw-profile-stats { grid-column: 1/-1; }
    .ctw-map-toolbar { grid-template-columns: 1fr auto; }.ctw-map-legend { grid-column: 1/-1; grid-row: 2; justify-content: flex-start; }
    .ctw-push-preferences { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .ctw-shell { border-radius: 10px; }
    .ctw-topbar { min-height: 66px; padding: 10px 12px; }
    .ctw-brand div { display: none; }
    .ctw-resource { min-width: 72px; padding: 6px 8px; }
    .ctw-user-chip span { display: none; }
    .ctw-user-chip { padding-right: 4px; }
    .ctw-body { display: block; padding-bottom: 72px; }
    .ctw-sidebar { position: fixed; z-index: 50; left: 8px; right: 8px; bottom: 8px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; padding: 5px; border: 1px solid #2b3546; border-radius: 12px; background: rgba(9,13,20,.96); box-shadow: 0 12px 50px rgba(0,0,0,.45); backdrop-filter: blur(12px); }
    .ctw-nav-item { min-height: 53px; padding: 4px 2px; }
    .ctw-nav-item > span { font-size: 17px; }
    .ctw-nav-item em { font-size: 6px; }
    .ctw-nav-item.is-active::before { left: 12px; right: 12px; top: auto; bottom: -6px; width: auto; height: 2px; }
    .ctw-main { padding: 22px 13px 30px; }
    .ctw-page-heading { display: block; }
    .ctw-page-heading > .ctw-live-chip, .ctw-page-heading > .ctw-cycle-chip, .ctw-page-heading > .ctw-button { display: inline-flex; margin-top: 12px; }
    .ctw-province { padding: 14px; }
    .ctw-province-head { grid-template-columns: 42px 1fr; }
    .ctw-province-icon { width: 40px; height: 40px; }
    .ctw-treasury { grid-column: 2; text-align: left; }
    .ctw-topic-stats { grid-template-columns: repeat(2,1fr); row-gap: 11px; }
    .ctw-join-row { grid-template-columns: 1fr 1fr; }
    .ctw-join-row .ctw-button:last-child { grid-column: 1/-1; }
    .ctw-battle-detail { padding: 14px; }
    .ctw-battle-hero, .ctw-composer-head { display: block; }
    .ctw-clock { margin-top: 12px; text-align: left; }
    .ctw-battle-summary { grid-template-columns: repeat(2,1fr); }
    .ctw-loop-card { grid-template-columns: 34px 1fr; }.ctw-loop-card > .ctw-button, .ctw-loop-card > .ctw-loop-state { grid-column: 2; justify-self: start; }.ctw-loop-heading { display: block; }.ctw-loop-heading small { display: block; margin-top: 2px; }
    .ctw-rematch-form { align-items: stretch; flex-direction: column; }.ctw-rematch-form select { min-width: 0; width: 100%; }.ctw-rematch-row { align-items: flex-start; flex-direction: column; }.ctw-rebuttal-link { display: block; margin: 8px 0 0; }
    .ctw-composer-head > span { display: block; margin-top: 6px; text-align: left; }
    .ctw-composer-foot { flex-wrap: wrap; }
    .ctw-composer-foot > span { flex: 1 0 100%; }
    .ctw-composer-foot .ctw-button { flex: 1; }
    .ctw-argument { padding: 12px 10px; }
    .ctw-argument-head { align-items: flex-start; flex-wrap: wrap; }
    .ctw-contradiction-form, .ctw-immediate-rebuttal-form { padding: 10px; }
    .ctw-contradiction-form > div:last-child, .ctw-immediate-rebuttal-form > div:last-child { align-items: stretch; flex-direction: column; }
    .ctw-contradiction-form > div:last-child .ctw-button, .ctw-immediate-rebuttal-form > div:last-child .ctw-button { width: 100%; }
    .ctw-sealed-verdict { grid-template-columns: 32px minmax(0,1fr); padding: 9px; }
    .ctw-seal { width: 30px; height: 30px; }
    .ctw-metric-row { grid-template-columns: repeat(3,1fr); }
    .ctw-vector-mini { grid-template-columns: repeat(2,1fr); }
    .ctw-review-scores { grid-template-columns: repeat(2,1fr); }
    .ctw-review-actions { flex-direction: column; }
    .ctw-ascension-hero { grid-template-columns: 1fr; padding: 20px; }
    .ctw-ascension-symbol { width: 110px; }
    .ctw-step-path { justify-content: flex-start; padding-bottom: 12px; overflow-x: auto; }
    .ctw-step-line { min-width: 22px; }
    .ctw-draw-zone { align-items: stretch; flex-direction: column; }
    .ctw-button-ascend { min-width: 0; }
    .ctw-notification { grid-template-columns: 36px 1fr; }
    .ctw-notification .ctw-text-button { grid-column: 2; justify-self: start; }
    .ctw-profile-hero { grid-template-columns: 65px 1fr; }
    .ctw-profile-hero > img { width: 62px; height: 62px; }
    .ctw-profile-stats { grid-template-columns: repeat(2,1fr); }
    .ctw-collection-grid { grid-template-columns: repeat(2,1fr); }
    .ctw-map-toolbar { gap: 10px; }.ctw-map-legend { gap: 8px; }.ctw-svg-stage { min-height: 280px; }
    .ctw-map-hint { text-align: left; }
    .ctw-push-summary { grid-template-columns: 42px 1fr; }.ctw-push-summary > .ctw-button { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
    .ctw-app *, .ctw-app *::before, .ctw-app *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; transition-duration: .01ms!important; }
}