@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f5ff;--muted:#9e9aaf;--panel:#121018;--line:#292631;--pink:#ff3dab;--cyan:#2cecff;--yellow:#ffe04a}*{box-sizing:border-box}html{background:#08070b}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#27102b 0,#0000 25%),radial-gradient(circle at 93% 30%,#07262d 0,#0000 24%),#08070b;min-height:100vh;margin:0;font-family:Noto Sans SC,sans-serif}button,input{font:inherit}button{cursor:pointer}main{width:min(1180px,100% - 40px);margin:auto;padding:56px 0 30px}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:38px;display:flex}.eyebrow,.section-kicker{letter-spacing:.18em;color:var(--cyan);margin:0 0 9px;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700}.eyebrow span{background:linear-gradient(90deg,var(--pink),var(--cyan));width:23px;height:2px;margin:0 9px 3px 0;display:inline-block}h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,7vw,78px);font-weight:900;line-height:1}h1 span{color:#0000;-webkit-text-stroke:1.5px var(--pink);text-shadow:0 0 24px #ff3dab55;margin:0 8px}.subtitle{color:var(--muted);margin:16px 0 0}.reset-button{color:#c5c1cd;background:0 0;border:1px solid #3a3643;border-radius:4px;padding:12px 18px}.reset-button:hover{border-color:var(--pink);color:#fff}.stats{border-bottom:1px solid var(--line);background:#0e0d12;grid-template-columns:repeat(3,1fr);display:grid}.stats div{text-align:center;padding:24px 8px;position:relative}.stats div+div:before{content:"";background:var(--line);width:1px;height:50%;position:absolute;top:25%;left:0}.stats b{font:700 32px Chakra Petch;display:block}.stats div:first-child b{color:var(--cyan)}.stats div:nth-child(2) b{color:var(--pink)}.stats div:last-child b{color:var(--yellow)}.stats span{color:#7f7b88;font-size:12px}.draw-panel{background:linear-gradient(120deg,#15121a,#0d1115);border:1px solid #302d37;justify-content:space-between;align-items:center;margin:42px 0 64px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.draw-panel:after{content:"";border:28px solid #2cecff08;width:180px;height:180px;position:absolute;right:23%;transform:rotate(30deg)}h2{margin:0;font-size:25px}.draw-panel p:last-child{color:#8f8998;margin-bottom:0;font-size:13px}.draw-panel p.error{color:#ff7dbd}.draw-controls{z-index:1;align-items:end;gap:12px;display:flex}label span{color:#8f8998;margin:0 0 7px;font-size:11px;display:block}input{color:#fff;background:#09080c;border:1px solid #393541;outline:none;width:100px;padding:13px}input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #2cecff22}.draw-button,.use-button{color:#09070b;background:linear-gradient(100deg,var(--pink),#ff77ce);border:0;padding:14px 28px;font-weight:800;box-shadow:0 0 24px #ff3dab2e}.draw-button span{padding-left:22px}.draw-button:disabled{filter:grayscale();opacity:.4;cursor:not-allowed;box-shadow:none}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:24px;padding-bottom:18px;display:flex}.section-heading p:last-child{color:#706c78;font-size:12px}.section-heading em{color:var(--pink);vertical-align:middle;border:1px solid #ff3dab55;border-radius:20px;padding:3px 8px;font:600 12px Chakra Petch}.card-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.game-card{background:linear-gradient(155deg,#1b1520,#0d0c11 60%);border:1px solid #39333f;border-radius:13px;flex-direction:column;min-height:365px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0008}.game-card:before{content:"";background:linear-gradient(135deg,var(--pink),transparent 32%,transparent 70%,var(--cyan));-webkit-mask-composite:xor;pointer-events:none;border-radius:13px;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.card-topline{letter-spacing:.12em;color:var(--pink);justify-content:space-between;font:600 10px Chakra Petch;display:flex}.card-topline small{color:#686270}.orb{background:radial-gradient(circle at 35% 30%,#fff,var(--cyan) 7%,#122f41 23%,#07070b 65%);border-radius:50%;width:84px;height:84px;margin:30px auto 24px;box-shadow:0 0 28px #2cecff52}.game-card:nth-child(3n+2) .orb{background:radial-gradient(circle at 35% 30%,#fff,var(--pink) 7%,#41122d 23%,#07070b 65%);box-shadow:0 0 28px #ff3dab52}.game-card:nth-child(3n) .orb{background:radial-gradient(circle at 35% 30%,#fff,var(--yellow) 7%,#3d3610 23%,#07070b 65%);box-shadow:0 0 28px #ffe04a44}.game-card h3{text-align:center;margin:0 0 14px;font-size:23px}.game-card p{color:#aaa5b1;flex:1;margin:0 0 22px;font-size:13px;line-height:1.75}.use-button{color:#fff;width:100%;box-shadow:none;background:0 0;border:1px solid #ff3dab66;padding:11px}.use-button:hover{background:var(--pink);color:#08070b}.is-used{opacity:.45;filter:saturate(.35)}.is-used .card-topline span{color:#aaa}.is-fresh{animation:.65s both flip}@keyframes flip{0%{opacity:0;transform:perspective(800px)rotateY(90deg)scale(.92)}to{opacity:1;transform:none}}.used-section{margin-top:70px}.empty{color:#716c79;text-align:center;background:#0c0b0f88;border:1px dashed #302c36;padding:64px 20px}.empty.small{padding:36px}footer{color:#55515c;text-align:center;padding:65px 0 10px;font-size:11px}.loading{min-height:100vh;color:var(--cyan);letter-spacing:.2em;place-items:center;display:grid}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}.draw-panel{flex-direction:column;align-items:flex-start;gap:25px}.draw-controls{width:100%}.draw-button{flex:1}}@media (width<=560px){main{width:100% - 24px;padding-top:28px}.hero{flex-direction:column;align-items:flex-start;gap:28px}.reset-button{align-self:flex-end}.stats b{font-size:25px}.draw-panel{margin-top:24px;padding:24px 18px}.draw-controls{flex-direction:column;align-items:stretch}input{width:100%}.card-grid{grid-template-columns:1fr}.game-card{min-height:350px}.section-heading>p{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}