:root{color-scheme:dark;--bg:#102632;--paper:#f8f2e5;--muted:#adbfbe;--mint:#afe5cb;--gold:#f5cf78}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 10%,#244950 0,transparent 50%),var(--bg);color:var(--paper);font:16px/1.6 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header,main,footer{max-width:1160px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;padding-top:30px}.brand{text-decoration:none;font:700 28px Georgia,serif;color:var(--gold)}.brand span{font:600 12px system-ui;letter-spacing:.17em;margin-left:12px;color:var(--paper)}.header-note{font-size:13px;color:var(--muted)}.intro{padding:75px 0 42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--mint)}h1{font:normal clamp(46px,7vw,80px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:17px 0 22px}.intro>p:last-child{color:var(--muted);font-size:18px}.featured{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #446166;border-radius:24px;background:#17343e;box-shadow:0 25px 60px #03191f44}.art{position:relative;display:flex;min-height:480px;align-items:center;justify-content:center;background:linear-gradient(145deg,#183c44,#0a202c);overflow:hidden}.halo{position:absolute;width:280px;height:280px;border-radius:50%;background:#a5f2cd;filter:blur(95px);opacity:.18}.circuit{display:grid;grid-template-columns:repeat(3,62px);gap:18px;transform:rotate(-9deg)}.circuit span{height:62px;border:3px solid #b9f8da;border-radius:14px;box-shadow:0 0 16px #a6f3ce55,inset 0 0 12px #a6f3ce33;position:relative}.circuit span:nth-child(3n){border-color:var(--gold);box-shadow:0 0 17px #f5cf7855}.circuit span:after{content:'';position:absolute;width:9px;height:9px;background:var(--mint);border-radius:50%;top:24px;left:24px;box-shadow:0 0 12px var(--mint)}.art-label{position:absolute;bottom:35px;font-size:10px;letter-spacing:.22em;color:var(--mint)}.app-info{padding:40px}.pill{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--mint);border:1px solid #578b79;border-radius:20px;padding:5px 9px}h2{font:normal 34px/1.15 Georgia,serif;margin:24px 0 8px}.lead{color:var(--gold);margin:0 0 18px}.app-info>p:not(.lead){color:var(--muted)}ul{padding-left:20px;color:var(--paper);font-size:14px;margin:22px 0}li{margin:5px 0}li::marker{color:var(--mint)}.play{display:flex;justify-content:space-between;gap:20px;background:var(--gold);color:#162d35;padding:15px 19px;border-radius:10px;text-decoration:none;font-weight:700}.play:hover{background:#ffe0a0}.save-note{font-size:12px;line-height:1.65;margin-top:18px}.coming{display:flex;align-items:center;gap:20px;padding:36px 0 50px}.spark{font-size:30px;color:var(--gold)}.coming h2{font-size:23px;margin:0}.coming p{font-size:14px;color:var(--muted);margin:6px 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #36535a;padding-top:22px;padding-bottom:26px;font-size:12px;color:var(--muted)}@media(max-width:720px){header,main,footer{padding-left:20px;padding-right:20px}.header-note{display:none}.intro{padding-top:48px}.featured{grid-template-columns:1fr}.art{min-height:275px}.circuit{grid-template-columns:repeat(3,44px);gap:12px}.circuit span{height:44px}.circuit span:after{top:15px;left:15px}.art-label{bottom:21px}.app-info{padding:28px}footer{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:no-preference){.play{transition:background .2s,transform .2s}.play:hover{transform:translateY(-2px)}}