@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{color-scheme:dark;--bg:#101529;--panel:#1a2139;--text:#f5f5f8;--muted:#a3abc4;--lime:#b1f780}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% 46%,#222b49 0,transparent 55%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:active{transform:translateY(2px)}main{max-width:1280px;margin:auto;padding:0 44px}header{height:104px;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:24px}.brand{font-family:'Space Grotesk',sans-serif;font-size:46px;letter-spacing:-4px;font-weight:700;color:white;text-decoration:none}.brand span{display:inline-block;color:var(--lime);font-size:30px;vertical-align:top;margin:9px 0 0 7px;letter-spacing:0}.edition{font-size:12px;letter-spacing:2px;color:var(--muted);margin-left:auto}.icon{height:44px;width:44px;border:1px solid #ffffff26;background:transparent;border-radius:50%;font-size:22px}.icon:disabled{opacity:.35}.game{display:grid;grid-template-columns:1fr 360px 1fr;gap:60px;align-items:center;padding:40px 0 30px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.8px;font-weight:700}h1{font:600 clamp(42px,4.8vw,64px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}p{font-size:16px;line-height:1.65;color:var(--muted)}.intro>p{margin-bottom:30px}.rule{display:flex;gap:15px;margin:20px 0;align-items:baseline;font-size:14px;line-height:1.6;color:#cad0e0}.rule b{font-size:12px;font-family:'Space Grotesk';color:var(--lime)}.desktop-tip{font-size:12px!important;margin-top:40px;line-height:1.8}.stats{display:flex;align-items:center;justify-content:space-between;padding:0 5px 16px}.stats span{display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px;font-weight:600}.stats strong{font-family:'Space Grotesk';font-size:30px;display:block;margin-top:3px}.next{text-align:right}#next{display:flex;justify-content:flex-end;gap:4px;margin-top:8px;min-height:25px}#next i{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-style:normal;color:#172139;font-size:16px}.board-wrap{position:relative;border:1px solid #ffffff1f;border-radius:20px;padding:9px;background:#0b1021;box-shadow:0 24px 80px #0004;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:6/11;touch-action:none;border-radius:12px}.overlay{position:absolute;inset:9px;border-radius:12px;background:#10172dee;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.overlay h2{font-family:'Space Grotesk';font-size:37px;letter-spacing:-1.8px;margin:12px 0 0}.overlay p{font-size:15px;line-height:1.7;margin:16px 0 27px}.primary{background:var(--lime);color:#18222a;font-weight:700;border-radius:12px;padding:17px 25px;display:flex;justify-content:space-between;width:100%;font-size:17px}.primary span{font-size:23px;line-height:20px}.small{font-size:12px;color:var(--muted);line-height:1.6;margin-top:19px}.mini-mark{position:relative;width:88px;height:88px;margin-bottom:35px;transform:rotate(-12deg)}.mini-mark i{position:absolute;width:40px;height:40px;border-radius:11px;background:var(--lime);box-shadow:inset 0 3px 0 #ffffff50,inset 0 -4px 0 #0002}.mini-mark i:nth-child(2){left:44px;background:#9a8aff}.mini-mark i:nth-child(3){top:44px;left:44px;background:#9a8aff}.controls{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr;gap:8px;margin-top:14px}.controls button{height:53px;border-radius:12px;background:#28304a;font-size:27px;border:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;gap:6px}.controls button span{font-size:14px}.controls .rotate{background:#38435c}.controls .drop{background:#b1f780;color:#17262e}.touch-tip{text-align:center;font-size:12px;margin:12px 0 0}.color-card{padding:25px 0;border-bottom:1px solid #ffffff18}.sample{display:flex;gap:5px;margin:24px 0;align-items:center}.sample i{display:grid;place-items:center;height:35px;width:35px;border-radius:9px;font-size:18px;font-style:normal;color:#193629;background:var(--lime)}.sample b{margin-left:8px;font-size:26px;color:var(--lime)}h3{font-family:'Space Grotesk';font-size:23px;margin:0}.side p{font-size:14px;line-height:1.8}.chain-card{padding:28px 0}.chain-card strong{display:block;font-family:'Space Grotesk';font-size:26px;margin:18px 0 0;color:#a79aff}.chain-card strong span{font-size:17px;color:#69718a;margin:0 6px}.status{font-size:12px;line-height:1.7;color:#a4aec7;padding-top:25px;border-top:1px solid #ffffff18}footer{display:flex;align-items:center;justify-content:center;gap:17px;border-top:1px solid #ffffff12;padding:24px 0;color:#77839f;font-size:10px;letter-spacing:2px}footer span{font-size:18px;color:var(--lime)}#combo{pointer-events:none;position:absolute;top:42%;left:0;right:0;text-align:center;font-family:'Space Grotesk';font-size:34px;font-weight:700;color:white;text-shadow:0 3px 15px #101529;opacity:0;transform:scale(.8);transition:.2s}#combo.show{opacity:1;transform:scale(1)}@media(min-width:1000px) and (max-height:950px){.game{grid-template-columns:1fr 300px 1fr;padding-top:25px;gap:65px}header{height:85px}.board-wrap{max-width:300px}.stats strong{font-size:26px}.controls button{height:47px}h1{font-size:57px}}@media(max-width:1000px){main{padding:0 24px}.game{grid-template-columns:1fr 340px;gap:40px}.side{display:none}}@media(max-width:650px){body{background:radial-gradient(ellipse at 50% 30%,#242d48,transparent 65%),var(--bg)}main{padding:0 16px}header{height:64px;max-width:380px;margin:auto;border-bottom:0}.brand{font-size:35px}.brand span{font-size:23px;margin-top:6px}.edition{font-size:9px;letter-spacing:1px;max-width:115px;line-height:1.5}.icon{width:38px;height:38px;font-size:20px}.game{display:block;padding:4px 0 0}.intro,.side,footer{display:none}.play{width:min(100%,340px,calc((100svh - 218px)*.54545));min-width:230px;margin:auto}.stats{padding-bottom:10px}.stats strong{font-size:25px}.stats span{font-size:10px}.board-wrap{padding:6px;border-radius:16px}.overlay{inset:6px;padding:20px}.overlay h2{font-size:31px}.mini-mark{margin-bottom:24px}.overlay p{font-size:14px;margin:13px 0 22px}.small{font-size:11px}.controls{margin-top:10px;gap:6px}.controls button{height:48px;font-size:25px}.controls button span{font-size:12px}.touch-tip{font-size:11px;margin:9px -20px 12px}.eyebrow{font-size:10px}.primary{padding:14px 20px}.overlay .small{max-width:200px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:650px) and (max-width:650px){.play{min-width:210px}.mini-mark{display:none}.overlay p{margin:10px 0 18px}.overlay .small{display:none}.overlay h2{font-size:29px}}