@font-face{font-family:system-ui;src:local("Segoe UI")}
:root{color-scheme:dark;--bg:#111411;--text:#f0f3e9;--muted:#9bA497;--line:#30372e;--accent:#d6f59a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1224px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent);color:#1b2917;font-size:20px;font-weight:900;letter-spacing:-3px;padding-right:3px}.brand-icon span{position:absolute;width:5px;height:5px;background:#1b2917;right:6px;top:6px;border-radius:50%}.catalog-link{font-size:14px;display:flex;gap:25px;align-items:center}.catalog-link span{font-size:21px;color:var(--accent)}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:72px 0 78px;min-height:510px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--accent);margin:0 0 27px}h1{font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-2.5px;line-height:1.08;margin:0 0 36px}h1 span{color:#a4ad9d}.button{display:inline-flex;align-items:center;gap:36px;background:var(--accent);color:#1c2816;border-radius:7px;font-size:14px;font-weight:700;padding:16px 21px}.button:hover{background:#e3ffb3;transform:translateY(-1px)}.scene{position:relative;overflow:hidden;height:354px;border-radius:15px;background:radial-gradient(ellipse at 64% 10%,#7f9979 0,transparent 48%),linear-gradient(150deg,#3c5345,#839878 52%,#36493d 53%,#142a25);isolation:isolate;box-shadow:inset 0 0 70px #172d2b66}.sun{position:absolute;right:19%;top:12%;width:54px;height:54px;background:#ecf2bf;border-radius:50%;box-shadow:0 0 45px #e7e4af55}.horizon{position:absolute;top:42%;width:130%;height:26%;left:-10%;background:#627865;clip-path:polygon(0 60%,12% 40%,22% 45%,35% 8%,47% 53%,60% 14%,80% 70%,100% 20%,100% 100%,0 100%);filter:blur(1px)}.reflection{position:absolute;top:56%;right:18%;width:20%;height:48%;background:linear-gradient(#d5db9b55,transparent);clip-path:polygon(33% 0,66% 0,100% 100%,0 100%);filter:blur(12px)}.island{position:absolute;background:#223c29;clip-path:polygon(5% 33%,25% 2%,77% 0,100% 36%,93% 76%,49% 100%,10% 81%)}.island-back{width:140px;height:48px;left:0;top:53%;background:#4c694b}.island-front{width:310px;height:110px;left:calc(50% - 155px);top:58%;background:linear-gradient(165deg,#9aac69 0,#708a4b 38%,#3b5634 39%,#172f25 90%);filter:drop-shadow(0 20px 8px #132923)}.portal{position:absolute;top:27%;left:calc(50% - 47px);width:94px;height:144px;border:13px solid #41543a;border-bottom-width:10px;transform:skewY(-6deg);background:linear-gradient(#e8f7af,#a9d48c);box-shadow:inset 0 0 25px #f6ffd5,4px 4px 0 #213a2d,0 0 35px #d6ff9b44}.portal:before{content:"";position:absolute;left:-18px;right:-18px;top:-21px;height:16px;background:#708154;box-shadow:4px 4px 0 #2e4632}.portal span{display:block;position:absolute;top:10%;bottom:0;left:20%;right:20%;background:linear-gradient(transparent,#edffaf99);filter:blur(7px)}.stone{position:absolute;background:linear-gradient(130deg,#a5b17c,#536a42);clip-path:polygon(12% 24%,75% 0,100% 65%,68% 100%,0 90%)}.stone-one{left:18%;top:66%;width:35px;height:38px}.stone-two{right:23%;top:69%;width:19px;height:21px}.shore{position:absolute;bottom:-20px;left:-10%;height:60px;width:120%;border:1px solid #a6c2a519;border-radius:50%;box-shadow:0 -16px 0 -15px #bad2b52e,0 -34px 0 -33px #bad2b51f,0 -56px 0 -55px #bad2b51a}.scene-mark{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:2px;color:#c5d6b8aa}.games{padding:0 0 70px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0}.label{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.upcoming{display:flex;align-items:center;gap:24px;border:1px solid var(--line);background:#191e17;padding:25px;border-radius:12px}.game-symbol{position:relative;width:76px;height:76px;border-radius:10px;background:#2e3d25;flex-shrink:0}.game-symbol:before{content:"";position:absolute;width:48px;height:30px;background:#c5de98;border-radius:9px;left:14px;top:24px;transform:rotate(-9deg)}.game-symbol span{position:absolute;z-index:1;top:24px;left:20px;color:#324829;font-size:25px;line-height:26px;font-weight:700;transform:rotate(-9deg)}.game-symbol i,.game-symbol b{position:absolute;width:5px;height:5px;border-radius:50%;background:#324829;top:33px;left:47px}.game-symbol b{top:39px;left:53px}h3{font-size:18px;font-weight:500;margin:0 0 9px;letter-spacing:-.2px}.upcoming p{font-size:14px;color:var(--muted);margin:0}.number{font-size:12px;margin-left:auto;color:#7b886e;align-self:flex-start}.footer{padding:27px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#899580}.footer span:last-child{font-family:monospace;font-size:10px}
@media(min-width:1500px){.hero{gap:70px;padding:92px 0}.scene{height:390px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}h1{font-size:40px}.eyebrow{font-size:8px;letter-spacing:1px}.scene{height:310px}.portal{top:23%}.island-front{width:260px;left:calc(50% - 130px)}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:19px}.catalog-link{font-size:13px;gap:15px}.hero{grid-template-columns:1fr;padding:43px 0 40px;gap:32px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}h1{font-size:42px;letter-spacing:-1.8px;margin-bottom:27px}.scene{height:300px}.button{padding:14px 18px}.games{padding-bottom:38px}.section-heading{margin-bottom:18px}h2{font-size:23px}.upcoming{padding:18px;gap:16px}.game-symbol{width:65px;height:65px}.game-symbol:before{left:9px;top:19px}.game-symbol span{top:19px;left:15px}.game-symbol i{top:28px;left:42px}.game-symbol b{top:34px;left:48px}h3{font-size:15px}.upcoming p{font-size:12px}.footer{font-size:10px;gap:15px;line-height:1.6}.footer span:last-child{max-width:120px;text-align:right}.number{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}