:root{color-scheme:dark;--bg:#101019;--text:#f4f2ff;--muted:#a09caf;--lime:#c7fa73;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 12%,#30214688,transparent 45%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:17px;font-weight:900;letter-spacing:2px}.brand-sub{display:block;font-size:9px;letter-spacing:4px;margin-top:5px;color:var(--muted)}.mark{background:var(--lime);color:var(--bg);font-size:36px;line-height:46px;width:48px;height:48px;text-align:center;border-radius:12px;position:relative}.mark span{font-size:18px;vertical-align:top}.status{font-size:10px;letter-spacing:2px;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:9px}.hero{padding:80px 0 75px;position:relative;overflow:hidden}.eyebrow{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:2.7px}h1{font-size:clamp(44px,5.6vw,72px);line-height:1.06;letter-spacing:-3.5px;margin:23px 0}h1 span{color:#b7a1e8}.hero p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-button{display:inline-flex;align-items:center;gap:28px;font-size:10px;font-weight:800;letter-spacing:1px;text-decoration:none;padding:18px 22px;background:var(--lime);color:#172015;border-radius:8px;margin-top:18px}.orb{position:absolute;right:55px;top:65px;width:300px;height:300px;pointer-events:none}.token{position:absolute;left:60px;top:50px;width:190px;height:190px;border-radius:50%;background:linear-gradient(140deg,#e2c6ff,#8861d1 55%,#452675);box-shadow:inset 6px 8px 5px #ffffff66,inset -7px -9px 6px #210d4b99,12px 16px 0 #422764,18px 24px 50px #0008;border:8px solid #ac85e0;transform:rotate(-18deg);text-align:center;font-size:100px;font-weight:900;line-height:130px;color:#38204f;text-shadow:1px 2px #e2b9ff}.token span{display:block;font-size:17px;line-height:18px;letter-spacing:7px}.orbit{position:absolute;inset:12px;border:1px solid #b78ae944;border-radius:50%;transform:rotate(-25deg) scaleX(1.3) scaleY(.75)}.spark{position:absolute;color:var(--lime);font-size:40px}.s1{right:-5px;top:30px}.s2{left:0;top:160px;font-size:28px}.s3{right:0;bottom:0;font-size:20px}.collection-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:29px;letter-spacing:-1px;margin:12px 0 20px}#count{font-size:12px;vertical-align:middle;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:20px;margin-left:8px}.search{display:flex;gap:10px;align-items:center;background:#191823;border:1px solid var(--line);border-radius:9px;padding:11px 14px}.search span{font-size:24px}.search input{background:none;color:var(--text);border:0;width:190px;outline:none;font-size:13px}.search:focus-within{border-color:var(--lime)}.filters{display:flex;gap:8px;margin:4px 0 26px;flex-wrap:wrap}.filters button{cursor:pointer;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:24px;padding:9px 17px;font-size:12px}.filters button[aria-pressed=true]{background:var(--lime);color:#172015;border-color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.game{display:block;overflow:hidden;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#1a1824;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-5px);border-color:#c7fa7388}.shot{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#422c68,#1d273c)}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.game:hover img{transform:scale(1.04)}.badge{position:absolute;top:14px;left:14px;background:#101019b8;backdrop-filter:blur(10px);padding:7px 10px;border:1px solid #ffffff20;border-radius:6px;font-size:9px;letter-spacing:1px}.play{position:absolute;bottom:14px;right:14px;background:var(--lime);color:#132119;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:19px}.details{padding:20px}.details h3{font-size:21px;letter-spacing:1px;margin:0 0 3px}.subtitle{font-size:12px;color:#c1aedf}.details p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--muted)}.note{display:flex;align-items:center;gap:20px;padding:27px 30px;border:1px dashed #ffffff26;border-radius:12px;margin:44px 0 55px}.note>span:first-child{font-size:30px;color:var(--lime)}.note strong{font-size:13px}.note p{font-size:12px;color:var(--muted);margin:7px 0 0}.note-end{margin-left:auto;font-size:9px;letter-spacing:2px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;font-size:10px;letter-spacing:.7px;color:var(--muted)}.muted{opacity:.6}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}#empty{padding:30px;color:var(--muted)}@media(max-width:1000px){.orb{right:0;opacity:.55;transform:scale(.75);transform-origin:right center}.hero h1,.hero p,.hero-button,.hero .eyebrow{position:relative;z-index:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{height:90px}.status{font-size:8px;letter-spacing:1px}.brand{font-size:13px}.hero{padding:55px 0}.hero h1{letter-spacing:-2px}.orb{display:none}.collection-head{display:block}.search{margin:4px 0 18px}.search input{width:100%}.grid{grid-template-columns:1fr}.note{padding:20px;align-items:flex-start}.note-end{display:none}footer{flex-direction:column;font-size:9px}.hero p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}