@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#f4f4ef;--muted:#a1a49e;--lime:#d7fc70;--bg:#10120f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30332b;padding:0 32px}.logo{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;letter-spacing:-2px}.logo span{color:var(--lime)}.logo i{color:var(--lime);font-size:9px;vertical-align:top;margin-left:7px}nav{display:flex;gap:32px;font-size:14px;color:#ccc}.pill,.eyebrow,.details,.tag{font-size:10px;font-weight:700;letter-spacing:1.7px}.pill{border:1px solid #414537;padding:11px 16px;border-radius:30px}main{padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:78px 0 80px}.eyebrow{color:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(46px,6.2vw,79px);line-height:1.04;letter-spacing:-4px;margin:23px 0}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);line-height:1.7;font-size:15px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;background:var(--lime);color:#151a0b;border:0;border-radius:8px;padding:17px 22px;font-weight:700;font-size:14px;margin:16px 0}.details{color:#91968b;font-size:9px;letter-spacing:1.2px;margin-top:17px}.details b{padding:0 11px}.hero-art{position:relative;min-height:410px;background:radial-gradient(ellipse at center,#343b253d,transparent 70%);overflow:hidden}.tile{display:grid;place-items:center;position:absolute;width:175px;height:175px;border-radius:34px;font-size:170px;line-height:1;font-family:Arial;box-shadow:0 24px 0 #15170f,0 30px 50px #0005}.cross{background:#c7aff7;color:#35244b;top:45px;left:20px;transform:rotate(-14deg)}.circle{background:var(--lime);color:#354318;right:15px;top:145px;transform:rotate(12deg)}.small{font-size:50px;background:#292e23;color:var(--lime);width:90px;height:90px;top:260px;left:55px;transform:rotate(-12deg);border:1px solid #49503b}.orbit{position:absolute;right:30px;top:30px;transform:rotate(8deg);font-size:12px;letter-spacing:3px;color:#c5cbbd}.art-caption{position:absolute;bottom:0;right:12px;font-size:9px;letter-spacing:2px;color:#797e72}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}h2{font-size:36px;letter-spacing:-1.5px;line-height:1.15;margin:12px 0}.section-title>span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:0;text-align:left;border:1px solid #33372c;border-radius:15px;overflow:hidden;background:#191c16;color:var(--ink);transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-6px);border-color:var(--lime)}.cover{height:225px;position:relative;display:grid;place-items:center;overflow:hidden}.purple{background:#b7a0de;color:#392853}.green{background:#c9e7a1;color:#44603a}.orange{background:#edb284;color:#80502f}.blue{background:#a9d6e5;color:#27424d}.mini-grid{font-size:62px;line-height:.92;letter-spacing:8px;transform:rotate(-12deg);font-weight:700}.dots{font-size:55px;line-height:.85;letter-spacing:6px;transform:rotate(10deg);color:#345539;text-shadow:0 4px #779b58}.sticks{font-size:40px;line-height:.9;font-weight:bold;transform:rotate(-8deg)}.tag{position:absolute;left:17px;bottom:16px;background:#ffffffb0;color:#26301d;padding:8px 10px;border-radius:4px;font-size:8px}.card-body{padding:22px}h3{font-size:22px;margin:0}h3 span{float:right;color:var(--lime)}.card p{font-size:13px;margin:9px 0 22px}.card small{color:#8a9181;font-size:11px}.about{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:center;margin:85px 0 55px;border-top:1px solid #30332b;padding-top:55px}.spark{font-size:60px;color:var(--lime)}.about p{max-width:410px;font-size:14px}footer{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #30332b;color:#92998a;font-size:11px}footer button{background:none;color:inherit;border:0}dialog{width:min(94vw,570px);background:#191d16;color:var(--ink);border:1px solid #4c5940;border-radius:20px;padding:26px;max-height:92vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top button{background:none;color:white;border:0;font-size:23px}#status{min-height:35px;color:var(--lime);font-weight:600;margin:16px 0}#board{display:grid;gap:8px;margin:18px auto;max-width:420px}#board.ttt{grid-template-columns:repeat(3,1fr);max-width:300px}#board.connect{grid-template-columns:repeat(7,1fr)}.cell{aspect-ratio:1;border:1px solid #4c5940;border-radius:9px;background:#283021;color:#d7fc70;font-size:44px;display:grid;place-items:center;padding:0}.connect .cell{border-radius:50%;font-size:25px}.cell:disabled{cursor:default;opacity:1}.cell.ai{color:#c7aff7}.nim-pile{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:12px}.nim-pile button{background:#edb284;color:#3c2311;border:0;border-radius:5px;padding:12px;min-width:42px}.nim-pile span{width:100%;text-align:center;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #b4a0ff;outline-offset:4px}@media(max-width:700px){header{height:80px;padding:0 20px}.pill{display:none}nav{gap:20px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:45px 0}.hero-art{min-height:330px;max-width:400px;width:100%;margin:auto}h1{letter-spacing:-2.5px}.hero p br{display:none}.cross{top:20px}.circle{top:100px}.small{top:205px}.section-title{display:block}.section-title>span{display:block;margin-top:15px}.cards{grid-template-columns:1fr}.cover{height:230px}.about{grid-template-columns:1fr;gap:12px;margin:55px 0 30px}.spark{font-size:40px}.about h2 br{display:none}footer{flex-wrap:wrap;padding:25px 20px}footer>span:nth-child(2){width:65%}h2{font-size:30px}}