:root{--paper:#f7f3e8;--ink:#252321;--orange:#bd3b1b;--bright:#ed512b;--line:#d9d2c5;--muted:#625c55;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.055em}h1 span,h2 span{color:var(--bright)}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:25px;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;line-height:1.1;letter-spacing:-.04em;font-weight:800}.brand img{width:52px;height:60px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:.38em;margin-top:7px}nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:var(--orange)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-top:75px;padding-bottom:100px;gap:25px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;margin-bottom:23px}.eyebrow:before{content:'';display:inline-block;width:8px;height:8px;background:var(--bright);margin-right:12px}h1{font-size:clamp(48px,6vw,78px);margin-bottom:25px}.intro{font-size:20px;color:var(--muted);margin-bottom:32px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;padding:14px 24px;border-radius:6px;text-decoration:none;font-weight:700;font-size:16px;min-height:48px}.button:hover{background:#9e3015}.mascot{text-align:center}.mascot img{width:100%;max-width:430px;transform:rotate(3deg)}.mascot-caption{display:block;font-size:13px;color:var(--muted);margin-top:8px}.games-section{background:var(--white);padding:70px 0 82px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:20px}.section-top .eyebrow{margin-bottom:13px}h2{font-size:clamp(36px,4vw,52px);margin-bottom:0}.section-top>p{font-size:16px;color:var(--muted);margin-bottom:4px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}.game.featured{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:46px;align-items:center;padding-bottom:42px;border-bottom:1px solid var(--line)}.media{aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#eee8dc;display:flex;align-items:center;justify-content:center;margin-bottom:23px}.media img,.media video{width:100%;height:100%;object-fit:contain;display:block}.featured .media{margin-bottom:0}.placeholder{text-align:center;padding:24px}.placeholder strong{display:block;font-size:14px;letter-spacing:.12em}.placeholder span{display:block;font-size:14px;color:var(--muted);margin-top:8px}.placeholder .frame{width:38px;height:25px;border:2px solid #9d9281;margin:0 auto 16px;border-radius:3px}.status{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#913319;background:#fbe1d4;border-radius:20px;padding:5px 11px;margin-bottom:15px;font-weight:700}h3{font-size:34px;margin-bottom:15px}.featured h3{font-size:46px}.tagline{font-size:21px;line-height:1.4;margin-bottom:16px}.description{font-size:16px;line-height:1.65;color:var(--muted);max-width:45ch;margin-bottom:20px}.game-links{display:flex;gap:15px;flex-wrap:wrap}.game-links a{font-size:15px;font-weight:700}.game-rule{width:32px;height:3px;background:var(--bright);margin-top:22px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:88px;padding-bottom:90px}.about h2{font-size:43px}.about-copy{padding-top:5px}.about-copy p{font-size:17px;color:var(--muted)}.text-link{font-weight:700;font-size:16px}footer{background:var(--ink);color:var(--paper);padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner>a:not(.brand){font-size:14px}.footer-inner>small{width:100%;font-size:12px;color:#cfc8bb;padding-top:14px;border-top:1px solid #514b43}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:#fff;padding:10px;z-index:5}.skip:focus{top:10px}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-top:22px;flex-wrap:wrap;gap:20px}.brand{font-size:20px}nav{width:100%;gap:27px;border-top:1px solid var(--line);padding-top:15px}nav a{padding:5px 0}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px;gap:25px}h1{font-size:clamp(43px,10.5vw,67px)}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.intro{font-size:18px}.mascot img{max-width:245px}.mascot-caption{margin-top:0}.section-top{display:block;margin-bottom:32px}.section-top>p{margin-top:20px}.games-section{padding:45px 0}.game-grid{grid-template-columns:1fr;gap:38px}.game.featured{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.featured h3{font-size:36px}h3{font-size:32px}.about{grid-template-columns:1fr;gap:28px;padding:50px 0}.about h2{font-size:37px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner>small{padding-top:20px}.media{margin-bottom:20px}.featured .media{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot img{transform:none}}

/* Subtle depth: static by default; motion is enabled only on suitable devices. */
body{background-image:radial-gradient(rgba(87,65,39,.065) .55px,transparent .8px);background-size:5px 7px}
.hero{position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:2}
.mascot{position:relative;isolation:isolate}
.mascot>img{position:relative;z-index:1}
.mascot::after{content:'';position:absolute;z-index:-1;width:55%;height:23px;left:23%;bottom:41px;border-radius:50%;background:rgba(67,44,24,.13);filter:blur(12px)}
.depth-mark{position:absolute;z-index:-1;pointer-events:none;background:var(--bright);opacity:.5;transform:translate3d(0,var(--depth-shift,0px),0)}
.depth-mark.one{width:12px;height:12px;left:5%;top:20%;box-shadow:12px 12px 0 rgba(237,81,43,.35)}
.depth-mark.two{width:9px;height:9px;right:2%;top:51%;opacity:.35;box-shadow:9px 0 0 var(--bright),0 9px 0 var(--bright)}
.depth-mark.three{width:7px;height:7px;right:20%;top:3%;opacity:.25}
.media{box-shadow:0 3px 9px rgba(64,47,29,.035),0 15px 28px -24px rgba(64,47,29,.23)}
@media(hover:hover) and (pointer:fine) and (min-width:761px) and (prefers-reduced-motion:no-preference){
 .media{transition:transform .22s ease,box-shadow .22s ease}
 .game:hover .media{transform:translateY(-4px);box-shadow:0 7px 16px rgba(64,47,29,.055),0 22px 32px -21px rgba(64,47,29,.24)}
}
@media(max-width:760px){.depth-mark{transform:none}.depth-mark.one{left:17%;top:25%}.depth-mark.two{right:16%}.mascot::after{width:37%;left:33%;bottom:36px;height:16px;filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.depth-mark{transform:none!important}.media{transition:none!important;transform:none!important}}

/* One game per row. Natural media proportions; portrait-first placeholders. */
.game-grid{display:flex;flex-direction:column;gap:0}
.game,.game.featured{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-template-rows:1fr auto 1fr;grid-template-areas:'media blank' 'media body' 'media links';column-gap:72px;row-gap:0;align-items:start;padding:52px 0;margin:0;border-bottom:1px solid var(--line)}
.game:first-child{padding-top:0}
.game:last-child{padding-bottom:0;border-bottom:0}
.game .game-body{grid-area:body}
.game .game-links{grid-area:links;align-self:start;padding-top:4px}
.game .game-links:empty{display:none}
.game .media,.game.featured .media{grid-area:media;align-self:center;justify-self:center;width:min(100%,310px);aspect-ratio:var(--media-ratio,.5625);margin:0}
.game.landscape .media{width:100%}
.game h3,.game.featured h3{font-size:42px}
.game .description{max-width:39ch}
.game .placeholder .frame{width:25px;height:40px}
.game.landscape .placeholder .frame{width:40px;height:25px}
@media(min-width:761px) and (max-width:1000px){.game,.game.featured{column-gap:38px;grid-template-columns:minmax(0,310px) minmax(0,1fr)}}
@media(max-width:760px){
 .game,.game.featured{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:'body' 'media' 'links';gap:22px;padding:36px 0}
 .game .media,.game.featured .media{width:min(100%,calc(68vh * var(--media-ratio,.5625)));width:min(100%,calc(68svh * var(--media-ratio,.5625)));max-width:100%}
 .game h3,.game.featured h3{font-size:34px}
 .game .description{max-width:none;margin-bottom:0}
 .game .game-links{padding-top:0;justify-content:center}
 .game .game-links a{display:inline-flex;align-items:center;min-height:44px}
 .game .placeholder{padding:16px}
 .game .placeholder strong{font-size:12px;letter-spacing:.08em}
 .game .placeholder span{font-size:13px}
}