@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:#252630;--muted:#74747c;--paper:#f7f7f2;--purple:#6b48e8;--line:#deded7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed8e34;outline-offset:4px}header{height:90px;display:flex;align-items:center;gap:40px;max-width:1320px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.3px;display:flex;align-items:center;gap:5px}.logo>span:not(.logo-icon){font-weight:400}.logo-icon{color:var(--purple);font-size:40px;margin-right:6px}.logo small{font:9px 'DM Sans';letter-spacing:1px;border:1px solid #bbb;border-radius:4px;padding:4px;margin-left:8px}nav{display:flex;gap:32px;margin:auto;font-weight:500}nav a:hover,footer a:hover{color:var(--purple)}.nav-play{background:var(--ink);color:white;padding:12px 20px;border-radius:8px;font-weight:600}main{max-width:1240px;margin:auto;padding:0 0 60px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding:58px 0 48px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px}.hero .eyebrow{color:var(--purple);display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:#7cba79;display:inline-block}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-1px}h1{font-size:65px;line-height:1.04;margin:20px 0}h1 em{font-style:normal;color:var(--purple)}.hero p{color:var(--muted);line-height:1.7;font-size:16px;max-width:400px}.primary{display:inline-block;background:var(--purple);color:white;border:0;border-radius:8px;padding:14px 23px;font-weight:700}.primary:hover{background:#5634d3}.hero-actions{display:flex;align-items:center;gap:22px;margin:25px 0}.hero-note{font-size:12px;color:var(--muted)}.feature{background:#dfd7fc;border:1px solid #c9bbed;border-radius:18px;padding:25px 28px;position:relative;overflow:hidden;transform:rotate(1deg)}.feature-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px}.feature-art{height:195px;display:flex;align-items:center;justify-content:center}.feature-bottom{display:flex;align-items:center;justify-content:space-between}.feature-bottom h2{font-size:25px;margin:5px 0}.feature-bottom p{font-size:13px;margin:0;color:#64577c}.round{height:46px;width:46px;background:var(--ink);color:white;border-radius:50%;display:grid;place-items:center;font-size:24px}.ad{border:1px dashed #d0d0c8;background:#eeeee9;min-height:87px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:25px;color:#96968e;margin:14px 0 38px}.ad .eyebrow{font-size:9px;color:#85857f}.ad span{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:35px 0 22px}.section-head h2{font-size:29px;margin:0}.section-head p{color:var(--muted);margin:7px 0 0;font-size:14px}.search{border:1px solid var(--line);background:white;padding:12px 16px;border-radius:8px;width:260px}.filters{display:flex;gap:9px;margin-bottom:24px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:7px;padding:9px 17px;background:transparent;color:#666}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 18px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-5px);box-shadow:0 7px 0 #25263013}.art{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art svg{width:140px;height:115px;filter:drop-shadow(0 6px 0 #00000012)}.card-info{padding:15px}.card h3{font-size:17px;margin:0 0 7px;letter-spacing:-.5px}.card-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.card .go{color:var(--purple)}.strip{display:flex;justify-content:space-around;padding:30px 0;margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.strip b{margin-right:8px}.page{padding-top:45px}.page>h1{font-size:44px}.prose{max-width:780px;line-height:1.8}.prose h2{margin-top:30px}.prose p{color:#666}.play-layout{display:grid;grid-template-columns:1fr 260px;gap:26px}.gamebox{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.gamebar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.gamebar h2{margin:0;font-size:23px}.gamebar button,.secondary{background:#f3f2fa;border:1px solid #ddd8ee;border-radius:7px;padding:9px 15px}.arena{padding:25px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f9f8fd}.status{font-size:16px;font-weight:600;text-align:center;min-height:24px}.game-grid{display:grid;gap:9px;width:min(100%,360px)}.tile{border:0;border-radius:9px;background:#e5ddfb;color:#503a9a;min-height:70px;font-size:28px;font-weight:700}.tile:hover{filter:brightness(.95)}.tile.open{background:#d8efdb;color:#286b43}.tile:disabled{cursor:default;opacity:.85}.scoreline{font-size:12px;color:var(--muted);padding:14px 22px;display:flex;justify-content:space-between}.instructions{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;line-height:1.7}.instructions h3{margin:0 0 10px}.instructions p{color:var(--muted);font-size:13px}.side-ad{height:260px;margin-top:20px;flex-direction:column;gap:10px}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.controls button{min-width:48px;min-height:42px;border:1px solid #d5c9f6;border-radius:7px;background:white}canvas{background:#252630;border-radius:9px;max-width:100%;touch-action:none}.notice{padding:15px 20px;border-radius:8px;background:#eee9ff;font-size:13px;margin:20px 0}.scoretable{width:100%;border-collapse:collapse;background:white}.scoretable td,.scoretable th{padding:18px;text-align:left;border-bottom:1px solid var(--line)}.scoretable th{font-size:12px;color:var(--muted)}footer{max-width:1240px;margin:auto;padding:30px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .logo{font-size:20px}footer p,footer small{color:var(--muted);font-size:12px}footer div{margin-left:auto;display:flex;gap:20px;font-size:13px}footer small{width:100%}dialog{border:1px solid var(--line);border-radius:18px;padding:35px;text-align:center;max-width:440px;color:var(--ink)}dialog::backdrop{background:#161322aa}dialog p{color:var(--muted);line-height:1.6}.ad-orbit{font-size:65px;color:var(--purple);margin:15px}.letters{font-family:'Space Grotesk';font-size:35px;letter-spacing:6px}.answer{border:1px solid #ccc;border-radius:7px;padding:12px;max-width:100%}.reaction{width:100%;max-width:420px;height:200px;border:0;border-radius:12px;background:#dfd7fc;font-size:21px;font-weight:700;color:#35265f}.empty{padding:50px;text-align:center;color:var(--muted);grid-column:1/-1}@media(max-width:1300px){main,footer{margin-left:35px;margin-right:35px}.grid{grid-template-columns:repeat(5,1fr)}h1{font-size:56px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:25px}h1{font-size:48px}.play-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-ad{margin:0;height:auto}.art{height:160px}}@media(max-width:650px){header{padding:0 20px;height:75px;gap:12px}.logo{font-size:20px}.logo small,.nav-play{display:none}nav{gap:15px;font-size:12px;margin-left:auto;margin-right:0}nav a:last-child{display:none}main,footer{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding-top:35px;gap:15px}.hero h1{font-size:49px}.feature{margin:15px 0}.feature-art{height:160px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.search{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.art{height:135px}.art svg{width:120px}.card-info{padding:12px}.card h3{font-size:16px}.strip{gap:15px;flex-direction:column}.ad{flex-direction:column;gap:8px}.sidebar{grid-template-columns:1fr}.side-ad{height:150px}.arena{padding:15px;min-height:390px}.tile{min-height:60px}.page>h1{font-size:35px}footer{gap:10px}footer div{width:100%;margin:10px 0}.gamebar{padding:14px}.gamebar h2{font-size:19px}}