@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#06090c;--panel:#0a0e16;--panel2:#0e1420;--lime:#bbff09;--white:#f2f5fa;--muted:#a6b0c1;--line:rgba(187,255,9,.2);--mono:'DM Mono',Menlo,monospace;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.wrap{max-width:1200px;width:88%;margin:auto}
.topline{height:76px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);gap:24px}.wordmark{display:flex;align-items:center;gap:8px;font:700 17px var(--display);letter-spacing:-.6px}.wordmark>span:last-child{color:var(--lime)}.mark{width:27px;height:27px;display:grid;place-items:center;background:var(--lime);color:#080b0d;font:700 19px var(--display);clip-path:polygon(0 0,100% 0,100% 75%,70% 100%,0 100%)}.top-tag{font:9px var(--mono);letter-spacing:1.5px;color:#9da7b7;margin-left:10px}.top-tag i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--lime)}.back-link{margin-left:auto;font:9px var(--mono);letter-spacing:1px;color:#a5afbe}.back-link b{color:var(--lime);font-size:15px;margin-left:8px}
.intro{position:relative;min-height:390px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(187,255,9,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(187,255,9,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.intro-copy{position:relative;z-index:2;padding:62px 0 75px;max-width:660px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font:9px var(--mono);letter-spacing:1.5px;margin:0 0 20px}.eyebrow>span{width:18px;height:2px;background:var(--lime)}h1{font:700 clamp(48px,7.6vw,88px)/.91 var(--display);letter-spacing:-.075em;margin:0}h1 em{font-style:normal;color:var(--lime)}.intro-text{max-width:420px;color:#a6b0c1;font-size:13px;line-height:1.8;margin:20px 0 0}.intro-graphic{position:absolute;right:6%;top:50%;width:300px;height:300px;transform:translateY(-50%);z-index:1}.disc{position:absolute;border-radius:50%}.disc-back{inset:10px;border:1px solid rgba(187,255,9,.32);box-shadow:0 0 0 20px rgba(187,255,9,.025),0 0 0 42px rgba(187,255,9,.018)}.disc-front{inset:65px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#e7ff9a,#bbff09 20%,#567d08 58%,#121b0c 75%);box-shadow:0 0 60px rgba(187,255,9,.16),inset -20px -20px 35px #080b0b;transform:rotate(-13deg)}.disc-front b{font:700 120px var(--display);color:#172005;letter-spacing:-.1em}.float-label{position:absolute;background:#0a0e16;border:1px solid rgba(255,255,255,.18);padding:8px 10px;font:8px var(--mono);letter-spacing:1px;color:#cbd2dc}.label-one{top:55px;right:-6px}.label-two{bottom:50px;left:-8px}.spark{position:absolute;color:var(--lime);font-size:23px}.spark-one{left:22px;top:57px}.spark-two{right:15px;bottom:52px;color:#8edff2}.intro-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.09);padding:13px 0;display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:1px;color:#6f7a8c}.intro-bottom b{color:var(--lime);font-size:13px;margin-left:6px}
.categories{padding:55px 0 58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font:700 clamp(28px,4vw,43px)/1 var(--display);letter-spacing:-.06em;margin:0}.section-heading h2 span{color:var(--lime)}.section-note{font-size:11px;line-height:1.7;color:#8490a2;margin:0 0 2px}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-heading{grid-column:1/-1}.category{min-width:0;background:var(--panel);border:1px solid rgba(255,255,255,.09);transition:transform .2s,border-color .2s,background .2s;overflow:hidden}.category:hover{transform:translateY(-3px);border-color:rgba(187,255,9,.55);background:var(--panel2)}.card-visual{height:165px;position:relative;overflow:hidden;isolation:isolate}.card-visual:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,8,12,.48),transparent 75%)}.visual-index{position:absolute;top:13px;left:16px;font:8px var(--mono);letter-spacing:1.2px;color:rgba(255,255,255,.65)}.visual-word{position:absolute;right:13px;bottom:-17px;font:700 72px/.9 var(--display);letter-spacing:-.08em;color:rgba(255,255,255,.14)}.visual-arcade{background:radial-gradient(ellipse at 52% 40%,rgba(187,255,9,.23),transparent 35%),linear-gradient(120deg,#18261a,#0c1218 65%,#11242a)}.arcade-sun{position:absolute;top:29px;left:45%;width:75px;height:75px;border-radius:50%;background:linear-gradient(#e4ff9b,#75a819);box-shadow:0 0 32px rgba(187,255,9,.25)}.arcade-floor{position:absolute;left:-10%;right:-10%;bottom:-66px;height:125px;background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(187,255,9,.36) 36px 37px),linear-gradient(rgba(187,255,9,.12),#080c10);transform:perspective(120px) rotateX(35deg);border-top:1px solid rgba(187,255,9,.5)}.visual-glyph{position:absolute;top:45px;left:53%;font-size:35px;color:#f1ffc9;text-shadow:0 0 20px var(--lime)}.visual-puzzle{background:radial-gradient(ellipse at 60% 30%,rgba(87,175,255,.2),transparent 40%),linear-gradient(125deg,#17263a,#0a0e17)}.puzzle-diamond{position:absolute;width:65px;height:65px;border:1px solid rgba(120,194,255,.75);transform:rotate(45deg);background:rgba(120,194,255,.08)}.diamond-a{top:53px;left:27%}.diamond-b{top:69px;left:46%;border-color:rgba(187,255,9,.75);background:rgba(187,255,9,.08)}.diamond-c{top:39px;left:65%;width:45px;height:45px}.visual-adventure{background:radial-gradient(ellipse at 72% 25%,rgba(177,113,255,.23),transparent 35%),linear-gradient(130deg,#261a36,#10101a)}.adventure-moon{position:absolute;right:24%;top:28px;width:65px;height:65px;border-radius:50%;background:#dfc8ff;box-shadow:0 0 35px rgba(177,113,255,.28)}.adventure-mountains{position:absolute;inset:auto 0 -5px;height:100px;background:linear-gradient(145deg,#594070,#171321);clip-path:polygon(0 65%,19% 27%,34% 58%,56% 12%,76% 62%,91% 35%,100% 59%,100% 100%,0 100%)}.visual-classics{background:radial-gradient(ellipse at 50% 40%,rgba(255,183,92,.2),transparent 40%),linear-gradient(130deg,#302217,#111117)}.classic-sun{position:absolute;top:2px;left:39%;font-size:120px;color:#ffd6a1;text-shadow:0 0 30px rgba(255,183,92,.2)}.classic-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,201,141,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,201,141,.09) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000)}.card-content{padding:18px 19px 15px}.card-meta{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:1px;color:var(--lime)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px rgba(187,255,9,.6)}.meta-divider{color:#566174;margin:0 2px}.muted-meta{color:#8792a4}.status-square{width:6px;height:6px;background:#626e80}.card-content h3{font:700 30px/1.1 var(--display);letter-spacing:-1px;margin:9px 0 5px}.card-arrow{float:right;color:var(--lime);font:22px Arial,sans-serif;transition:transform .2s}.category:hover .card-arrow{transform:translate(3px,-3px)}.card-content>p{font-size:11px;line-height:1.65;color:#9aa5b6;margin:0 0 17px}.game-row{display:flex;align-items:center;gap:11px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09)}.game-thumb{display:grid;place-items:center;width:37px;height:37px;background:linear-gradient(135deg,#caff36,#436c07);color:#101608;font:700 15px var(--display);box-shadow:0 0 20px rgba(187,255,9,.1)}.game-thumb span{font-size:9px}.game-name{display:flex;flex-direction:column;gap:4px}.game-name small{font:8px var(--mono);letter-spacing:.8px;color:#8490a2}.game-name b{font-size:12px}.play-pill{margin-left:auto;border:1px solid rgba(187,255,9,.4);padding:9px 11px;color:var(--lime);font:9px var(--mono);letter-spacing:.6px}.play-pill b{margin-left:8px}.coming-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);font-size:10px;color:#7e899a}.coming-row b{font:9px var(--mono);color:#5c687a}
.ad-area{padding:0 0 34px;text-align:center}.ad-area>span{display:block;font:8px var(--mono);letter-spacing:1.5px;color:#687384;margin-bottom:9px}.ad-box{min-height:76px;border:1px dashed rgba(255,255,255,.13);background:rgba(10,14,22,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#6a7484}.ad-box b{font-size:11px}.ad-box small{font-size:9px}footer{border-top:1px solid rgba(255,255,255,.09);padding:18px 0 23px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer>.wordmark{font-size:14px}footer>.wordmark .mark{width:23px;height:23px;font-size:16px}footer>span,footer>a:last-child{font:8px var(--mono);letter-spacing:.8px;color:#788496}footer>a:last-child{margin-left:auto;color:var(--lime)}
@media(max-width:700px){.wrap{width:90%}.topline{height:65px}.top-tag{font-size:8px}.intro{min-height:400px;align-items:flex-start}.intro-copy{padding:67px 0 95px;max-width:100%}h1{font-size:clamp(47px,11.5vw,72px)}.intro-text{max-width:300px;font-size:12px}.intro-graphic{width:190px;height:190px;right:-37px;top:67%;opacity:.48}.disc-front{inset:42px}.disc-front b{font-size:85px}.label-one,.label-two,.spark{display:none}.intro-bottom{font-size:7px}.categories{grid-template-columns:1fr;padding-top:42px;gap:12px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:32px}.section-note{margin-top:11px}.card-visual{height:155px}.card-content{padding:17px 16px 14px}.card-content h3{font-size:28px}.ad-area{padding-bottom:28px}footer{gap:12px}footer>span{order:3;width:100%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}