.arena-preview{max-width:1368px;margin:auto;padding:30px 24px 50px}.arena-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.arena-preview-header h1{font-size:36px;margin:8px 0;letter-spacing:-.045em}.arena-preview-header p{font-size:13px;color:#b1a4c2;max-width:680px;margin:0}.arena-back{font-size:12px;text-decoration:none;color:#c5a5ed;white-space:nowrap}.arena-tier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.arena-tier{display:flex;align-items:center;gap:12px;min-height:87px;text-align:left;padding:12px;background:#181220;border:1px solid #413047;border-radius:10px}.arena-tier[aria-pressed=true]{background:#2b1b3e;border-color:#b18aee;box-shadow:inset 0 -2px #b18aee}.arena-tier strong{display:block;font-size:13px}.arena-tier small{display:block;font-size:10px;color:#a896be;margin-top:5px}.arena-tier-portrait{display:block;width:46px;height:56px;flex-shrink:0;overflow:hidden;position:relative}.arena-tier-portrait img{position:absolute;image-rendering:pixelated;max-width:none}.arena-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:20px;align-items:start}.arena-stage-shell{background:#100d19;border:1px solid #584167;border-radius:14px;overflow:hidden}.arena-stage-top{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #3e2c4b;font-size:11px;color:#bb9fde}.arena-stage-top strong{font-size:10px;letter-spacing:.1em;color:#e2c8ff}.arena-stage-top span::before{content:'●';color:#ba90f4;margin-right:7px}.arena-preview #arena-panel{display:none;position:relative;width:100%!important;height:auto!important;border:0!important;border-radius:0!important;margin:0}.arena-preview #arena-panel.show{display:block}.arena-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-top:1px solid #3e2c4b}.arena-stage-controls>div{display:flex;gap:8px}.arena-stage-controls button{font-size:12px;padding:9px 13px}.arena-stage-controls p{color:#b3a2c9;font-size:11px;max-width:320px;margin:0}.arena-guide{padding:21px;background:#181220;border:1px solid #413047;border-radius:12px}.arena-guide h2{font-size:16px;margin:0 0 12px}.arena-guide p{font-size:12px;color:#b4a5c5;line-height:1.75}.arena-guide code{display:block;color:#d4b5fb;background:#2a1c37;padding:10px;border-radius:7px;font-size:12px;margin:8px 0}.arena-guide a{font-size:12px;color:#d4b5fb}.arena-note{font-size:11px;color:#9787aa;margin-top:18px}.arena-preview .arena-scene-canvas{display:block;width:100%;height:auto}
.arena-preview-header h1{line-height:1.15}.arena-preview-header p{line-height:1.7}
@media(max-width:1100px){.arena-stage-layout{grid-template-columns:1fr}.arena-guide{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.arena-guide h2{grid-column:1/-1}.arena-tier{gap:7px;padding:10px}}
@media(max-width:760px){.arena-preview{padding:22px 16px}.arena-preview-header{display:block}.arena-preview-header h1{font-size:32px}.arena-back{display:block;margin-top:14px}.arena-tier-grid{gap:5px}.arena-tier{flex-direction:column;text-align:center;padding:7px 3px;gap:6px;min-height:116px}.arena-tier strong{font-size:10px;line-height:1.3}.arena-tier small{font-size:8px}.arena-tier-portrait{width:38px}.arena-stage-controls{flex-direction:column;align-items:start}.arena-guide{display:block}.arena-preview .arena-stage-top{padding-inline:12px;font-size:9px}}

.arena-stage-controls button{min-height:42px;border:1px solid #735185;border-radius:8px;background:#30203f;color:#ecddfa;font:600 12px Inter,sans-serif;padding:10px 16px}.arena-stage-controls #demoReplay{background:#9655d7;border-color:#b480e5;color:#fff}.arena-tier{color:#f1e3ff;font-family:Inter,sans-serif}.arena-tier:hover{border-color:#b480e5}.play-kicker{font-size:10px;letter-spacing:.13em;color:#c09bdb}.arena-preview .arena-stage-controls p{font-size:12px}