/* Centered hero copy and a rounded emerald entry button. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,4vw,64px);align-items:start}
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding-top:0}
.hero .hero-logo{width:230px;height:154px;margin:0 0 20px}
.hero-copy .eyebrow{justify-content:center}
.hero-copy>p{margin:0;max-width:440px}
.hero-copy .catalog-snapshot{justify-content:center;max-width:430px}
.hero-copy .hero-foot{justify-content:center;flex-wrap:wrap;row-gap:8px;line-height:1.7}
.hero-showcase h1{font-size:clamp(40px,4.25vw,62px);line-height:1.18;letter-spacing:-1.7px;text-align:center;margin:0 0 30px}
.hero-showcase h1 br:nth-of-type(2){display:none}
.hero-showcase h1 em{display:inline-block;margin-left:.14em}
.hero-showcase .scene-top{top:35px}
.hero .scroll-note{left:5.5%;width:calc((89% - clamp(30px,4vw,64px)) * .425);text-align:center}
@media(min-width:1500px){.hero .scroll-note{left:calc((100% - 1350px)/2);width:550px}}
.hero-showcase{position:relative;align-self:start;min-width:0;padding-top:0}
.start-game-actions{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;width:100%;margin:38px 0 28px;pointer-events:none}
.start-game-wrap{position:relative;isolation:isolate;flex:none;width:min(340px,calc(100% - 48px));height:148px;padding:6px;border:1px solid #8dffd2;border-radius:26px;background:linear-gradient(135deg,#bdffe2 0%,#19ae79 18%,#07442f 43%,#35e9a6 74%,#c5ffe4 100%);box-shadow:0 0 0 3px #082d25,0 0 0 4px #34e5a488,0 0 24px #0de38b66,0 10px 22px #020909a3,inset 0 0 9px #8dffd2aa;pointer-events:auto;transition:transform .25s,filter .25s}
.start-game-wrap::before{content:"";position:absolute;z-index:-1;inset:-22px;border-radius:38px;background:linear-gradient(135deg,#8dffcd44,transparent 35%,#10d97899 70%,#8dffcd44);filter:blur(17px);animation:entry-glow 4.5s ease-in-out infinite;pointer-events:none}
.start-game-wrap::after{content:"";position:absolute;z-index:-1;inset:-10px;border:1px solid #79ffc499;border-left-color:#79ffc433;border-right-color:#79ffc433;border-radius:34px;box-shadow:0 0 10px #35efa433;animation:entry-rim 4s ease-in-out infinite alternate;pointer-events:none}
.start-game-ripples{position:absolute;z-index:-2;inset:0;border-radius:26px;pointer-events:none}
.start-game-ripples i{position:absolute;inset:-4px;border:1px solid #8dffd2;border-radius:30px;box-shadow:0 0 9px #35efa488,inset 0 0 9px #35efa433;opacity:0;animation:entry-ripple 4.8s cubic-bezier(.18,.5,.4,1) infinite}
.start-game-ripples i:nth-child(2){animation-delay:-1.6s}
.start-game-ripples i:nth-child(3){animation-delay:-3.2s}
.start-game-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px 10px;color:#fffaf0;border:2px solid #111b20;border-radius:19px;background:radial-gradient(ellipse at 50% 113%,#dffff0 0%,#40ef9a 10%,#0ab56caa 25%,transparent 48%),radial-gradient(ellipse at 48% 0%,#dce4df88 0%,#8a959477 21%,transparent 53%),radial-gradient(circle at 50% 44%,#334e43 0%,#152e25 48%,#081d17 73%,#03120e 100%);box-shadow:inset 0 0 0 2px #70f5b755,inset 0 -8px 25px #050c0e,0 0 0 1px #edf3e3aa;overflow:hidden;cursor:pointer;transition:box-shadow .25s,filter .25s;appearance:none;text-align:center}
.start-game-button::before{content:"";position:absolute;inset:8px;border-radius:15px;background:radial-gradient(ellipse at 43% 7%,#e1e8e455,transparent 55%),conic-gradient(from 180deg at 50% 115%,transparent 0deg,#56ffc088 13deg,transparent 25deg,#d6ffe580 37deg,transparent 50deg,transparent 305deg,#7affba88 323deg,transparent 345deg);filter:blur(7px);pointer-events:none;animation:entry-mist 7s ease-in-out infinite alternate}
.start-game-button::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-80%;width:40%;background:linear-gradient(90deg,transparent,#eff6ed20,transparent);transform:skewX(-22deg);animation:entry-sheen 8s ease-in-out infinite;pointer-events:none}
.start-game-wrap:has(.start-game-button:hover){transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 5px 19px #24f29488)}
.start-game-wrap:has(.start-game-button:active){transform:translateY(2px) scale(.98)}
.start-game-button:hover{box-shadow:inset 0 0 0 2px #a0ffd988,inset 0 -8px 25px #050c0e,0 0 0 1px #e2fff0}
.start-game-button:focus-visible{outline:3px solid #c2ffe1;outline-offset:12px}
.start-game-play,.start-game-corner{display:none}
.start-game-copy{display:grid;justify-items:center;gap:9px;position:relative;z-index:2}
.start-game-title{font-family:Kanit,system-ui,sans-serif;font-size:54px;font-weight:900;line-height:1.2;letter-spacing:-1px;white-space:nowrap;color:#fffdf5;text-shadow:3px 0 #040a0e,-3px 0 #040a0e,0 -3px #040a0e,0 3px #040a0e,2px 3px #040a0e,-2px 3px #040a0e,0 6px 5px #000b}
.start-game-subtitle{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:3.7px;color:#e9e9dd;text-shadow:0 2px 3px #000;white-space:nowrap}
.start-game-subtitle::before,.start-game-subtitle::after{content:"";width:12px;height:1px;background:#b3ffda99}
.start-game-sparkles{position:absolute;inset:-26px;pointer-events:none;z-index:4}
.start-game-sparkles i{position:absolute;left:var(--x);top:var(--y);width:var(--size,5px);height:var(--size,5px);border-radius:50%;background:#d3ffe8;box-shadow:0 0 7px 1px #baffde,0 0 16px 3px #09e988;opacity:0;animation:entry-ember var(--duration,4s) ease-in-out var(--delay,0s) infinite}
.start-game-sparkles .entry-glint{border-radius:0;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%);background:#f0fff5;filter:drop-shadow(0 0 5px #80ffbd);animation-name:entry-glint}
.start-game-caption{max-width:95%;min-height:17px;margin:12px 0 0!important;padding:3px 11px;border-radius:20px;background:#102924d9;color:#d1c7ad!important;font-size:9px!important;line-height:1.7!important;text-align:center;pointer-events:none}
.start-game-caption::before{content:"✧";color:#8affc8;margin-right:6px}
.start-game-links{display:block;margin-top:28px}
.start-game-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px}
.start-game-secondary .text-button{font-size:14px;color:#d1dbc9}
.motion-paused .start-game-wrap::before,.motion-paused .start-game-wrap::after,.motion-paused .start-game-button::before,.motion-paused .start-game-button::after{animation-play-state:paused!important}
@keyframes entry-glint{0%,100%{opacity:.2;transform:scale(.5) rotate(-8deg)}45%{opacity:1;transform:scale(1.15) rotate(6deg)}70%{opacity:.5;transform:scale(.7) rotate(12deg)}}
@keyframes entry-glow{50%{opacity:.65;transform:scale(1.06)}}
@keyframes entry-rim{to{opacity:.4;box-shadow:0 0 18px #35efa466}}
@keyframes entry-ripple{0%{opacity:0;transform:scale(1)}12%{opacity:.8}75%{opacity:.18}100%{opacity:0;transform:scale(1.22,1.65)}}
@keyframes entry-mist{to{opacity:.55;transform:rotate(8deg) scale(1.07)}}
@keyframes entry-sheen{0%,60%{transform:translateX(0) skewX(-22deg);opacity:0}65%{opacity:1}85%,100%{transform:translateX(550%) skewX(-22deg);opacity:0}}
@keyframes entry-ember{0%,15%,100%{opacity:0;transform:translateY(15px) scale(.4)}40%{opacity:1}80%{opacity:0;transform:translateY(-24px) scale(.7)}}
@media(min-width:701px) and (max-width:1000px){.start-game-title{font-size:46px}.start-game-subtitle{font-size:9px;letter-spacing:3px}.start-game-wrap{height:138px}.hero-showcase .scene-top{top:30px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:44px}.hero-copy{padding-top:0}.hero-showcase{padding-top:0;margin-top:0;width:100%}.hero-showcase h1{font-size:clamp(33px,8.8vw,46px);margin-bottom:26px;letter-spacing:-1px}.start-game-wrap{height:136px}.start-game-title{font-size:47px}.start-game-subtitle{font-size:9px;letter-spacing:3px}.hero-showcase .scene-top{top:25px}.start-game-links{margin-top:22px}.start-game-secondary .text-button{font-size:12px}.start-game-caption{font-size:9px!important}.hero .hero-logo{width:210px;height:140px;margin:0 0 16px}.hero .hero-foot{max-width:320px}.hero .scroll-note{left:6%;width:88%}}
@media(prefers-reduced-motion:reduce){.start-game-wrap::before,.start-game-wrap::after,.start-game-button::before,.start-game-button::after,.start-game-sparkles i,.start-game-ripples i{animation:none!important}.start-game-ripples{display:none}.start-game-wrap{transition:none}.start-game-wrap:has(.start-game-button:hover){transform:none}.start-game-sparkles i:nth-child(3n){opacity:.6}}