:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f0e9;font-synthesis:none;background:#111210;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#111210;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.randomizer{width:min(760px,100% - 28px);margin:0 auto;padding:28px 0}.title-row{justify-content:flex-end;margin-bottom:10px;display:flex}.draw-button{color:#161713;cursor:pointer;background:#f2f0e9;border:0;border-radius:6px;flex:none;align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.draw-button:hover{background:#fff}.draw-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.draw-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px}.cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hero-card{aspect-ratio:.72;background:#1a1b18;border:1px solid #34352f;border-radius:4px;min-width:0;animation:.22s ease-out both reveal;position:relative;overflow:hidden}.hero-card:nth-child(2){animation-delay:25ms}.hero-card:nth-child(3){animation-delay:50ms}.hero-card:nth-child(4){animation-delay:75ms}.hero-card:nth-child(5){animation-delay:.1s}.hero-card:nth-child(6){animation-delay:.125s}.hero-card:nth-child(7){animation-delay:.15s}.hero-card:nth-child(8){animation-delay:.175s}.hero-card img{object-fit:cover;object-position:center top;width:100%;height:100%}.card-shade{background:linear-gradient(#0000 48%,#070807f5 100%);position:absolute;inset:0}.player,.hero-card h2{z-index:1;position:absolute;left:10px}.player{color:#fff;text-shadow:0 2px 8px #000,0 1px 2px #000;font-size:28px;font-weight:800;line-height:1;top:8px;bottom:auto}.hero-card h2{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(16px,2.2vw,21px);line-height:1;bottom:10px;right:8px;overflow:hidden}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}}@media (width<=640px){.randomizer{padding:18px 0}.title-row{align-items:center}.draw-button span{display:none}.draw-button{padding:9px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.hero-card h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}