:root{color-scheme:light;--paper:#fcf7e5;--ink:#27203f;--muted:#655e71;--line:#d8cfb3;--purple:#59468c;--yellow:#f2c535;--pink:#e65986;--blue:#438ab7;--green:#41866c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--purple);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,5.8vw,4.7rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:25px;max-width:12ch}h2{font-size:clamp(1.75rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.035em}h3{font-size:1.3rem;line-height:1.3}p{max-width:65ch}img,svg{max-width:100%}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-90px;background:var(--ink);color:white;padding:10px;z-index:2}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:21px;font-weight:850;color:var(--ink);text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand::before{content:"";display:inline-block;width:25px;height:5px;margin-right:10px;vertical-align:middle;background:linear-gradient(to right,var(--blue) 25%,var(--pink) 25% 50%,var(--green) 50% 75%,var(--yellow) 75%)}nav{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:14px;font-weight:650}nav a{color:var(--ink);padding:8px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:78px 0 62px}.lead{font-size:20px;line-height:1.6;color:var(--muted);margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 15px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:2px solid var(--ink);background:var(--yellow);padding:10px 20px;color:var(--ink);font-size:15px;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--paper)}.fine{font-size:13px;color:var(--muted)}.fine a{color:inherit}.product-visual{background-image:linear-gradient(#e5dcc2 1px,transparent 1px),linear-gradient(90deg,#e5dcc2 1px,transparent 1px);background-size:25px 25px;padding:28px;border:1px solid var(--line);border-radius:5px;position:relative}.handheld{border:5px solid var(--ink);border-radius:22px;background:#eeeae1;padding:18px 22px 13px;box-shadow:7px 8px 0 #d7cba8;max-width:330px;margin:auto}.screen{border:4px solid #73716c;border-radius:6px;overflow:hidden;background:#243c47}.game-screen{height:125px;display:grid;place-content:center;background-color:#a6c171;background-image:linear-gradient(90deg,transparent 49%,#ffffff26 50% 51%,transparent 52%),linear-gradient(transparent 49%,#ffffff26 50% 51%,transparent 52%);background-size:28px 28px;color:#203e35;font-size:13px;letter-spacing:.14em;font-weight:800}.companion-screen{margin-top:9px;padding:12px;background:#27203f;color:#fff8d8;font-size:11px}.panel-title{font-weight:750;display:flex;justify-content:space-between;margin-bottom:8px}.stat-bars{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px 9px}.stat-bars i{display:block;height:5px;background:#75629f}.stat-bars i::after{content:"";display:block;width:66%;height:100%;background:var(--yellow)}.stat-bars i:nth-of-type(2)::after{width:45%}.stat-bars i:nth-of-type(3)::after{width:80%}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.dpad{width:46px;height:46px;background:#8e9393;clip-path:polygon(32% 0,68% 0,68% 32%,100% 32%,100% 68%,68% 68%,68% 100%,32% 100%,32% 68%,0 68%,0 32%,32% 32%)}.face{display:flex;align-items:center;gap:8px}.face b{display:grid;place-items:center;width:30px;height:30px;border:2px solid #7d7c75;border-radius:50%;background:var(--yellow);font-size:13px}.face b:last-child{background:var(--pink);margin-bottom:18px}.visual-caption{text-align:center;font-size:11px;color:var(--muted);margin:18px 0 0}.ribbon{padding:17px 0;border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--muted);font-size:13px}.ribbon strong{color:var(--ink)}.section{padding:58px 0;border-bottom:1px solid var(--line)}.section-intro{color:var(--muted);margin-bottom:30px}.editions{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}.edition{padding:32px}.edition+ .edition{border-left:1px solid var(--line)}.edition-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:12px}.edition h3{font-size:25px}.edition p{color:var(--muted)}.text-link{font-size:14px;font-weight:750}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.features h3{margin:8px 0 12px}.features p{font-size:15px;color:var(--muted)}.number{font-size:13px;color:var(--muted);font-family:ui-monospace,monospace}.builder-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}.builder-row p{color:var(--muted);margin-bottom:0}.steps{padding-left:25px}.steps li{padding-left:10px;margin-bottom:18px}.steps strong{display:block}.steps p{margin-bottom:0;color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}details p{margin:15px 0 0;color:var(--muted)}.site-footer{padding:30px 0 35px;color:var(--muted);font-size:13px}.site-footer nav{margin-bottom:20px}.site-footer p{max-width:none;margin-bottom:8px}.ss-title{max-width:13ch}.breadcrumbs{font-size:13px;padding-top:28px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px}.two-col ul{padding-left:20px}.two-col li{margin-bottom:12px}.callout{border-left:4px solid var(--yellow);padding-left:20px;color:var(--muted)}@media(max-width:750px){.wrap{width:calc(100% - 36px)}.site-header .wrap{align-items:flex-start;flex-direction:column;padding:20px 0;gap:10px}.site-header nav{gap:7px 20px}.hero{grid-template-columns:1fr;gap:35px;padding:42px 0}h1{max-width:14ch}.lead{font-size:18px}.product-visual{padding:22px}.handheld{max-width:300px}.ribbon{gap:8px 18px}.editions,.features,.two-col,.builder-row{grid-template-columns:1fr}.edition{padding:24px}.edition+ .edition{border-left:0;border-top:1px solid var(--line)}.features{gap:24px}.section{padding:40px 0}.builder-row{gap:22px}.builder-row .button{justify-self:start}.two-col{gap:25px}.site-footer nav{gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
