@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',system-ui,sans-serif;color:#e8f2f6;background:#06101c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #233246;background:#081420}header .brand{font-weight:700;letter-spacing:.2em;font-size:14px}header .brand b{color:#74ffd7}header nav{display:flex;gap:25px;font-size:13px;color:#b4c7d3}header nav a:hover{color:#74ffd7}.eyebrow,.label{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;color:#7cffd6;text-transform:uppercase}.wrap{max-width:1240px;margin:auto;padding:72px 24px 90px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.hero h1{font-size:clamp(54px,10vw,132px);line-height:.84;letter-spacing:-.08em;margin:18px 0 22px}.hero h1 em{font-style:normal;color:#7cffd6}.hero p{max-width:550px;color:#a9bccb;font-size:18px;line-height:1.5;margin:0}.hero .count{text-align:right;font:500 12px 'DM Mono',monospace;color:#8ca3b2;white-space:nowrap}.hero .count strong{display:block;font:700 58px 'Space Grotesk';color:#eaf8fa;line-height:1}.sectionbar{display:flex;justify-content:space-between;border-bottom:1px solid #33495a;padding-bottom:15px;margin:44px 0 20px;color:#93aaba;font:12px 'DM Mono',monospace;letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #304457;background:#0d1c2a;overflow:hidden;display:flex;flex-direction:column;min-height:480px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#77ebce}.art{height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art.ember{background:radial-gradient(circle at 50% 85%,#f59b53 0,#5d644a 22%,#204d57 47%,#122537 80%)}.art.ember:before{content:'◆';font-size:170px;color:#65a69a;text-shadow:0 20px #31444f;transform:rotate(45deg) scaleY(.7)}.art.ember:after{content:'✦';position:absolute;top:32px;right:45px;color:#ffe8ad;font-size:45px}.art.starfall{background:radial-gradient(circle at 80% 20%,#7430a1,#181944 40%,#081327)}.art.starfall:before{content:'✦  ·   ✧  ·';color:#e8d4ff;font-size:45px;letter-spacing:12px;transform:rotate(-24deg)}.art.starfall:after{content:'▲';font-size:100px;color:#81edff;position:absolute;bottom:-31px;transform:rotate(-30deg);text-shadow:0 0 25px #48cdf0}.art.circuit{background:radial-gradient(circle,#1f6159,#07343e 55%,#09222c)}.art.circuit:before{content:'┏━┓\A┃╋┃\A┗━┛';white-space:pre;font:700 61px/0.8 'DM Mono',monospace;color:#8fffd7;text-shadow:0 0 25px #6affba;transform:rotate(-11deg)}.num{position:absolute;top:18px;left:20px;font:12px 'DM Mono',monospace;color:#f5f7f5}.card-body{padding:25px;display:flex;flex:1;flex-direction:column}.card h2{font-size:32px;line-height:1;margin:13px 0 12px;letter-spacing:-.04em}.card p{font-size:15px;line-height:1.5;color:#a9bfca;margin:0}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.pills span{border:1px solid #3a5060;padding:6px 8px;font:10px 'DM Mono',monospace;color:#9fb9c5}.play{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #304457;margin-top:auto;padding-top:23px;color:#91ffe0;font-weight:700}.play span{font-size:23px}footer{border-top:1px solid #2b4052;padding:25px 0 0;margin-top:70px;color:#8aa4b2;font:12px 'DM Mono',monospace;display:flex;justify-content:space-between}.game-head{padding:20px 24px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.game-head a{font:12px 'DM Mono',monospace;color:#8af5d5}.game-head h1{font-size:16px;margin:0;letter-spacing:.1em}.game-shell{max-width:1240px;margin:auto;padding:0 24px 24px}.game-frame{height:calc(100dvh - 160px);min-height:500px;width:100%;border:1px solid #33495a;background:#091b23}.game-note{font-size:12px;color:#8aa4b2;line-height:1.5;margin:10px 0}@media(max-width:850px){.grid{grid-template-columns:1fr}.card{min-height:0}.art{height:190px}.hero .count{display:none}.wrap{padding-top:45px}.game-frame{height:calc(100dvh - 148px);min-height:400px}header{padding:0 20px}header nav{gap:12px;font-size:11px}}