:root{--_gameTileSize:calc(var(--tileSize) * 2)}main{display:flex;@media (aspect-ratio<=2/3){padding-top:calc(var(--tileSize) * 4)}&>.prose{width:1000px;height:max-content}}._XQJMx-gamesArea{--_spacing:calc(var(--tileSize));gap:var(--_spacing);padding:var(--_spacing);display:flex;@media (aspect-ratio<=2/3){padding-bottom:200px}}._Hc6iK-preview{color:var(--color-neutral-m100);place-items:center;display:grid;@media (aspect-ratio<=4/3) and (aspect-ratio>=2/3){display:none}@media (aspect-ratio>=4/3){anchor-name:--item-anchor;width:min(20vw,300px)}}._TmFfT-listArea,._F7lfF-list{gap:var(--_spacing);flex-direction:column;display:flex}@media (aspect-ratio<=2/3){._TmFfT-listArea{z-index:1;gap:var(--pixelSize);padding:var(--pixelSize);background-color:#000;width:100%;position:fixed;bottom:0;left:0}._F7lfF-list{margin-inline:calc(var(--pixelSize) * -1);padding:calc(var(--pixelSize) * 2);height:calc(var(--pixelSize) * 4 + var(--_gameTileSize));flex-direction:row;overflow:auto}}._6IpaZ-ladder{--_authorAvatarSize:75px;--_element-width:calc(var(--tileSize) * 2);--_color-surface:#0004;--_areasGap:var(--pixelSize);--_itemsGap:calc(var(--tileSize) / 2);gap:var(--_areasGap);flex-wrap:wrap;display:flex;& ._Ci3B7-smallScreenInfo{font-style:italic;display:none}}:where(._UgBaR-tiers){gap:var(--_areasGap);flex-direction:column;flex-grow:1;display:flex;& ._kP7Ln-header{gap:1lh;margin-bottom:1em}& ._v64Aw-row{grid-template:"label legend" "label assignements" "desc  desc" / var(--tileSize) 1fr;border:var(--border-width) solid var(--color-blue);border-radius:var(--border-width);corner-shape:notch;background-color:var(--_color-surface);align-items:center;display:grid;overflow:hidden;& ._yUYGK-label{background-color:var(--_color-surface);height:100%;font-size:var(--tileSize);color:var(--color-neutral-m100);grid-area:label;place-items:center;font-weight:700;display:grid}& ._cpRc--assignements{gap:var(--_itemsGap);padding:var(--_itemsGap);min-height:calc(var(--_element-width) + var(--_itemsGap) * 2);min-width:calc(var(--_element-width) * 3 + var(--_itemsGap) * 4 + var(--border-width) * 2);grid-area:assignements;display:flex}& ._lG9tc-legend{padding:var(--pixelSize) calc(var(--pixelSize) * 2);background-color:var(--_color-surface);color:var(--color-neutral-m100);grid-area:legend;justify-content:space-between;display:flex}& ._0EXx9-description{padding:calc(var(--_itemsGap) / 2);background-color:var(--_color-surface);color:var(--color-neutral-m100);grid-area:desc}}}._-zU-n-item{& ._NlWMv-handle{width:var(--_element-width);height:var(--_element-width);background:var(--_color-surface) center / cover var(--bgr);cursor:move;touch-action:none;min-height:25px;font-size:20px;font-weight:700;display:block}}._DFHpP-isDragOver{background-color:var(--color-secondary)}._6HI8o-game{width:var(--_gameTileSize);aspect-ratio:1;border-radius:var(--pixelSize);corner-shape:notch;background:var(--_color-dimming) center / cover var(--bgr);cursor:move;user-select:none;touch-action:none;font-weight:700;display:block;@media (aspect-ratio<=2/3){touch-action:pan-x}&.isOverSource{outline:var(--border-width) solid var(--color-brown);outline-offset:var(--border-width)}&:has(:popover-open){outline:var(--border-width) solid var(--color-green);outline-offset:var(--pixelSize)}& ._MyYj8-handle{width:100%;height:100%;padding:var(--pixelSize);place-items:flex-start;font-size:20px;display:grid}& ._wN-JL-overview{position-anchor:--item-anchor;left:anchor(left, 50%);right:anchor(right, 50%);top:anchor(top, 50%);bottom:anchor(bottom, 50%);gap:var(--tileSize);border:var(--border-width) solid var(--color-blue);border-radius:var(--border-width);corner-shape:notch;background:linear-gradient(#00000080, #00000080), var(--_color-dimming) center / cover var(--bgr);cursor:default;z-index:101;flex-direction:column;width:auto;height:auto;padding:8px;display:flex;position:absolute;:is(:not(:hover),.isDragging)>&:not(:popover-open){display:none}@media (aspect-ratio<=4/3){width:min(80vw,350px);height:80dvh;position:fixed;translate:-50%;&:not(:popover-open){display:none}}& ._QHJ-H-comment{margin-top:auto}&>img{width:128px;height:unset;aspect-ratio:1;border-radius:var(--pixelSize);corner-shape:notch;margin-inline:auto}}}
