.arena{color:#e4c36a;background:#070604;min-height:100dvh;position:relative}.arena-exit{z-index:3;color:#8d8478;letter-spacing:.04em;background:0 0;border:0;padding:0;font-size:.75rem;position:absolute;top:.85rem;right:.85rem}.arena-exit:hover{color:#d7d0c6}.arena-head{padding:1.25rem 4.5rem .5rem 1.25rem}.arena-canvas{background:#070604;width:100%;height:min(62dvh,640px);display:block}.arena-panel{flex-direction:column;gap:.75rem;padding:.85rem 1.25rem 2rem;display:flex}.arena-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.arena-slot .arena{min-height:0}.arena-slot .arena-exit{display:none}.arena-slot .arena-canvas{height:240px}.arena-slot .arena-head{padding:.65rem .85rem .25rem}.arena-slot .arena-head h1{font-size:1.15rem}.arena-work{color:#e4c36a;background:#070604;min-height:100dvh}.arena-bar{border-bottom:1px solid #6d4314;align-items:stretch;gap:.5rem;padding:.55rem .75rem 0;display:flex}.arena-file{position:relative}.arena-file>summary{cursor:pointer;color:#e4c36a;letter-spacing:.08em;text-transform:uppercase;border:1px solid #6d4314;min-height:2.4rem;padding:.45rem .8rem;font-size:.75rem;list-style:none}.arena-file>summary::-webkit-details-marker{display:none}.arena-file-menu{z-index:5;background:#100e0a;border:1px solid #e4c36a;flex-direction:column;gap:.45rem;min-width:16rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + 4px);left:0}.arena-tabs{flex:1;gap:.35rem;display:flex;overflow-x:auto}.arena-tab,.arena-cell-head{cursor:grab}.arena-tab{color:#8d8478;background:0 0;border:1px solid #3a3228;min-height:2.4rem;padding:0 .8rem;font-size:.75rem}.arena-tab-on{color:#f3e6c4;border-color:#e4c36a}.arena-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:.75rem;padding:.75rem;display:grid}.arena-cell{background:#070604;border:1px solid #3a3228;flex-direction:column;min-width:0;animation:.22s arena-slide;display:flex}.arena-cell-on{border-color:#e4c36a}.arena-cell-head{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #3a3228;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.75rem;display:flex}.arena-pick{flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}@keyframes arena-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}