*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--beige: #eaded2;--beige-light: #f5efe6;--beige-dark: #ddcdb9;--brown: #974b00;--brown-dark: #5a2e00;--brown-soft: #b8743a;--white: #ffffff;--ink: #2a1a0a;--muted: #7a6a58;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(90, 46, 0, .06);--shadow-md: 0 8px 28px rgba(90, 46, 0, .1);--shadow-lg: 0 18px 50px rgba(90, 46, 0, .16);--container: 1200px;--transition: .3s ease;--font-display: "Playfair Display", "Be Vietnam Pro", serif;--font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--ink);background-color:var(--beige-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}section{padding:96px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brown);padding:6px 16px;border:1px solid var(--brown);border-radius:999px;margin-bottom:18px}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,3.5vw,2.7rem);color:var(--brown-dark);line-height:1.2;margin-bottom:16px}.section-subtitle{color:var(--muted);font-size:1.02rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));background:transparent;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.site-header .container{padding-inline:0}.site-header.is-scrolled{background:#f5efe6eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:#974b0014;box-shadow:0 2px 18px #5a2e000f}.site-header:not(.is-scrolled) .logo-text strong{color:var(--beige-light)}.site-header:not(.is-scrolled) .logo-text small{color:#f5efe6bf}.site-header:not(.is-scrolled) .logo-mark{background:#f5efe626;color:var(--beige-light);box-shadow:inset 0 0 0 2px #f5efe6d9,0 0 0 1px #f5efe666;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.site-header:not(.is-scrolled) .nav-menu a{color:var(--beige-light);text-shadow:0 1px 6px rgba(0,0,0,.35)}.site-header:not(.is-scrolled) .nav-menu a:hover{color:var(--white)}.site-header:not(.is-scrolled) .nav-menu a:after{background:var(--beige-light)}.site-header:not(.is-scrolled) .menu-toggle{color:var(--beige-light)}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:11px 0;padding-top:max(11px,env(safe-area-inset-top,0px))}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--brown-dark)}.logo-mark{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--brown);color:var(--beige-light);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1;box-shadow:inset 0 0 0 3px var(--beige-light),0 0 0 1px var(--brown)}.logo-text{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.15}.logo-text strong{font-family:var(--font-display);font-weight:700;font-size:1.06rem;color:var(--brown-dark);letter-spacing:.005em}.logo-text small{display:block;font-family:var(--font-body);font-weight:500;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:0}.nav-menu{display:flex;align-items:center;gap:26px;list-style:none}.nav-menu a{font-size:.9rem;font-weight:500;color:var(--ink);position:relative;padding:6px 0}.nav-menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--brown);transition:width var(--transition)}.nav-menu a:hover{color:var(--brown)}.nav-menu a:hover:after{width:100%}.nav-cta{background:var(--brown);color:var(--white);padding:7px 18px;border-radius:999px;font-weight:500;font-size:.86rem;transition:background var(--transition),transform var(--transition)}.nav-cta:hover{background:var(--brown-dark);transform:translateY(-1px)}.menu-toggle{display:none;width:38px;height:38px;border-radius:10px;color:var(--brown-dark)}.menu-toggle svg{width:24px;height:24px}section.hero.hero--banner{padding:0;position:relative;box-sizing:border-box;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;color:var(--beige-light)}.hero.hero--banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/hero-banner-ChlgxTI-.png) center / cover no-repeat}.hero.hero--banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(120deg,#201208e6,#2a1a0ab8 45%,#32201066)}.hero.hero--banner>.container{position:relative;z-index:1;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:calc(env(safe-area-inset-top,0px) + 4.75rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.hero.hero--banner .hero-content{text-align:center;max-width:min(720px,100%);margin:0 auto;padding:0 clamp(4px,2vw,12px);width:100%}.hero--banner .eyebrow{color:#f5efe6eb;border-color:#f5efe66b;text-shadow:0 1px 8px rgba(0,0,0,.25);margin-bottom:20px}.hero--banner .hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.85rem,4.2vw,3.25rem);line-height:1.12;color:var(--beige-light);margin-bottom:1.15rem;letter-spacing:.01em;text-shadow:0 4px 32px rgba(0,0,0,.35)}.hero--banner .hero-title em{font-style:italic;color:#e8c99a}.hero--banner .hero-desc{font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.72;color:#f5efe6e6;margin:0 auto;max-width:52ch}.hero--banner .hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:1.85rem}.hero--banner .btn-primary{box-shadow:0 6px 28px #00000059}.hero--banner .btn-outline{border-color:#ffffffd1;color:var(--beige-light);background:#0000001f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero--banner .btn-outline:hover{background:#ffffff26;color:var(--white);border-color:var(--white)}.hero--banner .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vw,28px);margin-top:clamp(1.5rem,3.5vw,2.75rem);padding-top:clamp(1.35rem,2.5vw,2rem);border-top:1px solid rgba(255,255,255,.18);text-align:center}@media (min-width: 721px){.hero--banner .hero-stats>div:not(:first-child){border-left:1px solid rgba(255,255,255,.16)}}.hero--banner .stat-num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,3vw,2.35rem);color:var(--white);line-height:1.1;margin-bottom:.35rem}.hero--banner .stat-label{font-size:.82rem;font-weight:500;color:#f5efe6bf;letter-spacing:.02em;line-height:1.45}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-weight:500;font-size:.98rem;transition:all var(--transition)}.btn-primary{background:var(--brown);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brown-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{border:1.5px solid var(--brown);color:var(--brown-dark);background:transparent}.btn-outline:hover{background:var(--brown);color:var(--white)}section.intro-video-section{background:var(--white)}.intro-video-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,52px);align-items:start}.intro-video-media{width:100%;min-width:0}.intro-video-title{font-family:var(--font-body);font-weight:700;font-size:clamp(1.35rem,2.5vw,1.75rem);color:var(--brown-dark);line-height:1.35;margin-bottom:1.15rem;letter-spacing:.01em}.intro-video-text{font-size:1rem;line-height:1.75;color:var(--muted);margin-bottom:1rem}.intro-video-text:last-child{margin-bottom:0}.intro-video-text strong{color:var(--ink);font-weight:600}@media (max-width: 900px){.intro-video-grid{grid-template-columns:1fr;gap:28px}.intro-video-media{max-width:100%}}.intro-video-frame{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden;background:var(--brown-dark);box-shadow:var(--shadow-md)}.intro-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}.intro-video-youtube,.intro-video-youtube>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.games{background:var(--beige-light)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.game-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}a.game-card{text-decoration:none;color:inherit;cursor:pointer}a.game-card:focus-visible{outline:2px solid var(--brown);outline-offset:3px}.game-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:var(--shadow-md)}.game-card-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--brown-dark)}.game-card-image img{width:100%;height:100%;object-fit:cover;display:block}.games .game-card-image img{object-fit:cover;object-position:center;padding:0}.game-card:hover .game-card-image img{transform:none}.game-card-tag{position:absolute;top:14px;left:14px;background:#f5efe6f2;color:var(--brown-dark);padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:500}.game-card-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}.game-card-title{font-family:var(--font-display);font-weight:600;font-size:1.32rem;color:var(--brown-dark);margin-bottom:10px}.game-card-desc{color:var(--muted);font-size:.94rem;line-height:1.65;margin-bottom:18px;flex:1}.game-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--brown);font-weight:500;font-size:.92rem;align-self:flex-start}.game-card-link:after{content:"→";transition:transform var(--transition)}.game-card-link:hover{color:var(--brown-dark)}.game-card-link:hover:after{transform:translate(4px)}a.game-card:hover .game-card-link{color:var(--brown-dark)}a.game-card:hover .game-card-link:after{transform:translate(4px)}.reviews{background:var(--beige)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.review-card{background:var(--beige-light);border-radius:var(--radius-md);padding:32px 28px;border:1px solid rgba(151,75,0,.06);display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.review-stars{color:var(--brown);font-size:1rem;letter-spacing:2px;margin-bottom:16px}.review-quote{color:var(--ink);font-size:1rem;line-height:1.7;margin-bottom:24px;flex:1;font-style:italic}.review-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(151,75,0,.1)}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--brown);color:var(--beige-light);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1.1rem}.review-name{font-weight:600;color:var(--brown-dark);font-size:.96rem}.review-role{font-size:.7rem;color:var(--muted)}.site-footer{background:var(--brown-dark);color:var(--beige);padding:96px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}.footer-brand .logo{color:var(--beige-light);margin-bottom:18px}.footer-brand .logo-mark{background:var(--beige-light);color:var(--brown-dark);box-shadow:inset 0 0 0 3px var(--brown-dark),0 0 0 1px var(--beige-light)}.footer-brand .logo-text strong{color:var(--beige-light)}.footer-brand .logo-text small{color:#eaded299}.footer-brand p{color:#eaded2b3;font-size:.94rem;max-width:320px;line-height:1.7}.footer-col h5{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--white);margin-bottom:20px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-col a{color:#eaded2bf;font-size:.94rem}.footer-col a:hover{color:var(--white)}.footer-col .contact-item{display:flex;align-items:flex-start;gap:10px;color:#eaded2bf;font-size:.92rem;line-height:1.55}.socials{display:flex;gap:12px;margin-top:18px}.socials a{width:40px;height:40px;border-radius:50%;background:#eaded21a;display:grid;place-items:center;transition:background var(--transition),transform var(--transition)}.socials a:hover{background:var(--beige-light);color:var(--brown-dark);transform:translateY(-2px)}.socials svg{width:18px;height:18px}.footer-bottom{padding-top:24px;border-top:1px solid rgba(234,222,210,.12);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#eaded299;font-size:.86rem}.footer-bottom a:hover{color:var(--white)}@media (max-width: 992px){section{padding:72px 0}.hero.hero--banner>.container{padding-top:calc(env(safe-area-inset-top,0px) + 4.35rem);padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}.hero--banner .hero-stats{grid-template-columns:1fr 1fr 1fr;gap:20px}.reviews-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.site-footer{padding:72px 0 24px}}@media (max-width: 720px){section{padding:56px 0}.container{padding-inline:20px}.site-header{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.nav{padding:16px 0;padding-top:max(16px,env(safe-area-inset-top,0px))}.nav>.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px max(20px,env(safe-area-inset-bottom,0px));margin:0;background:var(--beige-light);border-top:1px solid rgba(151,75,0,.1);box-shadow:0 16px 32px #5a2e002e;z-index:99}.site-header.nav-open .nav-menu{display:flex}.site-header .nav-menu li+li{border-top:1px solid rgba(151,75,0,.08)}.site-header.nav-open .nav-menu a,.site-header:not(.is-scrolled) .nav-menu a,.site-header.is-scrolled .nav-menu a,.site-header .nav-menu a{display:block;padding:14px 12px;font-size:1rem;font-weight:500;color:var(--brown-dark);background:transparent;text-shadow:none;border-radius:0}.site-header .nav-menu a:after{display:none}.site-header .nav-menu a:hover,.site-header .nav-menu a:focus{background:#974b0014;color:var(--brown)}.site-header.nav-open{background:var(--beige-light);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#974b001a;box-shadow:0 4px 14px #5a2e0014}.site-header.nav-open:not(.is-scrolled) .logo-text strong,.site-header.nav-open.is-scrolled .logo-text strong{color:var(--brown-dark)}.site-header.nav-open:not(.is-scrolled) .logo-text small,.site-header.nav-open.is-scrolled .logo-text small{color:var(--muted)}.site-header.nav-open:not(.is-scrolled) .logo-mark,.site-header.nav-open.is-scrolled .logo-mark{background:var(--brown);color:var(--beige-light);box-shadow:inset 0 0 0 3px var(--beige-light),0 0 0 1px var(--brown);-webkit-backdrop-filter:none;backdrop-filter:none}.site-header.nav-open .menu-toggle{color:var(--brown-dark)}.logo-text{gap:8px}.logo-text strong{font-size:1.1rem}.logo-text small{font-size:.65rem;letter-spacing:.2em}.logo-mark{width:40px;height:40px;font-size:1.05rem}section.hero.hero--banner{min-height:100vh;min-height:100svh}.hero.hero--banner>.container{padding-top:calc(env(safe-area-inset-top,0px) + 3.85rem);padding-bottom:max(.65rem,env(safe-area-inset-bottom,0px))}.hero.hero--banner .hero-content{padding-top:clamp(10px,2.8vh,28px);padding-bottom:clamp(10px,2.8vh,28px);padding-left:clamp(10px,4.5vw,22px);padding-right:clamp(10px,4.5vw,22px)}.hero--banner .eyebrow{margin-bottom:16px;font-size:.68rem;padding:6px 14px;letter-spacing:.16em}.hero--banner .hero-title{font-size:clamp(1.42rem,7vw,1.95rem);line-height:1.2;margin-bottom:1.05rem}.hero--banner .hero-desc{font-size:clamp(.84rem,3.6vw,.95rem);line-height:1.65;max-width:38ch}.hero--banner .hero-actions{margin-top:1.45rem;gap:13px;flex-direction:column;align-items:stretch}.hero--banner .hero-actions .btn{width:100%;justify-content:center;padding:12px 18px;font-size:.88rem}.hero--banner .hero-stats{grid-template-columns:1fr;margin-top:1.5rem;padding-top:1.25rem;gap:.85rem;border-top-color:#ffffff24}.hero--banner .hero-stats>div:not(:first-child){border-left:none;border-top:1px solid rgba(255,255,255,.12);padding-top:.85rem;margin-top:.15rem}.hero--banner .hero-stats>div:first-child{padding-top:0}.hero--banner .stat-num{font-size:clamp(1.28rem,6vw,1.55rem);margin-bottom:.28rem}.hero--banner .stat-label{font-size:.72rem;line-height:1.42}.section-head{margin-bottom:40px}.games-grid{grid-template-columns:1fr;gap:22px}.reviews-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:36px;margin-bottom:40px}.footer-bottom{justify-content:center;text-align:center}.site-footer{padding:56px 0 20px}}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}}.page-game-detail{background:var(--beige)}main.game-detail{padding-top:calc(env(safe-area-inset-top,0px) + 4.5rem);padding-bottom:3rem}.game-detail-cover{width:100%;max-width:min(52rem,92vw);margin:0 auto;padding:1.35rem max(1.75rem,env(safe-area-inset-left,0px)) 1.85rem;padding-right:max(1.75rem,env(safe-area-inset-right,0px));box-sizing:border-box}.game-detail-cover img{width:100%;height:auto;max-height:none;display:block;object-fit:contain;object-position:center top;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.game-detail-inner{max-width:min(52rem,92vw);margin:0 auto;padding:1.35rem 1.25rem 2.5rem;padding-left:max(1.25rem,env(safe-area-inset-left,0px));padding-right:max(1.25rem,env(safe-area-inset-right,0px))}.game-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:500;color:var(--brown);margin-bottom:1.25rem;transition:color var(--transition)}.game-detail-back:hover{color:var(--brown-dark)}.game-detail-inner h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;color:var(--brown-dark);line-height:1.2;margin-bottom:.65rem}.game-detail-lead{font-size:1.05rem;line-height:1.7;color:var(--muted);margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(151,75,0,.12)}.game-detail-prose section{padding:0;margin-bottom:1rem}.game-detail-prose section:last-child{margin-bottom:0}.game-detail-prose h2{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--brown-dark);margin-bottom:.45rem;margin-top:0;padding-top:0;line-height:1.35}.game-detail-prose h3{font-size:.95rem;font-weight:600;color:var(--ink);margin-top:.55rem;margin-bottom:.3rem}.game-detail-prose h3:first-child{margin-top:0}.game-detail-prose ul{margin:0 0 .5rem;padding-left:1.15rem;color:var(--muted);font-size:.98rem;line-height:1.62}.game-detail-prose li{margin-bottom:.2rem}.game-detail-prose li::marker{color:var(--brown)}.game-detail-process>h2{margin-bottom:1rem}.game-detail-process{counter-reset:gd-step}.game-detail-step{counter-increment:gd-step;position:relative;padding:1rem 1.15rem 1.05rem 3.45rem;margin-bottom:.75rem;background:var(--white);border-radius:var(--radius-md);border:1px solid rgba(151,75,0,.11);box-shadow:0 3px 16px #5a2e000d}.game-detail-step:last-child{margin-bottom:0}.game-detail-step:before{content:counter(gd-step);position:absolute;left:.95rem;top:1rem;width:1.85rem;height:1.85rem;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--white);background:linear-gradient(145deg,var(--brown) 0%,var(--brown-soft) 100%);border-radius:50%;box-shadow:0 2px 8px #974b0040;line-height:1}.game-detail-step:after{content:"";position:absolute;left:calc(1.875rem - 1px);top:3.2rem;bottom:-.75rem;width:2px;background:linear-gradient(180deg,#974b0059,#974b0014);border-radius:2px}.game-detail-step:last-child:after{display:none}.game-detail-step h3{margin:0 0 .45rem;padding:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--brown-dark);letter-spacing:.01em}.game-detail-step ul{margin:0;padding-left:1.1rem}.game-detail-step li:last-child{margin-bottom:0}.site-footer.game-detail-simple-footer{padding:2.25rem 0 2.75rem;text-align:center}.site-footer.game-detail-simple-footer .game-detail-back{color:#f5efe6f2;margin-bottom:0}.site-footer.game-detail-simple-footer .game-detail-back:hover{color:var(--white)}.site-footer.game-detail-simple-footer .game-detail-copy{margin-top:1rem;font-size:.88rem;color:#eaded28c}