#arena-overlay {position: fixed;inset: 0;z-index: 13000;display: none;background: radial-gradient(1200px 800px at 20% -10%, rgba(94,206,196,0.10), transparent 60%), radial-gradient(1000px 700px at 110% 110%, rgba(240,201,106,0.08), transparent 55%), rgba(6, 7, 12, 0.96);backdrop-filter: blur(20px) saturate(140%);-webkit-backdrop-filter: blur(20px) saturate(140%);color: #e8e8f0;font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif);overflow: hidden;}#arena-overlay.open {display: flex;flex-direction: column;}.arena-topbar {display: flex;align-items: center;gap: 18px;padding: 14px 22px;border-bottom: 1px solid rgba(255,255,255,0.08);background: rgba(10, 11, 18, 0.6);flex-shrink: 0;}.arena-title {font-family: 'Cormorant Garamond', var(--font-display, serif), serif;font-size: 22px;font-weight: 600;letter-spacing: 0.01em;margin-right: auto;display: flex;align-items: center;gap: 10px;}.arena-title .arena-badge {font-family: var(--font-mono, monospace);font-size: 9.5px;text-transform: uppercase;letter-spacing: 0.16em;color: #5ecec4;border: 1px solid rgba(94,206,196,0.35);border-radius: 20px;padding: 3px 9px;background: rgba(94,206,196,0.06);}.arena-meter {min-width: 210px;display: flex;flex-direction: column;gap: 5px;}.arena-meter-row {display: flex;align-items: baseline;justify-content: space-between;font-size: 11px;color: #9a9ab0;font-family: var(--font-mono, monospace);}.arena-meter-row b {color: #e8e8f0;font-weight: 600;}.arena-meter-track {height: 6px;border-radius: 6px;background: rgba(255,255,255,0.07);overflow: hidden;}.arena-meter-fill {height: 100%;width: 0%;border-radius: 6px;transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s;}.arena-meter.time .arena-meter-fill {background: linear-gradient(90deg, #5ecec4, #7fd6b2);}.arena-meter.money .arena-meter-fill {background: linear-gradient(90deg, #f0c96a, #f0b090);}.arena-meter-fill.warn {background: linear-gradient(90deg, #f0c96a, #f09a6a) !important;}.arena-meter-fill.over {background: linear-gradient(90deg, #f07070, #ff9a6a) !important;animation: arenaPulse 1.2s ease-in-out infinite;}@keyframes arenaPulse {0%, 100% {opacity: 1;}50% {opacity: 0.6;}}.arena-rival-chip {display: flex;align-items: center;gap: 8px;font-family: var(--font-mono, monospace);font-size: 11px;color: #f0c96a;border: 1px solid rgba(240,201,106,0.3);background: rgba(240,201,106,0.06);border-radius: 20px;padding: 6px 12px;white-space: nowrap;}.arena-rival-chip-name {text-transform: uppercase;letter-spacing: 0.1em;font-size: 9.5px;color: #c8a45a;}.arena-close {background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.12);color: #c8c8d8;border-radius: 10px;padding: 7px 13px;font-size: 13px;cursor: pointer;transition: all 0.18s;}.arena-close:hover {background: rgba(240,112,112,0.12);border-color: rgba(240,112,112,0.4);color: #f07070;}.arena-body {flex: 1;display: grid;grid-template-columns: 1fr 1fr;gap: 18px;padding: 18px 22px 22px;overflow: hidden;min-height: 0;}.arena-pane {display: flex;flex-direction: column;min-height: 0;background: linear-gradient(160deg, rgba(20,21,32,0.7), rgba(11,12,20,0.7));border: 1px solid rgba(255,255,255,0.07);border-radius: 18px;overflow: hidden;}.arena-pane-head {padding: 13px 18px;border-bottom: 1px solid rgba(255,255,255,0.06);font-size: 12px;text-transform: uppercase;letter-spacing: 0.12em;color: #8f8fa6;font-family: var(--font-mono, monospace);display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;}.arena-pane-scroll {overflow-y: auto;padding: 16px 18px;flex: 1;min-height: 0;}.arena-pane-scroll::-webkit-scrollbar {width: 8px;}.arena-pane-scroll::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.1);border-radius: 8px;}.arena-monitor {background: rgba(8,12,16,0.7);border: 1px solid rgba(94,206,196,0.18);border-radius: 14px;padding: 14px 16px;margin-bottom: 16px;}.arena-monitor-demo {font-size: 14px;color: #cfcfe2;margin-bottom: 10px;font-weight: 600;}.arena-vitals {display: flex;flex-wrap: wrap;gap: 8px;}.arena-vital {font-family: var(--font-mono, monospace);font-size: 11px;color: #7fd6b2;border: 1px solid rgba(127,214,178,0.25);background: rgba(127,214,178,0.05);border-radius: 8px;padding: 4px 9px;}.arena-vital span {color: #8f8fa6;margin-right: 5px;}.arena-dialogue {position: relative;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;padding: 16px 18px;font-size: 14.5px;line-height: 1.6;color: #e8e8f0;font-style: italic;margin-bottom: 16px;}.arena-dialogue::before {content: '“';position: absolute;top: -6px;left: 10px;font-size: 40px;color: rgba(94,206,196,0.3);font-family: Georgia, serif;}.arena-log-entry {display: flex;gap: 10px;padding: 10px 12px;border-radius: 11px;margin-bottom: 9px;border: 1px solid rgba(255,255,255,0.06);background: rgba(255,255,255,0.02);animation: arenaPop 0.3s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes arenaPop {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: none;}}.arena-log-entry.user {border-left: 3px solid #5ecec4;}.arena-log-entry.rival {border-left: 3px solid #f0c96a;}.arena-log-entry.diagnosis {border-left-width: 3px;background: rgba(240,201,106,0.05);}.arena-log-kind {font-size: 9px;text-transform: uppercase;letter-spacing: 0.1em;font-family: var(--font-mono, monospace);color: #8f8fa6;flex-shrink: 0;width: 56px;padding-top: 2px;}.arena-log-icon {display: block;font-size: 14px;margin-bottom: 3px;}.arena-log-main {flex: 1;min-width: 0;}.arena-log-label {font-size: 13px;color: #d8d8e8;font-weight: 600;margin-bottom: 3px;}.arena-log-result {font-size: 12.5px;color: #a8a8c0;line-height: 1.5;}.arena-log-cost {font-size: 10px;font-family: var(--font-mono, monospace);color: #7a7a90;margin-top: 4px;}.arena-log-result.critical {color: #f0a0a0;}.arena-log-result.notable {color: #f0d49a;}.arena-empty {color: #6a6a80;font-size: 13px;text-align: center;padding: 30px 10px;font-style: italic;}.arena-section {margin-bottom: 18px;}.arena-section-title {font-size: 11px;text-transform: uppercase;letter-spacing: 0.12em;color: #8f8fa6;font-family: var(--font-mono, monospace);margin-bottom: 9px;display: flex;align-items: center;gap: 7px;}.arena-section-title .dot {width: 6px;height: 6px;border-radius: 50%;}.arena-section.history .dot {background: #7fd6b2;}.arena-section.exam .dot {background: #5ecec4;}.arena-section.lab .dot {background: #f0c96a;}.arena-action {width: 100%;text-align: left;display: flex;align-items: center;gap: 10px;padding: 11px 13px;border-radius: 11px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.025);color: #d8d8e8;font-size: 13px;cursor: pointer;margin-bottom: 7px;transition: all 0.16s cubic-bezier(0.4,0,0.2,1);}.arena-action:hover:not(:disabled) {border-color: rgba(94,206,196,0.4);background: rgba(94,206,196,0.07);transform: translateX(2px);}.arena-action:disabled {opacity: 0.4;cursor: not-allowed;}.arena-action.unaffordable {opacity: 0.35;}.arena-action.unaffordable .arena-action-cost {color: #f07070;}.arena-action-icon {flex-shrink: 0;font-size: 14px;opacity: 0.8;}.arena-action-label {flex: 1;}.arena-afford-hint {font-size: 11px;color: #f0b090;background: rgba(240,154,106,0.07);border: 1px solid rgba(240,154,106,0.22);border-radius: 9px;padding: 7px 11px;margin-bottom: 14px;line-height: 1.45;}.arena-action-cost {font-family: var(--font-mono, monospace);font-size: 10.5px;color: #8f8fa6;white-space: nowrap;display: flex;gap: 8px;}.arena-action-cost .t {color: #7fd6b2;}.arena-action-cost .m {color: #f0c96a;}.arena-dx {border: 1px solid rgba(240,201,106,0.3);background: rgba(240,201,106,0.04);border-radius: 14px;padding: 14px 15px;}.arena-dx input {width: 100%;box-sizing: border-box;background: rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.12);border-radius: 10px;padding: 11px 13px;color: #fff;font-size: 14px;outline: none;margin-bottom: 10px;}.arena-dx input:focus {border-color: rgba(240,201,106,0.6);}.arena-dx-submit {width: 100%;padding: 12px;border-radius: 10px;border: none;background: linear-gradient(135deg, #f0c96a, #f0b090);color: #1a1208;font-size: 14px;font-weight: 700;cursor: pointer;transition: all 0.18s;}.arena-dx-submit:hover {filter: brightness(1.08);transform: translateY(-1px);}.arena-dx-submit:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}.arena-dx-submit.armed {background: linear-gradient(135deg, #f07070, #f0996a);color: #fff;animation: arenaPulse 1s ease-in-out infinite;}.arena-dx-hint {margin-top: 8px;font-size: 10.5px;color: #7a7a90;text-align: center;}.arena-turn-banner {font-size: 12px;font-family: var(--font-mono, monospace);color: #5ecec4;text-align: center;padding: 7px;border-radius: 9px;background: rgba(94,206,196,0.06);border: 1px solid rgba(94,206,196,0.18);margin-bottom: 14px;}.arena-turn-banner.rival {color: #f0c96a;background: rgba(240,201,106,0.06);border-color: rgba(240,201,106,0.18);}.arena-start {margin: auto;max-width: 520px;text-align: center;padding: 30px;animation: arenaPop 0.35s cubic-bezier(0.16, 1, 0.3, 1);}.arena-start-vs {display: flex;align-items: center;justify-content: center;gap: 14px;font-family: var(--font-mono, monospace);font-size: 12px;letter-spacing: 0.22em;margin-bottom: 14px;}.arena-start-you {color: #5ecec4;text-shadow: 0 0 18px rgba(94,206,196,0.5);}.arena-start-rival {color: #f0c96a;text-shadow: 0 0 18px rgba(240,201,106,0.5);}.arena-start-vs-mark {font-family: 'Cormorant Garamond', serif;font-style: italic;font-size: 17px;color: #6a6a80;letter-spacing: 0;}.arena-chips {display: flex;flex-wrap: wrap;gap: 7px;justify-content: center;margin-bottom: 16px;}.arena-chip {border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.03);color: #a8a8c0;border-radius: 18px;padding: 6px 13px;font-size: 12px;cursor: pointer;transition: all 0.16s;}.arena-chip:hover {border-color: rgba(94,206,196,0.45);background: rgba(94,206,196,0.08);color: #7fd6b2;transform: translateY(-1px);}#arena-recent {margin-top: 26px;text-align: left;}.arena-recent-title {font-size: 11px;text-transform: uppercase;letter-spacing: 0.12em;color: #8f8fa6;font-family: var(--font-mono, monospace);margin-bottom: 9px;}.arena-recent-row {display: flex;align-items: center;gap: 10px;padding: 9px 12px;border: 1px solid rgba(255,255,255,0.07);background: rgba(255,255,255,0.02);border-radius: 11px;margin-bottom: 7px;}.arena-recent-info {flex: 1;min-width: 0;}.arena-recent-topic {font-size: 13px;color: #d8d8e8;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.arena-recent-meta {font-size: 10.5px;color: #8f8fa6;font-family: var(--font-mono, monospace);margin-top: 2px;}.arena-recent-tag.live {color: #7fd6b2;}.arena-recent-tag.win {color: #7fd6b2;}.arena-recent-tag.lose {color: #f0a0a0;}.arena-recent-tag.tie {color: #f0c96a;}.arena-recent-btn {border: 1px solid rgba(94,206,196,0.35);background: rgba(94,206,196,0.07);color: #7fd6b2;border-radius: 9px;padding: 6px 12px;font-size: 12px;font-weight: 600;cursor: pointer;white-space: nowrap;transition: all 0.16s;}.arena-recent-btn:hover {background: rgba(94,206,196,0.15);}.arena-recent-del {border: 1px solid transparent;background: none;color: #6a6a80;border-radius: 8px;padding: 5px 8px;font-size: 12px;cursor: pointer;transition: all 0.16s;}.arena-recent-del:hover {color: #f07070;border-color: rgba(240,112,112,0.35);}.arena-recent-del:disabled {opacity: 0.4;cursor: wait;}.arena-start h1 {font-family: 'Cormorant Garamond', var(--font-display, serif), serif;font-size: 38px;font-weight: 600;margin: 0 0 8px;background: linear-gradient(135deg, #5ecec4, #f0c96a);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.arena-start p {color: #9a9ab0;font-size: 14.5px;line-height: 1.6;margin-bottom: 24px;}.arena-start input {width: 100%;box-sizing: border-box;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.12);border-radius: 12px;padding: 13px 15px;color: #fff;font-size: 15px;outline: none;margin-bottom: 14px;text-align: center;}.arena-start input:focus {border-color: rgba(94,206,196,0.5);}.arena-start-btn {width: 100%;padding: 14px;border-radius: 12px;border: none;background: linear-gradient(135deg, #5ecec4, #7fd6b2);color: #04140f;font-size: 15px;font-weight: 700;cursor: pointer;transition: all 0.18s;}.arena-start-btn:hover {filter: brightness(1.06);transform: translateY(-1px);}.arena-start-btn:disabled {opacity: 0.55;cursor: wait;}.arena-start-hint {margin-top: 14px;font-size: 11.5px;color: #6a6a80;}.arena-result {margin: auto;max-width: 600px;text-align: center;padding: 30px;animation: arenaPop 0.4s ease;}.arena-result-verdict {font-family: 'Cormorant Garamond', serif;font-size: 44px;font-weight: 700;margin-bottom: 6px;}.arena-result-verdict.win {color: #7fd6b2;}.arena-result-verdict.lose {color: #f0a0a0;}.arena-result-verdict.tie {color: #f0c96a;}.arena-scores {display: flex;gap: 14px;justify-content: center;align-items: stretch;margin: 22px 0;}.arena-scores-vs {align-self: center;font-family: 'Cormorant Garamond', serif;font-style: italic;font-size: 18px;color: #6a6a80;}.arena-score-card {position: relative;flex: 1;max-width: 200px;border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;padding: 16px;background: rgba(255,255,255,0.03);}.arena-score-card.user {border-color: rgba(94,206,196,0.35);}.arena-score-card.rival {border-color: rgba(240,201,106,0.35);}.arena-score-card.winner.user {box-shadow: 0 0 34px rgba(94,206,196,0.22);border-color: rgba(94,206,196,0.7);}.arena-score-card.winner.rival {box-shadow: 0 0 34px rgba(240,201,106,0.22);border-color: rgba(240,201,106,0.7);}.arena-score-crown {position: absolute;top: -13px;left: 50%;transform: translateX(-50%);font-size: 18px;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5));}.arena-cost-line {font-size: 12px;color: #8f8fa6;font-family: var(--font-mono, monospace);margin-bottom: 4px;}.arena-score-who {font-size: 11px;text-transform: uppercase;letter-spacing: 0.12em;color: #8f8fa6;margin-bottom: 8px;}.arena-score-num {font-size: 40px;font-weight: 700;font-family: var(--font-mono, monospace);line-height: 1;}.arena-score-card.user .arena-score-num {color: #7fd6b2;}.arena-score-card.rival .arena-score-num {color: #f0c96a;}.arena-score-meta {font-size: 11px;color: #9a9ab0;margin-top: 8px;line-height: 1.5;}.arena-takeaway {text-align: left;background: rgba(94,206,196,0.05);border: 1px solid rgba(94,206,196,0.2);border-radius: 14px;padding: 16px 18px;margin: 20px 0;font-size: 13.5px;line-height: 1.65;color: #d0d0e0;}.arena-takeaway b {color: #7fd6b2;}.arena-result-actions {display: flex;gap: 12px;justify-content: center;}.arena-result-actions button {padding: 12px 22px;border-radius: 11px;font-size: 14px;font-weight: 600;cursor: pointer;border: 1px solid rgba(255,255,255,0.14);background: rgba(255,255,255,0.05);color: #e8e8f0;transition: all 0.18s;}.arena-result-actions button.primary {background: linear-gradient(135deg, #5ecec4, #7fd6b2);color: #04140f;border: none;}.arena-result-actions button:hover {transform: translateY(-1px);filter: brightness(1.05);}.arena-loading {margin: auto;text-align: center;color: #9a9ab0;}.arena-spinner {width: 42px;height: 42px;border: 3px solid rgba(94,206,196,0.18);border-top-color: #5ecec4;border-radius: 50%;margin: 0 auto 16px;animation: arenaSpin 0.8s linear infinite;}@keyframes arenaSpin {to {transform: rotate(360deg);}}.arena-rival-thinking {font-size: 12px;color: #f0c96a;font-style: italic;padding: 6px 0;}.arena-dots span {animation: arenaDot 1.2s infinite;display: inline-block;}.arena-dots span:nth-child(2) {animation-delay: 0.2s;}.arena-dots span:nth-child(3) {animation-delay: 0.4s;}@keyframes arenaDot {0%, 60%, 100% {opacity: 0.25;}30% {opacity: 1;}}.arena-loading-label {min-height: 18px;transition: opacity 0.3s;}@media (prefers-reduced-motion: reduce) {#arena-overlay * {animation: none !important;transition: none !important;}}@media (max-width: 860px) {.arena-body {grid-template-columns: 1fr;overflow-y: auto;}.arena-pane {min-height: 320px;}.arena-topbar {flex-wrap: wrap;gap: 12px;}.arena-meter {min-width: 140px;flex: 1;}.arena-rival-chip {order: 5;}.arena-scores {flex-direction: column;align-items: center;}.arena-scores-vs {padding: 2px 0;}.arena-score-card {max-width: 280px;width: 100%;}}.arena-launch-pill {display: inline-flex;align-items: center;gap: 6px;margin: 6px 0;padding: 9px 16px;border-radius: 22px;border: 1px solid rgba(94,206,196,0.4);background: linear-gradient(135deg, rgba(94,206,196,0.14), rgba(240,201,106,0.10));color: #7fd6b2;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.18s cubic-bezier(0.4,0,0.2,1);}.arena-launch-pill:hover {transform: translateY(-1px);border-color: rgba(94,206,196,0.7);box-shadow: 0 6px 18px rgba(94,206,196,0.18);color: #a8e8dc;}