.arena-shell.fantasy-arena{aspect-ratio:3/2;display:block;position:relative;container-type:inline-size;background:#172133;border:1px solid #53677c88;border-radius:18px;box-shadow:0 22px 60px #0007;overflow:hidden;isolation:isolate}.arena-shell.fantasy-arena:before{background:url('assets/brand/fantasy-rift.webp') center/100% 100% no-repeat;opacity:1;z-index:-1}.fantasy-arena .arena-topbar{position:absolute;top:2%;left:25%;right:25%;height:auto;min-height:0;padding:0;z-index:5;align-items:flex-start;gap:10px}.fantasy-arena .arena-topbar small{color:#adcad7;font-size:8px;letter-spacing:1.4px;text-shadow:0 2px 4px #000}.arena-motion{font:500 9px 'Segoe UI',Arial,sans-serif;color:#b6f5de;border:1px solid #61867b88;background:#101f2bd9;border-radius:6px;padding:6px 8px;cursor:pointer;white-space:nowrap}.arena-motion:hover{border-color:#b9e4d0;background:#203b42}.arena-motion:focus-visible{outline:2px solid #b2f5da;outline-offset:3px}.arena-motion:disabled{cursor:default;opacity:.7}.fantasy-arena .board.builder{position:absolute;left:15%;right:15%;top:22%;width:auto;--cell:calc((100cqw * .66 - 26px)/7.5);margin:0;padding:0 1.5% 0 0;border:0;background:transparent;box-shadow:none;z-index:3;isolation:auto}.fantasy-arena .board.builder:before,.fantasy-arena .board.builder:after{display:none}.fantasy-arena .hexrow{gap:4px;margin-top:calc(var(--cell)*-.288675)}.fantasy-arena .hexrow:first-child{margin-top:0}.fantasy-arena .hexrow:nth-child(even){transform:translateX(calc((var(--cell) + 4px)*.5))}.fantasy-arena .builder .hex{width:var(--cell);height:calc(var(--cell)*1.1547);background:linear-gradient(140deg,#a9bd9b9c,#718f8c77);filter:none;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);position:relative;padding:0}.fantasy-arena .builder .hex:before{inset:1px;background:linear-gradient(145deg,#193640c9,#142332ed);opacity:1}.fantasy-arena .builder .hex.occupied{background:linear-gradient(140deg,#d6bd7c,var(--u));filter:drop-shadow(0 3px 3px #0007)}.fantasy-arena .builder .hex.occupied:before{display:none}.fantasy-arena .builder .hex>img{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;clip-path:inherit;opacity:1}.fantasy-arena .builder .hex>span{font-size:clamp(6px,1.1cqw,11px);color:#fff4db;bottom:18%;padding:10px 1px 4px;background:linear-gradient(transparent,#07111de6)}.fantasy-arena .builder .hex:has(.hex-items img)>span{bottom:43%;font-size:clamp(6px,1.1cqw,11px)}.fantasy-arena .builder .hex-items{bottom:13%;background:#07111dd6;padding:3px 0;gap:2px}.fantasy-arena .builder .hex-items:empty{display:none}.fantasy-arena .builder .hex-items img{width:calc(var(--cell)*.23);height:calc(var(--cell)*.23);max-width:none;max-height:none;border:1px solid #cfb879;border-radius:2px}.fantasy-arena .builder .hex.selected,.fantasy-arena .builder .hex.drop-target{background:#b4ffe4;filter:drop-shadow(0 0 9px #8fffdc)}.fantasy-arena .builder .hex:hover{filter:brightness(1.18)}.fantasy-arena .arena-coordinate{position:absolute;left:0;right:0;bottom:22%;font-size:clamp(6px,.8cqw,9px);color:#729399;text-align:center;z-index:1;pointer-events:none}.fantasy-arena .occupied .arena-coordinate{display:none}.fantasy-arena .fantasy-effects{position:absolute;inset:0;z-index:2;pointer-events:none}.fantasy-arena.paused .fantasy-effects *,.fantasy-arena.paused .fantasy-effects *:after,.fantasy-arena.paused .fantasy-effects *:before{animation-play-state:paused!important}.fantasy-arena.paused .mote,.fantasy-arena.paused .fire-embers em{opacity:0}@media(max-width:800px){.fantasy-arena .board.builder{--cell:calc((100cqw * .66 - 18px)/7.5)}.fantasy-arena .hexrow{gap:2px}.fantasy-arena .hexrow:nth-child(even){transform:translateX(calc((var(--cell) + 2px)*.5))}.fantasy-arena .builder .hex-items{gap:1px}.fantasy-arena .arena-topbar small{font-size:6px;letter-spacing:.5px}.arena-motion{font-size:7px;padding:4px}.fantasy-arena .arena-topbar{left:24%;right:24%}}