:root{--navy:#071726;--navy2:#0b2235;--ink:#10212d;--paper:#edf0ea;--coral:#ff6b45;--cyan:#77d7df;--line:rgba(255,255,255,.18);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:#fff;color:#000;padding:10px 16px;z-index:99}.skip-link:focus{top:16px}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:-.04em}.brand>span:last-child span{color:var(--coral)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--coral);color:var(--navy);font-size:13px;letter-spacing:-.08em}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.nav-cta{padding:10px 16px;border:1px solid rgba(255,255,255,.45);border-radius:999px}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,31,.98) 0%,rgba(5,18,31,.86) 32%,rgba(5,18,31,.14) 66%),linear-gradient(0deg,rgba(5,18,31,.48),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(650px,48vw);margin:84px 0 0 8vw}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7vw,108px);line-height:.9;letter-spacing:-.075em;margin:24px 0 28px;max-width:800px}h1 em,h2 em{font-style:normal;color:var(--coral)}.hero-text{max-width:430px;font-size:18px;color:#d7e0e6;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:26px;background:var(--coral);color:var(--navy);font-weight:900;padding:16px 20px;border-radius:999px;transition:.2s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.hero-note{position:absolute;z-index:2;right:5vw;bottom:56px;display:flex;align-items:center;gap:12px}.hero-note strong{font-size:36px}.hero-note span{font-size:9px;letter-spacing:.15em}.scroll-cue{position:absolute;z-index:2;left:8vw;bottom:22px;font-size:9px;letter-spacing:.2em}.scroll-cue span{color:var(--coral)}.ticker{overflow:hidden;background:var(--coral);color:var(--navy);padding:13px 0;font-weight:900;white-space:nowrap}.ticker div{width:max-content;font-size:13px;letter-spacing:.08em;animation:ticker 22s linear infinite}.ticker b{margin:0 26px}@keyframes ticker{to{transform:translateX(-35%)}}.section-pad{padding:110px 8vw}.games{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.section-heading{position:sticky;top:40px;align-self:start}.eyebrow.dark{color:#44525a}.section-heading h2,.sound h2,.choose h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.065em;margin:22px 0 30px}.section-heading>p:last-child{max-width:380px;color:#56636a}.game-list{border-top:1px solid #b9c0bc}.game-row{position:relative;display:grid;grid-template-columns:100px 1fr 50px;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid #b9c0bc}.game-icon{position:relative;width:86px;height:86px;border-radius:var(--radius);display:grid;place-items:center;background:var(--navy);color:#fff;box-shadow:0 13px 28px rgba(10,34,53,.15);font-size:30px;overflow:hidden}.featured .game-icon{background:var(--coral);color:var(--navy)}.icon-rpg:before{content:"";width:40px;height:40px;border:3px solid var(--coral);transform:rotate(45deg)}.icon-rpg span{position:absolute}.icon-casual{background:var(--cyan);color:var(--navy)}.game-row h3{font-size:30px;letter-spacing:-.04em;margin:4px 0}.game-row p{margin-bottom:0;color:#667179}.game-row .num{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--coral)}.peek{width:44px;height:44px;border-radius:50%;border:1px solid #9aa3a0;background:transparent;font-size:24px;cursor:pointer}.peek:hover,.peek[aria-expanded="true"]{background:var(--navy);color:#fff}.detail{display:none;grid-column:2/4;font-size:12px!important;font-weight:800;letter-spacing:.08em}.game-row.open .detail{display:block}.sound{background:var(--navy2);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.sound-copy>p:last-child{max-width:500px;color:#b9c8d1}.player{position:relative;min-height:360px;border:1px solid var(--line);border-radius:var(--radius);padding:38px;display:grid;grid-template-columns:100px 1fr 60px;gap:24px;align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent)}.disc{width:96px;height:96px;border-radius:50%;background:repeating-radial-gradient(circle,#162e42 0 7px,#0a1b2a 8px 11px);display:grid;place-items:center;animation:spin 7s linear infinite;animation-play-state:paused}.player.playing .disc{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.disc span{width:34px;height:34px;border-radius:50%;background:var(--coral);display:grid;place-items:center;color:var(--navy);font-size:10px;font-weight:900}.track{display:flex;flex-direction:column}.track small{color:var(--coral);letter-spacing:.12em}.track strong{font-size:25px}.track span{color:#8ea2ae;font-size:13px}.play{width:58px;height:58px;border:0;border-radius:50%;background:var(--coral);color:var(--navy);cursor:pointer}.wave{position:absolute;bottom:40px;left:38px;right:38px;color:var(--cyan);font-size:23px;letter-spacing:5px;white-space:nowrap;overflow:hidden;opacity:.75}.choose{background:var(--coral);color:var(--navy);text-align:center}.kicker{font-size:11px;letter-spacing:.2em;font-weight:900}.choose h2 em{color:white}.moods{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.moods button{border:1px solid rgba(7,23,38,.5);background:transparent;color:var(--navy);padding:14px 20px;border-radius:999px;font-weight:800;cursor:pointer}.moods button:hover,.moods button.active{background:var(--navy);color:#fff}.result{min-height:24px;margin:24px 0 0;font-weight:800}footer{background:#04111c;padding:38px 8vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;font-size:12px;color:#93a4ae}footer p{margin:0}footer .brand{color:#fff}@media(max-width:800px){.site-header{height:70px;padding:0 20px}.site-header nav a:not(.nav-cta){display:none}.hero-copy{width:auto;margin:70px 22px 0}.hero-shade{background:linear-gradient(90deg,rgba(5,18,31,.95),rgba(5,18,31,.2)),linear-gradient(0deg,rgba(5,18,31,.8),transparent 50%)}h1{font-size:clamp(50px,15vw,72px)}.hero-text{max-width:300px;font-size:16px}.hero-art{object-position:61% center}.hero-note{right:20px}.scroll-cue{left:22px}.section-pad{padding:75px 22px}.games{grid-template-columns:1fr;gap:45px}.section-heading{position:static}.game-row{grid-template-columns:78px 1fr 42px;gap:14px}.game-icon{width:70px;height:70px}.game-row h3{font-size:23px}.game-row>div:nth-child(2)>p:last-child{font-size:13px}.sound{grid-template-columns:1fr}.player{min-height:320px;padding:25px;grid-template-columns:72px 1fr 48px;gap:15px}.disc{width:70px;height:70px}.wave{left:25px;right:25px;font-size:18px}.choose h2{font-size:48px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.disc{animation:none}.button{transition:none}}