:root{--relief-face-opp: #24262e}.sol-opp-row{display:none}@media not all and (max-width:767px)and (orientation:portrait){body.sol-opp-on .main-content{display:grid;grid-template-columns:auto auto auto;column-gap:var(--gap);row-gap:var(--gap);justify-content:safe center}body.sol-opp-on .sol-opp-row{display:contents}body.sol-opp-on .sol-opp-board{grid-row:1;grid-column:1;display:grid;grid-template-columns:repeat(6,var(--slot-width));gap:var(--gap);justify-content:center}body.sol-opp-on .sol-opp-side{grid-row:1;grid-column:2;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}body.sol-opp-on .sol-opp-side .custom-slot{justify-self:center}body.sol-opp-on .main-content>.custom-layout{grid-row:2;grid-column:1}body.sol-opp-on .main-content>.side-slots-container{grid-row:2;grid-column:2}body.sol-opp-on .main-content>.sol-cip-col{grid-row:1 / span 2;grid-column:3}}.custom-slot.sol-opp-slot{background-color:var(--relief-face-opp)}.custom-slot.sol-opp-slot:hover{background-color:#2e3039}.custom-slot.sol-opp-slot[data-slot="20"]:before,.custom-slot.sol-opp-slot[data-slot="21"]:before{content:"";position:absolute;inset:0;background:no-repeat center / calc(var(--slot-width) * .76) auto;transform:rotate(180deg);pointer-events:none}.custom-slot.sol-opp-slot[data-slot="20"]:before{background-image:url(../icons/field-relief.svg?v=2)}.custom-slot.sol-opp-slot[data-slot="21"]:before{background-image:url(../icons/grave-relief.svg?v=2)}.sol-opp-slot>.tier-item-wrapper>.tier-item{transform:rotate(180deg)}.sol-opp-slot>.tier-item-wrapper.is-defense>.tier-item{transform:rotate(90deg)}.sol-opp-slot>.tier-item-wrapper.is-defense.is-set:after{transform:rotate(90deg)}.sol-opp-grave-badge{position:absolute;left:2px;top:2px;z-index:60;display:flex;align-items:center;gap:2px;padding:1px 5px 1px 3px;border:0;border-radius:999px;background:#111216e0;box-shadow:0 1px 3px #0009;color:#e6e9ef;font:700 11px/1 var(--font);cursor:pointer}.sol-opp-grave-badge[hidden]{display:none}.sol-opp-grave-badge>span{color:#e6e9ef}.sol-opp-grave-badge:before{content:"";width:13px;height:13px;background:url(../icons/grave-relief.svg?v=2) center / contain no-repeat;filter:brightness(2.2)}.custom-slot.sol-opp-slot[data-slot="21"].is-open{overflow:visible;z-index:70}.custom-slot.sol-opp-slot[data-slot="21"].is-open:after{content:"";position:absolute;left:-4px;top:-4px;bottom:-4px;width:calc(var(--sol-opp-grave-span, var(--slot-width)) + 8px);border-radius:10px;background:#111216f0;box-shadow:0 6px 18px #0000008c;z-index:0;pointer-events:none}@media(max-width:767px)and (orientation:portrait){body.sol-opp-on .sol-opp-row{order:0;display:grid;grid-template-columns:repeat(5,var(--slot-width));grid-auto-rows:var(--slot-height);column-gap:10px;justify-content:center}body.sol-opp-on .sol-opp-board,body.sol-opp-on .sol-opp-side{display:contents}body.sol-opp-on .sol-opp-slot[data-slot="21"]{grid-column:1}body.sol-opp-on .sol-opp-slot[data-slot="16"]{grid-column:2}body.sol-opp-on .sol-opp-slot[data-slot="17"]{grid-column:3}body.sol-opp-on .sol-opp-slot[data-slot="18"]{grid-column:4}body.sol-opp-on .sol-opp-slot[data-slot="20"]{grid-column:5}body.sol-opp-on .sol-opp-slot[data-slot="15"],body.sol-opp-on .sol-opp-slot[data-slot="19"]{display:none}.sol-opp-row .custom-slot{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.sol-opp-on.sol-opp-wide .sol-opp-row{--slot-width: calc((var(--sol-board-slot, 60px) * 5 + 4px) / 7);--slot-height: calc(var(--slot-width) * 1.45);grid-template-columns:repeat(7,var(--slot-width));column-gap:6px}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="21"]{grid-column:1}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="15"]{display:flex;grid-column:2}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="16"]{grid-column:3}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="17"]{grid-column:4}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="18"]{grid-column:5}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="19"]{display:flex;grid-column:6}body.sol-opp-on.sol-opp-wide .sol-opp-slot[data-slot="20"]{grid-column:7}body.sol-playback .sol-opp-row{pointer-events:none}}body.sol-recview-landscape.sol-opp-on .main-content{row-gap:5px}[data-sample-blur] .sol-opp-slot>.tier-item-wrapper.sample-art:not(.is-set):after{transform:rotate(180deg);transform-origin:center center}[data-sample-blur] .sol-opp-slot>.tier-item-wrapper.is-defense.sample-art:not(.is-set):after{transform:rotate(90deg)}
