@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;600;700&display=swap";
:root{--bg:#0a0f1d;--panel:#131e32;--ink:#f1f5fa;--muted:#a3b1c9;--accent:#70e8ca;--border:#adccf926}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 DM Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:1190px;margin:auto;padding:0 28px}.header{border-bottom:1px solid var(--border);background:#0b1222}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:3px;font:700 21px Space Grotesk,sans-serif;display:flex}.brand span:last-child,.footer strong span{color:var(--accent)}.brand-mark{background:var(--accent);border-radius:9px;place-items:center;width:40px;height:40px;margin-right:12px;font-size:22px;display:grid;color:#102030!important}.nav nav{color:#bac7dc;gap:35px;font-size:14px;font-weight:700;display:flex}.nav nav a:hover,.section-heading a:hover{color:var(--accent)}.header-play{background:#19263b;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:800}.hero{border-bottom:1px solid var(--border);background:radial-gradient(at 75%,#17345180,#0000 48%),linear-gradient(#0a1223,#101a2c);position:relative;overflow:hidden}.hero:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:43px 43px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-grid{grid-template-columns:1fr .88fr;align-items:center;gap:70px;min-height:615px;display:grid;position:relative}.hero-copy{padding:60px 0}.eyebrow{color:var(--accent);letter-spacing:2.4px;font-size:11px;font-weight:800}.hero h1,.library h1{letter-spacing:-3px;margin:26px 0;font:700 clamp(48px,6vw,78px)/1.1 Space Grotesk,sans-serif}.hero h1 em,.library h1 em{color:var(--accent);font-style:normal}.hero-copy>p{color:#b3c0d5;max-width:510px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin:31px 0 35px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:12px 19px;font:800 14px DM Sans,sans-serif;transition:transform .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#08202a}.secondary{color:#e8effb;background:0 0;border-color:#425570}.hero-copy small{color:#879db8;font-size:12px}.hero-art{background:linear-gradient(135deg,#1c3452,#0d192d);border:1px solid #3b5575;border-radius:16px;padding:17px;transform:rotate(2deg);box-shadow:0 30px 80px #0009}.art-status,.art-controls{letter-spacing:2px;color:#9cb0cd;justify-content:space-between;align-items:center;padding:10px 12px 18px;font-size:10px;font-weight:800;display:flex}.art-status span:last-child{color:var(--accent)}.art-screen{background:radial-gradient(circle,#19344d,#080d1e 78%);border:5px solid #060b15;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;height:305px;display:flex;position:relative;overflow:hidden}.art-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0,#0002 2px,#0000 4px);position:absolute;inset:0}.art-screen>span{color:var(--accent);letter-spacing:3px;font-size:10px}.art-screen strong{letter-spacing:-15px;text-shadow:0 0 55px #6ce9cb66;font:700 110px Space Grotesk}.art-screen b{letter-spacing:4px}.art-screen small{color:var(--accent);letter-spacing:2.5px;margin-top:8px;font-size:9px}.art-controls{padding:22px 15px 5px}.art-controls span:first-child{font-size:36px}.art-controls span:nth-child(2){letter-spacing:13px;color:var(--accent);font-size:23px}.section{padding-top:92px;padding-bottom:110px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin:13px 0 35px;display:flex}.section-heading h2,.mission h2{letter-spacing:-1.5px;margin:0;font:700 clamp(30px,3.5vw,44px)/1.2 Space Grotesk}.section-heading p,.library>p{color:var(--muted);margin:12px 0 0}.section-heading>a{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:800}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.game-tile{min-width:0}.tile-cover{background:radial-gradient(circle at 50% 70%,#275b75,#0d1c3d 76%);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:215px;display:flex;position:relative;overflow:hidden}.tile-cover:before{content:"";background:linear-gradient(90deg,#0000 49%,#ffffff08 50%,#0000 51%),repeating-linear-gradient(0deg,#0000,#0000 20px,#ffffff07 21px);position:absolute;inset:0}.tile-symbols{color:#70e8ca;text-shadow:0 0 25px #70e8ca;letter-spacing:12px;font-size:28px}.tile-cover strong{text-align:center;letter-spacing:-2px;text-shadow:0 4px 25px #000;font:700 41px/1 Space Grotesk}.game-tile:hover .tile-cover{outline:1px solid var(--accent)}.tile-label{color:#8d9db9;letter-spacing:1px;justify-content:space-between;margin-top:17px;font-size:11px;font-weight:800;display:flex}.tile-label b{color:var(--accent)}.game-tile h3,.coming h3{margin:10px 0 4px;font:700 23px Space Grotesk}.game-tile p,.coming p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.coming{border:1px dashed #364a68;border-radius:11px;flex-direction:column;justify-content:center;min-height:215px;padding:30px;display:flex}.coming>span{color:var(--accent);font-size:37px}.coming small{letter-spacing:2px;color:var(--accent);font-size:11px;font-weight:800}.mission{border-top:1px solid var(--border);background:#111b2d;padding:90px 0}.mission-inner{grid-template-columns:1fr 1fr;gap:65px;display:grid}.mission h2{margin-top:20px}.mission-inner p{color:#b7c5d9;margin:0;font-size:17px;line-height:1.8}.pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.pills span{color:var(--accent);background:#1a2940;border-radius:6px;padding:10px;font-size:12px;font-weight:700}.footer{border-top:1px solid var(--border);padding:34px 0}.footer-wrap{justify-content:space-between;align-items:center;gap:28px;display:flex}.footer strong{letter-spacing:-.6px;font:700 18px Space Grotesk}.footer p{color:#8799b3;margin:5px 0;font-size:12px}.library{min-height:68vh}.library h1{font-size:clamp(40px,5vw,65px)}.library>.tiles{margin-top:40px}.play-page{max-width:1000px}.back-link{color:var(--accent);margin-bottom:35px;font-size:13px;display:inline-block}.play-page h1{margin:10px 0;font:700 54px Space Grotesk}.play-page>p{color:#b5c4db;max-width:700px}.game-frame{border:1px solid var(--border);background:#131e32;border-radius:12px;margin-top:32px;padding:24px}.pairs-app{max-width:640px;margin:auto}.pairs-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.pairs-head h2{margin:3px 0 10px;font:700 30px Space Grotesk}.pairs-score{gap:10px;margin:10px 0 24px;display:flex}.pairs-score>div{background:#0c1628;border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:10px 15px;display:flex}.pairs-score small{color:#8fa3bf;letter-spacing:1.2px;font-size:10px;font-weight:800}.pairs-score strong{color:var(--accent);font:700 25px Space Grotesk}.pairs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pair-card{aspect-ratio:1.1;color:#c3d8f6;background:#1e3455;border:1px solid #416385;border-radius:10px;font:700 clamp(26px,5vw,47px) Space Grotesk;transition:background .17s,transform .17s}.pair-card:not(:disabled):hover{background:#294468;transform:translateY(-3px)}.pair-card.revealed{color:var(--accent);border-color:var(--accent);background:#133c48}.pair-card.matched{color:#8af4d8;opacity:.7;cursor:default;background:#14322c}.pair-back{opacity:.3}.pairs-message{text-align:center;color:#a8bad2;min-height:40px;margin-top:21px;font-size:13px}.game-details{grid-template-columns:1.5fr 1fr;gap:45px;margin-top:48px;display:grid}.game-details h2,.game-details h3{font-family:Space Grotesk}.game-details p,.game-details small{color:#b5c4d9;line-height:1.8}.game-details aside{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-self:start;padding:18px}@media (max-width:850px){.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:55px}.hero-copy{padding-bottom:25px}.hero-art{justify-self:center;width:100%;max-width:500px;transform:none}.tiles{grid-template-columns:repeat(2,1fr)}.mission-inner{grid-template-columns:1fr;gap:20px}.nav nav{display:none}}@media (max-width:600px){.container{padding:0 18px}.header .nav{min-height:70px}.brand{font-size:16px}.brand-mark{width:32px;height:32px;font-size:18px}.header-play{padding:9px;font-size:12px}.hero h1{letter-spacing:-2px}.hero-copy{padding:48px 0 12px}.hero-art{padding:10px}.art-screen{height:240px}.art-screen strong{font-size:85px}.section{padding-top:65px;padding-bottom:75px}.section-heading{display:block}.section-heading>a{margin-top:20px;display:inline-block}.tiles{grid-template-columns:1fr}.mission{padding:65px 0}.footer-wrap{flex-direction:column;align-items:start}.game-frame{padding:12px}.pairs-top{flex-wrap:wrap}.pairs-head h2{font-size:24px}.pairs-grid{gap:7px}.pair-card{border-radius:7px}.pairs-score small{font-size:9px}.game-details{grid-template-columns:1fr;gap:15px}.play-page h1{font-size:38px}}.art-screen:after,.tile-cover:before{content:none;display:none}.art-screen,.tile-cover{isolation:isolate}.art-screen>*,.tile-cover>*{z-index:1;position:relative}.art-screen{color:#f1f5fa;background-color:#0c1b31}.tile-cover{color:#f1f5fa;background-color:#102645}@media (max-width:600px){.art-screen{height:205px}.art-screen strong{letter-spacing:-10px;font-size:72px;line-height:1.2}.art-screen b{letter-spacing:2.5px;font-size:13px}.tile-cover{height:175px}}.mystery-preview{padding:14px}.mystery-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:8px 4px 18px;display:flex}.mystery-toolbar>div{flex-direction:column;gap:3px;display:flex}.mystery-toolbar strong{font-family:Space Grotesk,system-ui,sans-serif}.mystery-toolbar small{color:var(--muted);font-size:12px}.mystery-frame{background:#05070b;border:1px solid #354762;border-radius:7px;width:100%;height:min(64vw,660px);min-height:320px;display:block}.mystery-help{padding:12px 6px 0}.mystery-help p{color:#acbad0;margin:6px 0;font-size:13px}.game-details a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.mystery-toolbar{flex-wrap:wrap}.mystery-toolbar .button{padding:8px 12px}.mystery-frame{height:390px;min-height:0}.mystery-preview{padding:8px}}.mystery-command{background:#0c172a;border:1px solid #34455e;border-radius:9px;flex-direction:column;gap:8px;margin:0 0 14px;padding:14px;display:flex}.mystery-command>label{color:var(--accent);letter-spacing:.6px;font-size:12px;font-weight:800}.mystery-command-row{align-items:stretch;gap:9px;display:flex}.mystery-command-row input{min-width:0;color:var(--ink);background:#09121f;border:1px solid #51617c;border-radius:7px;flex:1;padding:11px 13px;font:16px DM Sans,system-ui,sans-serif}.mystery-command-row input:focus{outline:2px solid var(--accent);outline-offset:1px}.mystery-command-row button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mystery-keyboard-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mystery-keyboard-button{color:var(--accent);background:#162c40;border:1px solid #315b63;border-radius:7px;min-height:40px;padding:9px 12px;font-size:13px;font-weight:700}.mystery-keyboard-actions span{color:#9fb0c8;font-size:12px}.mystery-command-feedback{color:#aac7c6;min-height:18px;font-size:12px}@media (max-width:600px){.mystery-command{padding:10px}.mystery-command-row{gap:6px}.mystery-command-row button{white-space:nowrap;padding:11px 12px}.mystery-command-row input{width:100%;max-width:100%;min-height:44px}.mystery-keyboard-button{min-height:44px}}