:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf3;background:#0e141e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary{outline-offset:5px}button{cursor:pointer;border:1px solid #3a4658;background:#1c2839;color:#edf4ff;border-radius:9px;padding:12px 18px;min-height:46px}button:hover{border-color:#9af5c5;background:#263b43}button:disabled{opacity:.5;cursor:default}a{color:inherit}header{max-width:1240px;margin:auto;min-height:105px;display:flex;align-items:center;gap:50px;padding:24px 36px;border-bottom:1px solid #29313e}.brand{font-size:24px;font-weight:900;letter-spacing:1px;text-decoration:none}.brand span{color:#99f6c5}.brand small{font-size:9px;display:block;letter-spacing:3px;margin-top:4px}nav{display:flex;gap:12px}nav button{border:0;background:none;font-size:13px}.local{margin-left:auto;font-size:11px;color:#9af5c5}main{max-width:1240px;margin:auto;padding:0 36px}.hero{position:relative;padding:70px 0 55px;overflow:hidden;border-bottom:1px solid #29313e}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#a4b1c7}.hero h1{font-size:clamp(36px,5.6vw,66px);line-height:1.08;letter-spacing:-3px;position:relative;z-index:1;margin:24px 0}.hero em{font-style:normal;color:#a4f4cb}.hero>p:not(.eyebrow){color:#aeb8c8;line-height:1.8;font-size:15px}.hero-bottom{display:flex;gap:24px;align-items:center;margin-top:28px;position:relative;z-index:1}.hero-bottom span{font-size:11px;color:#aeb8c8}.primary{background:#a4f4cb;color:#11211e;font-weight:700;border-color:#a4f4cb}.primary:hover{background:#c1ffdf;color:#11211e}.orb{position:absolute;right:45px;top:30px;font-size:285px;color:#a4f4cb;transform:rotate(14deg);text-shadow:30px 20px 0 #263951,60px 40px 0 #1a283c;opacity:.85}.catalog-title{display:flex;justify-content:space-between;align-items:center;margin-top:36px;gap:20px}.catalog-title h2{font-size:24px;letter-spacing:-.7px}.catalog-title h2 span{font-size:12px;background:#243043;padding:6px 8px;border-radius:6px;vertical-align:middle;margin-left:8px}.catalog-title label{font-size:0}input[type=search]{border:1px solid #3a4658;background:#151f2e;padding:12px 15px;border-radius:8px;font-size:12px;width:235px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 27px}.filters button{font-size:12px;min-height:36px;padding:8px 15px;background:none}.filters [aria-pressed=true]{background:#a4f4cb;color:#11211e;border-color:#a4f4cb}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.card{border:1px solid #30394a;border-radius:15px;overflow:hidden;background:#151e2b}.art{height:177px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 30%,#354a69,#1d2a40);overflow:hidden}.art>span{font-size:105px;color:#a4f4cb;text-shadow:12px 12px 0 #111b2b;transform:rotate(-12deg)}.art small{position:absolute;bottom:12px;left:18px;font-size:8px;letter-spacing:1.7px;color:#c1d1e7}.c-skyline .art{background:linear-gradient(140deg,#41345f,#1c243b)}.c-skyline .art>span{color:#c2adff}.c-pulse .art{background:linear-gradient(140deg,#563547,#272134)}.c-pulse .art>span{color:#ff9fbc}.c-circuit .art{background:linear-gradient(140deg,#254e4a,#172b35)}.c-gravity .art{background:linear-gradient(140deg,#514732,#252835)}.c-gravity .art>span{color:#ffc879}.c-memory .art{background:linear-gradient(140deg,#334571,#22243b)}.c-memory .art>span{color:#b2bdff}.card-body{padding:20px}.card h3{font-size:23px;letter-spacing:-.5px;margin:12px 0}.card-body>p:not(.eyebrow){color:#b2bdcc;font-size:13px;line-height:1.6;min-height:42px}.card button{width:100%;text-align:left;margin-top:12px;background:#202c3d;font-size:13px}.card button span{float:right}footer{max-width:1240px;margin:50px auto 0;padding:28px 36px;border-top:1px solid #29313e;color:#a4b1c7;font-size:10px;display:flex;gap:35px;justify-content:space-between}footer details{max-width:600px}details{line-height:1.7}summary{cursor:pointer;min-height:32px}.game{max-width:650px;margin:35px auto}.game h1{font-size:38px;margin:12px 0}.game>p{color:#c4cedc;line-height:1.6}.game details{border:1px solid #3a4658;padding:14px;margin:24px 0;border-radius:10px}.board{width:100%;max-width:400px;aspect-ratio:400/470;margin:20px auto;border:1px solid #45536b;border-radius:12px;overflow:hidden}.board canvas{display:block}.score{display:flex;align-items:center;gap:20px;margin-top:25px;justify-content:space-between}.score span{font-size:12px}.score strong{font-size:22px;display:block}.controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.controls button{flex:1;min-width:90px}.result{border:1px solid #a4f4cb;padding:22px;margin:20px 0;border-radius:10px}.result button{margin:5px}.settings{border:1px solid #45536b;background:#192536;padding:22px;margin:25px 0;border-radius:12px}.settings label{display:block;margin:15px 0;line-height:1.7}.settings input[type=checkbox]{margin-right:12px;width:20px;height:20px;vertical-align:middle}.settings .import{padding:15px;border:1px dashed #8292aa}.settings input[type=file]{max-width:100%}.warning{padding:15px;border:1px solid #ffc879;color:#ffe0b1;border-radius:10px;overflow-wrap:anywhere}[data-contrast=true]{--contrast:1;color:#fff;background:#000}[data-contrast=true] .eyebrow,[data-contrast=true] p{color:#fff}[data-contrast=true] button{border-color:#fff}[data-motion=true] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.orb{right:-55px;opacity:.35}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-bottom{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:560px){header{padding:18px;gap:12px;flex-wrap:wrap}.brand{font-size:20px}.local{width:100%;margin:0}nav{margin-left:auto}nav button{padding:8px;font-size:12px}main{padding:0 18px}.hero{padding:40px 0}.hero h1{letter-spacing:-1.5px}.orb{font-size:220px;right:-90px;top:60px;opacity:.2}.grid{grid-template-columns:1fr}.art{height:165px}.catalog-title{display:block}.catalog-title input{width:100%}.catalog-title label{display:block}.hero-bottom span{line-height:1.6}.desktop{display:none}footer{padding:24px 18px;flex-direction:column}.score{gap:12px}.game h1{font-size:32px}.controls button{padding:12px 8px}.game{margin-top:20px}}.campaign{border:1px solid #45536b;padding:1.2rem;border-radius:16px;margin:1rem 0}.campaign label{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}select{font:inherit;background:#19273a;color:#fff;border:1px solid #9baaff;padding:.7rem;max-width:100%}a{color:#82f5bc}footer nav{display:flex;gap:1rem;flex-wrap:wrap}.editorial-intro{max-width:75ch;margin:3rem 0;line-height:1.8}.ad-space:empty{display:none}.controls{max-height:none}.controls button{min-height:46px;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffc879;outline-offset:3px}.reading{max-width:76ch;margin:auto;padding:24px;font:18px/1.8 system-ui;background:#101722;color:#eef3fa}.reading h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.15}.reading h2{margin-top:2em}.reading nav{display:flex;gap:1rem;flex-wrap:wrap}.reading a{color:#82f5bc}.reading .play{display:inline-block;background:#82f5bc;color:#101722;padding:.6rem 1rem;border-radius:10px}.reading footer{border-top:1px solid #45536b;margin-top:3rem;padding-top:1rem}.reading table{width:100%}@media(max-width:400px){header{gap:.5rem;flex-wrap:wrap}.controls button{padding:.65rem}.reading{padding:16px}}
