.xs{padding:0;border:0;background:transparent;color:#f2efe8;max-width:none;max-height:none;width:100%;height:100%;overflow:auto}
.xs::backdrop{background:rgba(5,4,4,.82)}
.xs[open]{display:flex;align-items:center;justify-content:center}
.xs-in{position:relative;width:min(1080px,calc(100vw - 32px));margin:auto;padding:clamp(18px,3vw,34px);background:#0b0a09;border:2px solid #f2efe8;box-shadow:0 20px 60px rgba(0,0,0,.7);
  display:flex;flex-direction:column;align-items:center;gap:18px}
.xs-title{margin:0;font:italic 400 clamp(28px,3.4vw,44px)/1 "Instrument Serif",Georgia,serif;letter-spacing:0}
.xs-close{position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:transparent;color:#f2efe8;font:400 30px/1 system-ui,sans-serif;cursor:pointer}
.xs-close:hover,.xs-close:focus-visible{color:#0b0a09;background:#f2efe8;outline:none}
.xs-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%}
.xs-reel{margin:0;display:flex;flex-direction:column;gap:7px;min-width:0}
.xs-win{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#000;border:1px solid #3a3733}
.xs-strip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;will-change:transform}
.xs-strip img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;flex:none}
.xs-cat{font:700 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#b9b4aa}
.xs-status{margin:0;min-height:1em;font:400 12px/1.3 "JetBrains Mono",ui-monospace,monospace;color:#8f8a80}
.xs-again{font:700 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;color:#0b0a09;background:#f2efe8;border:2px solid #f2efe8;border-radius:0;padding:13px 20px;min-height:44px;cursor:pointer}
.xs-again:hover,.xs-again:focus-visible{background:#0b0a09;color:#f2efe8;outline:none}
.xs-link{font:400 13px/1.3 "JetBrains Mono",ui-monospace,monospace;color:#f2efe8;text-underline-offset:3px}
.xs-link:focus-visible{outline:2px solid #f2efe8;outline-offset:3px}
.xs.is-offline .xs-grid,.xs.is-offline .xs-again,.xs.is-offline .xs-status{display:none}   
.xs.is-loading .xs-again{visibility:hidden}
html.xs-open{overflow:hidden}
button.hit{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
button.hit:hover .face,button.hit:focus-visible .face{transform:rotate(0deg) translateY(calc(-.5 * var(--cq,1cqw)));box-shadow:0 calc(1.4 * var(--cq,1cqw)) calc(2.2 * var(--cq,1cqw)) rgba(0,0,0,.6),0 calc(.2 * var(--cq,1cqw)) calc(.3 * var(--cq,1cqw)) rgba(0,0,0,.6)}
button.hit:focus-visible .face{outline:2px solid #ff3d00;outline-offset:3px}
@media (max-width:760px){ .xs-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .xs-in{gap:14px} }
@media (max-width:360px){ .xs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (prefers-reduced-motion:reduce){ .xs-strip{transform:none!important} }