:root{color-scheme:light;--green:#007b3d;--deep:#004f29;--yellow:#ffdf35;--paper:#fff;--ink:#133c2a;--soft:#577065;--line:#dce9df;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;color:#fff;background:linear-gradient(140deg,#008940 0%,#007b3d 38%,#006231 100%);font:16px/1.6 var(--sans);min-height:100svh}body.modal-open{position:fixed;overflow:hidden;width:100%;left:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffc800;outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(1232px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--yellow);color:var(--deep);padding:12px 20px;z-index:20}.skip:focus{top:12px}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:850;letter-spacing:-.025em;line-height:1.15}.brand small{display:block;margin-top:6px;font-size:.75rem;font-weight:500;letter-spacing:.16em;color:#daede0}.brand-icon{display:grid;width:36px;height:36px;grid-template-columns:1fr 1fr;gap:4px}.brand-icon i{background:var(--yellow);border-radius:3px}.brand-icon i:nth-child(2){opacity:.85}.brand-icon i:nth-child(3){opacity:.7}.site-header nav{display:flex;align-items:center;gap:36px;font-size:.9375rem;font-weight:550}.site-header nav a{padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover{color:var(--yellow);border-color:var(--yellow)}.locale{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:700}.locale>span{font-size:.75rem;font-weight:400;letter-spacing:.1em;color:#dceee2;border-left:1px solid #74b792;padding-left:12px}
.hero{border:1px solid #7ad19980;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 78% 20%,#80ce563d,transparent 56%),linear-gradient(110deg,#00592f,#047a3d 85%);box-shadow:0 20px 55px #00381838;position:relative}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:'copy art' 'actions art';grid-template-rows:1fr auto;min-height:426px;align-items:center}.hero-copy{grid-area:copy;padding:45px 0 24px 44px;position:relative;z-index:2}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.15em;color:var(--yellow);margin:0 0 17px}h1{font-size:clamp(2.9rem,4.35vw,4.1rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 21px;font-weight:760}h1>span{color:var(--yellow)}.hero-description{font-size:1.08rem;line-height:1.7;color:#e0f0e3;margin:0}.hero-actions{grid-area:actions;display:flex;align-items:center;gap:23px;padding:0 0 40px 44px;position:relative;z-index:2;flex-wrap:wrap}.primary{display:flex;justify-content:space-between;align-items:center;gap:23px;background:linear-gradient(#ffe95c,#ffdc29);border:1px solid #ffea72;border-bottom:3px solid #deba14;color:#14462b;border-radius:10px;padding:12px 20px;min-height:53px;font-size:.9375rem;font-weight:800;box-shadow:0 5px 0 #00482947,0 12px 25px #003b3040;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #00482947,0 16px 28px #003b3040}.primary:active{transform:translateY(1px)}.primary>span{font-size:1.2rem}.quiet{padding:11px 0;background:none;border:0;border-bottom:1px solid #8fc9a4;display:flex;align-items:center;gap:10px;font-size:.875rem}.quiet:hover{color:var(--yellow)}.hero-visual{grid-area:art;height:100%;min-height:426px;position:relative}.hero-visual>img{position:absolute;width:123%;max-width:none;left:-12%;height:107%;top:-6%;object-fit:contain;filter:drop-shadow(0 18px 18px #00492766)}.hero-art-caption{position:absolute;bottom:19px;right:24px;color:#edf7e7;font-size:.75rem;letter-spacing:.1em}
.games-section{padding:48px 0 47px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading .eyebrow{margin-bottom:7px;color:#e0efdd}.section-heading h2{font-size:2rem;line-height:1.25;font-weight:700;letter-spacing:-.025em;margin:0}.count{display:flex;align-items:center;gap:10px;line-height:1;font-size:1.8rem;font-weight:500;color:var(--yellow)}.count>span{font-size:.75rem;letter-spacing:.09em;font-weight:400;color:#e1eee2}.catalog-intro{margin:10px 0 27px;color:#e0ece2;font-size:.9375rem}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.game-card{border-radius:16px;overflow:hidden;border:1px solid #d3e7d5;background:#fff;color:var(--ink);display:flex;flex-direction:column;box-shadow:0 7px 23px #00351c27;transition:transform .22s,box-shadow .22s;min-width:0}.game-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00351c38}.game-cover{display:block;position:relative;aspect-ratio:540/330;width:100%;background:#e0efe1;padding:0;border:0;overflow:hidden;text-align:left}.game-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.game-cover:hover>img{transform:scale(1.035)}.cover-arrow{position:absolute;bottom:12px;right:13px;background:#004c2dcc;border:1px solid #ffffff7a;color:#fff;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:1.15rem}.game-content{display:flex;flex-direction:column;flex:1;padding:21px}.game-title-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.08em;color:#537461;font-weight:650}.game-title-line>span:last-child{color:#809187;font-weight:400;letter-spacing:0}.game-content h3{font-size:1.65rem;font-weight:750;line-height:1.25;letter-spacing:-.035em;margin:7px 0 10px}.game-content>p{font-size:1rem;line-height:1.65;color:#607165;margin:0 0 18px}.card-facts{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:13px 0 17px;border-top:1px solid var(--line);font-size:.8125rem;color:#526e5b}.card-facts>span:first-child{color:#20583a;font-weight:650}.card-link{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:10px 14px;border:1px solid #c9dbcc;border-radius:7px;background:#eef6ef;color:#075d32;font-size:.875rem;font-weight:700;transition:background .2s,border-color .2s}.card-link>span{font-size:1.1rem}.card-link:hover{background:#ffe758;border-color:#dcc544;color:#174b2b}.catalog-note{margin:22px 0 0;font-size:.8125rem;color:#d9eade}
.about{border-top:1px solid #5bac79;padding:32px 0 38px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.about .eyebrow{margin-bottom:10px}.about h2{font-size:1.6rem;line-height:1.35;letter-spacing:-.02em;margin:0;font-weight:650}.about p{font-size:1rem;line-height:1.7;color:#e3efe4;margin:0}.about p.secondary{font-size:.875rem;color:#c1dbc8;margin-top:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #489c6c;padding:24px 0 28px;font-size:.75rem;color:#d1e9d8}.footer>span{white-space:nowrap;letter-spacing:.05em}.footer p{margin:0}.footer a{white-space:nowrap}.mobile-dock{display:none}
dialog{color-scheme:light;width:min(1020px,calc(100% - 56px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #9bb6a0;border-radius:18px;background:white;color:var(--ink);overflow:hidden;box-shadow:0 30px 110px #002d22a8}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#002819c9;backdrop-filter:blur(7px)}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:13px 24px;flex-shrink:0}.detail-top>span{font-size:.75rem;letter-spacing:.1em;color:#526e5c}.detail-top b{margin-left:16px;color:#07703b;font-weight:650}.close-button{display:grid;place-items:center;flex-shrink:0;background:#f1f6f2;border:1px solid #cbdcce;border-radius:50%;width:44px;height:44px;color:#195134}.close-button:hover{background:#e1eee4}.close-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none}.detail-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;-webkit-overflow-scrolling:touch}.detail-shell{display:grid;grid-template-columns:.82fr 1.18fr;min-height:530px}.detail-visual{background:radial-gradient(ellipse at center,#abdbae,#d8eddc 72%);padding:28px 24px 47px;position:relative;display:flex;align-items:center;justify-content:center;min-height:530px}.detail-visual img{width:auto;height:auto;max-width:100%;max-height:495px;object-fit:contain;border-radius:10px;box-shadow:0 15px 32px #2045292d}.screen-caption{position:absolute;left:18px;right:18px;bottom:16px;text-align:center;font-size:.75rem;line-height:1.6;letter-spacing:.035em;color:#3e674b}.detail-content{padding:31px;display:flex;flex-direction:column;min-width:0}#detail-category{color:#008043;font-size:.75rem;font-weight:650;letter-spacing:.075em;margin:0 0 9px}#detail-title{font-size:2.25rem;letter-spacing:-.04em;line-height:1.2;margin:0 0 19px;font-weight:750}#detail-description{font-size:1rem;color:#596e60;line-height:1.75;margin:0 0 21px}#detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:17px 23px;margin:0 0 27px;padding:20px 0;border-block:1px solid var(--line)}#detail-specs dt{font-size:.75rem;color:#688070}#detail-specs dd{font-size:.875rem;color:#244f32;margin:5px 0 0;font-weight:650;line-height:1.5}.detail-notes h3{font-size:1rem;font-weight:700;margin:0 0 13px}.detail-notes ol{padding:0;margin:0;list-style:none;counter-reset:notes}.detail-notes li{counter-increment:notes;display:grid;grid-template-columns:24px 1fr;gap:10px;margin-bottom:13px;color:#5f7364;font-size:.9375rem;line-height:1.65}.detail-notes li:before{content:'0' counter(notes);color:#068445;font-size:.75rem;font-weight:650;line-height:2}.source-link{font-size:.8125rem;color:#077441;display:inline-flex;align-items:center;gap:13px;text-decoration:underline;text-underline-offset:4px;margin:11px 0 0}.detail-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 25px;background:#f1f7f2;border-top:1px solid var(--line);flex-shrink:0}.detail-navigation>span{font-size:.75rem;letter-spacing:.05em;color:#607969}.detail-navigation button{background:none;border:0;display:flex;gap:14px;align-items:center;padding:11px 0;font-size:.875rem;font-weight:650;color:#0b6c38;min-height:44px}.cover-mode .detail-visual img{max-width:100%;width:100%;height:auto}.cover-mode .detail-visual{background:#e7f1e8}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero-copy{padding:35px 0 22px 32px}.hero-actions{padding:0 0 32px 32px;gap:18px}.hero-visual{min-height:408px}.hero-inner{min-height:408px}.hero-visual>img{width:137%;left:-21%}.game-content{padding:18px}.game-content h3{font-size:1.4rem}.games-grid{gap:18px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}.detail-content{padding:26px}.detail-shell{grid-template-columns:.8fr 1.2fr}.detail-visual{padding-inline:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.site-header{height:73px}.site-header nav{gap:24px;font-size:.875rem}.locale>span{display:none}.brand{font-size:1.3rem;gap:10px}.brand-icon{width:32px;height:32px}.hero{border-radius:18px}.hero-inner{min-height:0;grid-template-columns:1.05fr 1fr;grid-template-areas:'copy art' 'actions actions'}.hero-copy{padding:27px 0 19px 25px}.hero h1{font-size:clamp(2.1rem,5.8vw,2.8rem)}.hero-description{font-size:1rem}.hero-visual{min-height:245px}.hero-visual>img{width:166%;left:-32%;height:106%;top:-3%}.hero-art-caption{display:none}.hero-actions{padding:0 25px 26px;gap:24px;flex-wrap:nowrap}.primary{min-height:51px}.quiet{font-size:.875rem}.games-section{padding:32px 0 35px}.section-heading h2{font-size:1.7rem}.count{font-size:1.6rem}.catalog-intro{font-size:.9375rem;margin:10px 0 22px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.game-content h3{font-size:1.25rem;letter-spacing:-.025em}.game-content>p{font-size:.9375rem}.about{gap:35px;grid-template-columns:1fr 1.2fr}.about h2{font-size:1.35rem}.about p{font-size:.9375rem}.detail-shell{grid-template-columns:1fr}.detail-visual{min-height:0;height:310px;padding:16px 20px 45px}.detail-visual img{max-height:100%;width:auto;height:100%}.detail-content{padding:26px}.detail-shell{min-height:0}.cover-mode .detail-visual{height:auto;padding:21px 30px 47px}.cover-mode .detail-visual img{width:100%;max-width:420px;height:auto}.detail-navigation>span{font-size:.7rem}}
@media(max-width:560px){body{padding-bottom:calc(102px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#008b41,#007b3d 40%,#006532)}.wrap{width:calc(100% - 28px)}.site-header{height:69px;gap:17px}.site-header nav{display:none}.brand{font-size:1.25rem}.brand small{font-size:.7rem;margin-top:4px}.locale{font-size:.8125rem;border:1px solid #ffffff52;padding:4px 8px;border-radius:5px}.hero{border-radius:16px}.hero-inner{grid-template-columns:1.07fr 1fr}.hero-copy{padding:24px 0 18px 19px}.hero .eyebrow{font-size:.7rem;letter-spacing:.07em;margin-bottom:13px}.hero h1{font-size:clamp(1.7rem,7.5vw,2.45rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:15px}.hero-description{font-size:.875rem;line-height:1.6}.hero-visual{min-height:215px}.hero-visual>img{width:182%;max-width:none;left:-35%;height:123%;top:-9%}.hero-actions{padding:0 18px 21px;gap:0}.primary{width:100%;min-height:50px;border-radius:9px;justify-content:space-between;font-size:.9375rem;padding-inline:17px}.hero-actions .quiet{display:none}.section-heading .eyebrow{font-size:.7rem;letter-spacing:.1em;margin-bottom:6px}.section-heading h2{font-size:1.45rem}.count{font-size:1.45rem;gap:6px}.count>span{font-size:.65rem}.catalog-intro{font-size:.875rem;line-height:1.6;margin:10px 0 20px;max-width:340px}.games-grid{gap:13px 12px}.game-card{border-radius:12px;box-shadow:0 4px 12px #003d232b}.game-card:hover{transform:none}.game-cover{aspect-ratio:540/330}.cover-arrow{width:25px;height:25px;bottom:8px;right:8px;font-size:1rem}.game-content{padding:12px 11px 11px}.game-title-line{font-size:.65rem;letter-spacing:.07em;gap:6px}.game-title-line>span:last-child{font-size:.7rem}.game-content h3{font-size:1rem;letter-spacing:-.025em;line-height:1.3;margin:7px 0 12px;min-height:2.6em}.game-content>p{display:none}.card-facts{font-size:.75rem;padding:0 0 13px;border:0;gap:8px;line-height:1.3}.card-facts>span:last-child{font-size:.65rem;color:#748579}.card-link{font-size:.875rem;min-height:44px;padding:9px 10px;background:#eff7ef;border:1px solid #c4ddc8;border-radius:7px;gap:5px}.card-link>span{font-size:1rem}.catalog-note{font-size:.75rem;line-height:1.7;margin-top:21px}.about{grid-template-columns:1fr;gap:19px;padding:27px 0 30px}.about h2{font-size:1.45rem}.about p{font-size:1rem}.about .eyebrow{font-size:.75rem}.about p.secondary{font-size:.875rem;line-height:1.7}.footer{padding:21px 0 10px;gap:14px;font-size:.75rem}.footer p{font-size:.75rem;line-height:1.7}.mobile-dock{display:flex;align-items:center;justify-content:space-between;gap:18px;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;border:1px solid #7ac192;background:#005e30f5;border-radius:14px;padding:11px 12px 11px 15px;box-shadow:0 12px 35px #00352160;backdrop-filter:blur(12px)}.mobile-dock>div{min-width:0}.mobile-dock strong{display:block;font-size:.875rem;font-weight:700;line-height:1.4}.mobile-dock>div>span{display:block;font-size:.75rem;line-height:1.5;color:#d2e8d7}.dock-button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:135px;min-height:47px;padding:10px 15px;border:1px solid #ffe957;border-bottom:3px solid #ddb917;border-radius:8px;background:linear-gradient(#ffe752,#ffdc24);color:#164b2b;font-size:.9375rem;font-weight:800;box-shadow:0 3px 0 #003d2930}.dock-button>span{font-size:1.1rem}dialog{position:fixed;inset:auto 0 0;width:100%;margin:0;border-radius:20px 20px 0 0;max-height:calc(100dvh - 12px);border-bottom:0}.detail-top{padding:12px 17px}.detail-top>span{font-size:.75rem;letter-spacing:.06em}.detail-top b{margin-left:10px}.detail-visual{height:280px;padding:12px 17px 41px}.detail-visual img{border-radius:8px}.screen-caption{font-size:.7rem;bottom:13px;letter-spacing:0}.detail-content{padding:25px 22px 24px}#detail-title{font-size:1.9rem}#detail-category{font-size:.75rem}#detail-description{font-size:1rem}#detail-specs{gap:17px 19px}#detail-specs dd{font-size:.9375rem}.detail-notes li{font-size:1rem}.source-link{font-size:.875rem;min-height:44px;margin-top:8px}.detail-navigation{padding:9px 21px calc(9px + env(safe-area-inset-bottom))}.detail-navigation>span{display:none}.detail-navigation button{font-size:.9375rem;min-height:44px;gap:12px}.cover-mode .detail-visual{padding:18px 19px 44px}.cover-mode .detail-visual img{max-width:390px}}
@media(max-width:359px){.wrap{width:calc(100% - 22px)}.hero-copy{padding-left:15px}.hero h1{font-size:1.65rem}.hero-visual>img{left:-44%;width:190%}.game-content{padding:11px 9px}.game-title-line{letter-spacing:0}.card-link{font-size:.8125rem;padding-inline:8px}.mobile-dock{left:10px;right:10px;gap:10px;padding-left:12px}.dock-button{min-width:120px;gap:18px}.footer{gap:12px}.count>span{display:none}}
.brand small,.hero .eyebrow,.section-heading .eyebrow,.count>span,.game-title-line,.game-title-line>span:last-child,.card-facts>span:last-child,.screen-caption{font-size:.75rem}
@media(max-width:560px){.hero-description{font-size:1rem}.hero .eyebrow{letter-spacing:.025em}.game-title-line{letter-spacing:.01em}.card-facts>span:last-child{font-size:.75rem}.hero-visual{min-height:228px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}