.arena-shell{--arena-ink:#0b1220;--arena-mint:#79e9d5;--arena-rose:#ff9cb9;color:#e9eef7;max-width:1360px;margin:0 auto;padding:30px 0 50px}.arena-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.arena-heading h1{color:#fff4df;letter-spacing:-.04em;margin:10px 0 14px;font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.06}.arena-heading p{color:#b6c8df;font-size:1rem;line-height:1.7}.arena-heading .eyebrow{color:#79e9d5;font-size:.875rem}.arena-explainer{background:linear-gradient(100deg,#122c32,#181830);border:1px solid #426270;border-radius:12px;align-items:center;gap:18px;padding:20px 24px;font-size:1rem;line-height:1.65;display:flex}.arena-explainer svg{color:#79e9d5;min-width:26px}.arena-choices{border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;max-height:600px;margin:28px 0;padding:0;display:grid;overflow:auto}.arena-choices legend{padding-bottom:16px;font-size:1rem;font-weight:700}.arena-choices label{cursor:pointer;background:#0c1725;border:1px solid #344358;border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex;position:relative}.arena-choices label.selected{background:#122b30;border-color:#79e9d5;box-shadow:inset 0 0 0 1px #79e9d5}.arena-choices input{accent-color:#79e9d5;flex:none}.arena-choices img{object-fit:cover;border-radius:8px;width:78px;height:94px}.arena-choices label>span{gap:5px;min-width:0;display:grid}.arena-choices strong{color:#fff1dd;font-size:1.1rem}.arena-choices small,.arena-choices b{color:#b8c8df;font-size:.875rem;line-height:1.4}.arena-choices b{color:#8decd8;align-items:center;gap:4px;display:flex}.arena-queue,.arena-resume{background:#18233a;border:1px solid #54698d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin:24px 0;padding:24px;display:flex}.arena-queue strong{font-size:1.3rem}.arena-queue p{color:#b3c4db;margin:8px 0 0;font-size:.875rem}.arena-queue button{color:#071b23;background:#81e8d4;min-height:48px;padding:12px 22px;font-weight:800}.arena-guide{color:#c8d6e9;border-top:1px solid #344359;margin:30px 0;padding:20px 0;font-size:1rem;line-height:1.75}.arena-guide summary{cursor:pointer;color:#e8f0f8;font-weight:700}.arena-guide p{margin:16px 0}.arena-back,.arena-pagination a{color:#82e9da}.arena-matchline{color:#b9cce3;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 0 18px;font:400 .875rem/1.6 ui-monospace,monospace;display:flex}.arena-matchline strong{color:#f0d89e}.arena-stage{grid-template-columns:minmax(190px,1fr) minmax(360px,2.3fr) minmax(190px,1fr);align-items:start;gap:16px;display:grid}.arena-fighter{background:#0e1d2a;border:1px solid #41666b;border-radius:14px;min-width:0;animation:.7s both arena-arrive;overflow:hidden}.arena-fighter.enemy{border-color:#79465c;animation-delay:.2s}.arena-portrait{aspect-ratio:4/4.8;background:#121524;position:relative;overflow:hidden}.arena-portrait>img{object-fit:cover;width:100%;height:100%}.arena-portrait .breathing{animation:7s ease-in-out infinite alternate arena-breathe}.arena-portrait>span{letter-spacing:.1em;color:#85ecda;background:linear-gradient(#0000,#09131b);padding:28px 12px 12px;font:700 .75rem/1.4 ui-monospace,monospace;position:absolute;bottom:0;left:0;right:0}.enemy .arena-portrait>span{color:#ffacbf}.arena-fighter-body{padding:16px}.arena-fighter h2{color:#fff2dc;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.15}.arena-fighter small,.arena-fighter p{color:#aabfd8;font-size:.875rem;line-height:1.5}.arena-fighter p{margin:0 0 18px}.arena-meter{margin:12px 0}.arena-meter label{color:#a8efdb;flex-wrap:wrap;align-items:center;gap:4px;font:.8125rem/1.5 ui-monospace,monospace;display:flex}.arena-meter strong{margin-left:auto}.arena-meter progress{accent-color:#6de4cb;width:100%;height:9px;margin-top:5px;display:block}.arena-meter.mana label{color:#b7c7ff}.arena-meter.mana progress{accent-color:#a4a9ff}.arena-status{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.arena-status span{color:#ead6b1;border:1px solid #496076;border-radius:4px;padding:3px 7px;font-size:.8125rem}.arena-fighter.defeated .arena-portrait{filter:grayscale(.7);opacity:.7}.arena-console{background:#050912;border:1px solid #526784;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 10px 40px #0005}.arena-console>header{color:#9fbcda;background:#152034;border-bottom:1px solid #3d5068;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.arena-console>header>span{letter-spacing:.05em;align-items:center;gap:8px;font:.8125rem ui-monospace,monospace;display:flex}.arena-console>header button{color:#b7d7ec;cursor:pointer;padding:8px}.arena-output{scrollbar-color:#384f68 #07101b;overflow-wrap:anywhere;height:450px;padding:18px;font:400 .875rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.arena-output p{white-space:pre-wrap;margin:0 0 12px}.arena-round{color:#617a96;-webkit-user-select:none;user-select:none;margin-right:12px;font-size:.75rem}.event-system{color:#aabed7}.event-player{color:#81e6cf}.event-enemy{color:#ffa0b5}.event-spell{color:#c5afff}.event-heal{color:#a9e7a2}.event-status{color:#b6d8ef}.event-critical{color:#ffda87;font-weight:700}.event-command{color:#edf5fb}.event-result{color:#ffdc94;background:#231c15;border:1px solid #6a5532;padding:12px;font-weight:700}.arena-telegraph{color:#ffe4a8;background:#513718;border-bottom:1px solid #977042;padding:10px 16px;font-size:.875rem}.arena-prompt-status{color:#8acbc6;background:#0c1824;border-top:1px solid #344354;padding:8px 16px;font:.75rem/1.5 ui-monospace,monospace}.arena-console form{background:#0d1929;align-items:center;gap:8px;padding:12px;display:flex}.arena-console form>span{color:#7be8d2;font-family:monospace}.arena-console input{color:#e4f5f6;flex:1;min-width:0;font-family:monospace;font-size:16px}.arena-console form button{color:#0b1b24;background:#8ae8d3}.arena-follow{color:#d6efff;cursor:pointer;background:#1c344a;width:100%;padding:8px;font-size:.875rem}.arena-command-deck{background:#101b2c;border:1px solid #3c506d;border-radius:12px;flex-wrap:wrap;gap:10px;margin-top:22px;padding:20px;display:flex}.arena-command-deck button{white-space:normal;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;height:auto;min-height:50px;font-size:.875rem;display:flex}.arena-command-deck small{color:#a9bfd6;font-size:.75rem}.arena-command-deck button:disabled{opacity:.45}.arena-error{color:#ffceda;background:#3c1b2c;border:1px solid #b2738b;border-radius:10px;margin:15px 0;padding:14px 18px;font-size:1rem}.arena-error button{margin-left:10px;text-decoration:underline}.arena-result{background:linear-gradient(110deg,#302923,#132a33);border:1px solid #726447;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:28px;display:flex}.arena-result h2{color:#ffe2a0;font-size:2.4rem;line-height:1.1}.arena-result p{margin:10px 0;font-size:1rem;line-height:1.65}.arena-result>div:last-child{flex-wrap:wrap;gap:12px;display:flex}.arena-snapshots{grid-template-columns:1fr 1fr;gap:24px;display:grid}.arena-snapshots h3{font-size:1.4rem}.arena-snapshots p{overflow-wrap:anywhere;font-size:.875rem}.arena-history{gap:12px;display:grid}.arena-history>a{background:#101c2e;border:1px solid #364e6b;border-radius:12px;grid-template-columns:150px 1fr 85px 110px;align-items:center;gap:18px;padding:22px;text-decoration:none;display:grid}.arena-history a:hover{border-color:#87e5d1}.arena-history a>div{gap:5px;display:grid}.arena-history strong{color:#f6e9cd;font-size:1.125rem}.arena-history span,.arena-history small,.arena-history time{color:#b9c9e0;font-size:.875rem}.arena-history .arena-outcome{text-transform:uppercase;color:#d4ddef;font-weight:700}.arena-history .won{color:#91edd1}.arena-history .lost{color:#ffabc0}.arena-pagination{justify-content:space-between;gap:24px;margin:25px 0;display:flex}.arena-empty{text-align:center;border:1px dashed #455b78;border-radius:14px;padding:50px 24px}.arena-empty h2{margin:20px;font-size:2rem;line-height:1.2}.arena-empty p{font-size:1rem}:is(.arena-shell a:focus-visible,.arena-shell button:focus-visible){outline-offset:4px;outline:3px solid #91ead8}@keyframes arena-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes arena-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}@media (max-width:1050px){.arena-stage{grid-template-columns:1fr 1fr;gap:14px}.arena-console{grid-area:2/1/auto/-1}.arena-fighter{grid-template-columns:100px 1fr;display:grid}.arena-portrait{aspect-ratio:auto;height:100%;min-height:180px}.arena-fighter-body{padding:12px}.arena-fighter h2{font-size:1.3rem}.arena-fighter-body>p{margin-bottom:8px}.arena-portrait>span{padding:8px;font-size:.65rem}.arena-output{height:430px}.arena-history>a{grid-template-columns:1fr 2fr}.arena-history .arena-outcome{grid-column:1}}@media (max-width:560px){.arena-shell{padding-top:12px}.arena-stage{gap:10px}.arena-fighter{display:block}.arena-portrait{aspect-ratio:auto;height:130px;min-height:0}.arena-portrait img{object-position:50% 28%}.arena-fighter-body{padding:10px}.arena-fighter-body>p{display:none}.arena-fighter h2{min-height:2.3em;font-size:1.15rem}.arena-fighter small,.arena-meter label{font-size:.75rem}.arena-status{gap:4px;margin:10px 0}.arena-status span{font-size:.75rem}.arena-output{height:400px;padding:12px;font-size:.875rem}.arena-command-deck{gap:8px;padding:12px}.arena-command-deck button{flex:43%}.arena-snapshots{grid-template-columns:1fr}.arena-history>a{gap:12px;padding:16px}.arena-result{padding:20px}.arena-queue{padding:18px;position:static}.arena-queue button{width:100%}}@media (prefers-reduced-motion:reduce){.arena-fighter,.arena-portrait .breathing{animation:none}}