:root{--bg:#050506;--fg:#f5f4f9;--muted:#aaa9b6;--accent:#aea2fa;--line:rgba(255,255,255,.11);--space:clamp(24px,5vw,86px);font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#b4a7e9;color:#0b0816}.skip-link{position:fixed;top:-80px;left:16px;background:white;color:black;padding:12px 18px;z-index:999}.skip-link:focus{top:12px}.section-container{width:min(1200px,calc(100% - 2*var(--space)));margin-inline:auto}
/* navbar — fixed, frosted and centered like the reference */
.site-header{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100vw - 32px));z-index:50}.nav-shell{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:linear-gradient(110deg,rgba(255,255,255,.13),rgba(255,255,255,.22) 48%,rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.24);border-radius:13px;box-shadow:0 14px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.wordmark,.footer-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:860;letter-spacing:-1.3px;white-space:nowrap}.wordmark-light{font-weight:inherit}.logo-mark,.hero-mark{display:inline-flex;align-items:flex-end;gap:3px;transform:skew(-14deg) rotate(-2deg);height:22px}.logo-mark>span,.hero-mark>span{display:block;background:white;width:8px;border-radius:1px}.logo-mark>span:nth-child(1),.hero-mark>span:nth-child(1){height:19px}.logo-mark>span:nth-child(2),.hero-mark>span:nth-child(2){height:12px}.logo-mark>span:nth-child(3),.hero-mark>span:nth-child(3){height:18px;transform:translateY(-3px)}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:530}.nav-links>a:not(.social-link){color:rgba(255,255,255,.77);transition:color .2s}.nav-links>a:hover,.nav-links>a.active{color:white}.nav-divider{height:31px;border-left:1px solid #ffffff50}.social-link{display:grid;place-items:center;opacity:.82;transition:opacity .2s}.social-link:hover{opacity:1}.social-link svg{width:21px;height:21px}.menu-toggle{display:none;gap:5px;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:12px;cursor:pointer;width:44px;height:44px}.menu-toggle span{display:block;width:20px;height:2px;background:white;transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{background:linear-gradient(140deg,rgba(40,39,46,.94),rgba(17,17,20,.96));border:1px solid #ffffff30;border-radius:14px;padding:10px;margin-top:10px;backdrop-filter:blur(28px);box-shadow:0 16px 44px #0008}.mobile-nav[hidden]{display:none}.mobile-nav a{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #ffffff14}.mobile-nav a:last-child{border-bottom:0}
/* animated hero; three separate diagonal endless carousels */
.hero{position:relative;display:grid;place-items:center;min-height:700px;height:100svh;isolation:isolate;overflow:hidden;background:black}.hero-wall{position:absolute;inset:-23% -8%;z-index:-3;display:flex;flex-direction:column;justify-content:center;gap:25px;transform:rotate(-3deg) skewY(2.3deg) scale(1.04);pointer-events:none}.marquee{width:100%;overflow:hidden;flex:0 0 auto;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.marquee-track{display:flex;flex-wrap:nowrap;width:max-content;align-items:center;animation:marqueeLeft 44s linear infinite;pointer-events:auto}.marquee-middle .marquee-track{animation-name:marqueeRight;animation-duration:37s;animation-delay:-16s}.marquee-bottom .marquee-track{animation-duration:42s;animation-delay:-25s}.marquee-top .marquee-track{animation-delay:-10s}.hero-wall:has(a:hover) .marquee-track{animation-play-state:paused}.hero-game{--tile-angle:0deg;position:relative;flex:0 0 clamp(265px,26vw,460px);width:clamp(265px,26vw,460px);aspect-ratio:16/9;margin:3px 12px;overflow:hidden;border-radius:16px;transform:rotate(var(--tile-angle));box-shadow:0 6px 24px #0009;background:linear-gradient(130deg,var(--art-a),var(--art-b));pointer-events:auto;transition:transform .35s,filter .35s;outline-offset:3px}.hero-game:hover{transform:rotate(var(--tile-angle)) scale(1.055);z-index:5;filter:brightness(1.14)}.hero-game .art{position:absolute;inset:0}.hero-game .art-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:transform .4s ease}.hero-game:hover .art-img{transform:scale(1.075)}.fallback-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 28%,#fff6,transparent 42%),linear-gradient(125deg,var(--art-a),var(--art-b));overflow:hidden}.fallback-art:before{content:"";position:absolute;width:75%;aspect-ratio:1;top:-45%;left:-17%;border:45px solid #ffffff17;border-radius:50%}.fallback-emoji{font-size:clamp(84px,10vw,135px);filter:drop-shadow(10px 16px 9px #0005);transform:rotate(-9deg);line-height:1}.fallback-art:after{content:attr(data-caption);position:absolute;right:5%;bottom:9%;color:#fff;font-weight:900;letter-spacing:-1px;font-size:clamp(15px,2vw,30px);text-shadow:0 2px 9px #0007;transform:rotate(-4deg);max-width:45%;line-height:1.05;text-align:right}.hero-game .hover-name{position:absolute;inset:auto 0 0;padding:22px 12px 11px;background:linear-gradient(transparent,#0009);font-size:13px;font-weight:700;opacity:0;transition:opacity .2s}.hero-game:hover .hover-name{opacity:1}.hero-darken{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 43% at 50% 51%,rgba(0,0,0,.72) 0%,rgba(0,0,0,.52) 35%,rgba(0,0,0,.1) 80%,transparent 100%),linear-gradient(180deg,rgba(0,0,0,.23),transparent 20%,transparent 83%,#050506 100%)}.hero-center{z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;padding:130px 16px 45px;text-align:center;pointer-events:none}.hero-center h1{font-size:clamp(68px,7.4vw,108px);font-weight:850;line-height:1;letter-spacing:-.078em;margin:0;text-shadow:0 5px 36px #000b}.hero-center h1>span{font-weight:inherit;letter-spacing:-.075em}.hero-lockup{margin-bottom:15px}.hero-mark{height:34px;gap:4px;transform:skew(-16deg) rotate(-2deg)}.hero-mark>span{width:14px}.hero-mark>span:nth-child(1){height:31px}.hero-mark>span:nth-child(2){height:18px}.hero-mark>span:nth-child(3){height:29px}.hero-center p{font-size:clamp(14px,1.3vw,19px);color:#efeff2;margin:22px 0 0;text-shadow:0 2px 9px #000e;letter-spacing:.005em}.hero-center p strong{color:#fff}.hero-explore{pointer-events:auto;display:inline-flex;align-items:center;gap:14px;border:1px solid #ffffff70;padding:14px 18px;border-radius:40px;font-size:13px;font-weight:630;margin-top:29px;background:rgba(20,20,20,.45);backdrop-filter:blur(10px);transition:background .2s,transform .2s}.hero-explore:hover{background:#fff;color:#111;transform:translateY(-3px)}.hero-explore span{font-size:17px}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;white-space:nowrap;letter-spacing:.23em;font-weight:650;color:#bfbfc5;z-index:4}.scroll-cue-line{width:1px;height:28px;background:linear-gradient(transparent,white);animation:floatLine 1.8s ease-in-out infinite alternate}@keyframes floatLine{to{transform:translateY(6px);opacity:.4}}@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* content sections */
.intro{padding-top:150px;padding-bottom:160px}.eyebrow{display:flex;align-items:center;gap:13px;color:#aaa6bb;font-size:12px;letter-spacing:.19em;font-weight:740}.eyebrow-line{display:inline-block;width:23px;height:1px;background:#a696ec}.intro-columns{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:60px;margin-top:28px}.intro h2{font-size:clamp(52px,6.1vw,88px);letter-spacing:-.071em;line-height:1.01;margin:12px 0 0;font-weight:760}.intro h2 em,.contact h2 em{font-style:normal;background:linear-gradient(150deg,#fff 10%,#ada2d5 85%);color:transparent;background-clip:text}.intro-copy{padding-top:15px;max-width:410px}.intro-copy p{font-size:17px;line-height:1.7;color:#a8a6ad;margin:0 0 18px}.intro-copy p:first-child{color:#fff;font-size:19px}.text-link{display:inline-flex;align-items:center;gap:21px;margin-top:20px;padding:0 0 10px;border-bottom:1px solid #b8a7ef;font-size:14px;font-weight:640;transition:gap .2s}.text-link:hover{gap:33px}.statistics{padding:60px 0 135px}.section-header{text-align:center}.section-header .eyebrow{justify-content:center}.section-header h2,.experience-header h2{font-size:clamp(47px,5.7vw,76px);line-height:1.03;letter-spacing:-.065em;margin:21px 0}.gradient-title{background:linear-gradient(160deg,#fff 10%,#9990c3 85%);background-clip:text;color:transparent}.section-header>p:last-child{color:#a7a5ae;font-size:16px}.stat-panel{background:linear-gradient(100deg,#ffffff0b,#b0a2ef14,#ffffff09);border:1px solid rgba(255,255,255,.12);border-radius:24px;margin-top:62px;display:grid;grid-template-columns:repeat(4,1fr);padding:48px 30px;gap:0;box-shadow:0 30px 100px #0003}.stat-cell{display:flex;flex-direction:column;gap:12px;text-align:center;padding:0 12px;justify-content:center}.stat-cell:not(:last-child){border-right:1px solid #ffffff25}.stat-cell strong{font-size:clamp(39px,4.6vw,62px);font-weight:700;letter-spacing:-.06em}.stat-cell span:not(.percent){font-size:13px;color:#c7c2d2;line-height:1.4}.stat-cell .percent{font-size:.6em;color:#a69bea}.stats-note{text-align:center;color:#76747e;font-size:12px;margin-top:18px;line-height:1.5}
.experiences{padding-top:70px;padding-bottom:140px}.experience-header{display:flex;align-items:end;justify-content:space-between;gap:48px}.experience-header h2{margin-top:15px}.experience-header p{max-width:270px;color:#a09da8;font-size:16px;line-height:1.6;margin-bottom:28px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:69px}.game-card{min-width:0;opacity:0;transform:translateY(26px);transition:transform .5s,opacity .5s}.game-card.visible{opacity:1;transform:translateY(0)}.game-link{display:block;border-radius:17px;overflow:hidden;position:relative;aspect-ratio:16/9;background:linear-gradient(125deg,var(--art-a),var(--art-b));border:1px solid #ffffff17;box-shadow:0 8px 40px #0004;transition:transform .3s,border-color .3s}.game-link:hover{transform:scale(1.035);border-color:#ffffff67}.game-link .art{position:absolute;inset:0}.game-link .art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-link:hover .art-img{transform:scale(1.07)}.game-link .fallback-emoji{font-size:90px}.game-link .fallback-art:after{font-size:22px}.game-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.4) 59%,#080708e8)}.game-card-info{position:absolute;bottom:17px;left:17px;right:17px;z-index:3}.game-title{font-size:18px;font-weight:720;letter-spacing:-.03em;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center;color:#e0dce7}.game-tag{display:inline-flex;gap:5px;align-items:center;min-width:0}.game-rating{white-space:nowrap;font-weight:700}.game-arrow{position:absolute;right:15px;top:12px;border-radius:50%;display:grid;place-items:center;width:34px;height:34px;background:#0008;border:1px solid #ffffff42;font-size:17px;z-index:3;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.game-link:hover .game-arrow{opacity:1;transform:translateY(0)}.experience-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff1b;margin-top:75px;padding-top:26px;color:#757381;font-size:11px;letter-spacing:.16em;font-weight:730}.outline-button{color:#fff;letter-spacing:0;display:inline-flex;align-items:center;gap:18px;border:1px solid #ffffff35;border-radius:40px;padding:15px 21px;font-size:13px;transition:background .2s}.outline-button:hover{background:#ffffff23}.outline-button span{font-size:18px}
.contact{padding-top:30px;padding-bottom:125px}.contact-inner{border:1px solid #ffffff1a;border-radius:26px;background:linear-gradient(130deg,#15121d,#07070a 80%);overflow:hidden;position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;padding:96px 20px 102px}.contact-glow{position:absolute;pointer-events:none;background:radial-gradient(circle,#7267bb2b 0,transparent 65%);width:950px;height:610px;top:-450px;left:50%;transform:translateX(-50%)}.contact-inner .eyebrow{z-index:1}.contact h2{z-index:1;font-size:clamp(48px,6vw,81px);line-height:1;letter-spacing:-.07em;margin:18px 0 23px}.contact-inner>p:not(.eyebrow){z-index:1;max-width:490px;color:#aaa7b2;font-size:16px;line-height:1.7}.contact-button{z-index:1;display:inline-flex;align-items:center;gap:24px;padding:15px 23px;background:#fff;color:#15151c;border-radius:28px;font-size:14px;font-weight:700;margin-top:23px;transition:transform .2s,background .2s}.contact-button:hover{background:#cfc6f7;transform:translateY(-3px)}.contact-button span{font-size:19px}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:115px;border-top:1px solid #ffffff1b}.footer-brand{font-size:18px}.footer>span{font-size:12px;color:#77747d}.footer>a:last-child{font-size:12px;color:#aaa8b2}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (min-width:1800px){.hero-wall{gap:33px}.hero-game{flex-basis:465px;width:465px}}@media (max-width:850px){.nav-links{gap:15px;font-size:12px}.nav-shell{padding:0 16px}.hero{min-height:650px}.hero-wall{gap:22px;inset:-22% -12%;transform:rotate(-4deg) skewY(2deg) scale(1.09)}.hero-game{flex-basis:310px;width:310px}.intro-columns{grid-template-columns:1fr;gap:8px}.intro-copy{max-width:620px}.game-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.experience-header{align-items:start;flex-direction:column;gap:0}.experience-header p{max-width:500px;margin:0}.stat-panel{grid-template-columns:repeat(2,1fr);row-gap:40px;padding:32px 15px}.stat-cell:nth-child(2){border-right:0}.stat-cell:nth-child(1),.stat-cell:nth-child(2){padding-bottom:28px;border-bottom:1px solid #ffffff1b}.stat-cell:nth-child(3){border-right:1px solid #ffffff25}}@media (max-width:630px){.site-header{top:16px}.nav-shell{height:60px}.nav-links{display:none}.menu-toggle{display:flex}.hero{min-height:650px;height:95svh}.hero-wall{inset:-10% -63%;gap:17px;transform:rotate(-6deg) skewY(2deg) scale(1.08)}.hero-game{flex-basis:245px;width:245px;margin-inline:8px;border-radius:12px}.hero-darken{background:radial-gradient(ellipse 69% 43% at center,rgba(0,0,0,.78) 0%,rgba(0,0,0,.52) 40%,rgba(0,0,0,.08) 90%),linear-gradient(180deg,#0007,transparent 21%,transparent 75%,#050506)}.hero-center{padding-top:100px}.hero-center h1{font-size:clamp(61px,12vw,86px)}.hero-center p{font-size:13px;max-width:290px;line-height:1.75}.hero-explore{font-size:12px;padding:12px 16px}.intro{padding-block:90px}.intro h2{font-size:55px}.statistics{padding:30px 0 85px}.section-header h2,.experience-header h2{font-size:45px}.section-header>p:last-child{line-height:1.6}.stat-cell strong{font-size:42px}.stat-cell span:not(.percent){font-size:11px}.experiences{padding:20px 0 110px}.game-grid{grid-template-columns:1fr;gap:26px;margin-top:42px}.game-title{font-size:18px}.game-link .fallback-emoji{font-size:110px}.experience-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:52px}.contact{padding-bottom:65px}.contact-inner{padding:75px 18px}.contact h2{font-size:45px}.footer{flex-wrap:wrap;padding-block:25px;min-height:0}.footer>a:last-child{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none!important}.scroll-cue-line{animation:none}.reveal,.game-card{opacity:1;transform:none;transition:none}}

/* V4: TRUE seamless auto-scrolling gallery — 3 moving image rows */
.hero-wall{gap:20px}
.marquee{overflow:hidden;contain:layout paint;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}
.marquee-track{
  display:flex;width:max-content;gap:0;flex-wrap:nowrap;
  will-change:transform;
  animation:loopGallery var(--speed,24s) linear infinite;
  animation-play-state:running!important;
}
.marquee-set{display:flex;flex:0 0 auto;gap:24px;padding-right:24px;align-items:center}
.marquee .hero-game{margin:3px 0;flex-shrink:0}
.marquee-middle .marquee-track{animation:loopGallery var(--speed,27s) linear infinite reverse;animation-delay:-8s}
.marquee-top .marquee-track{animation-delay:-2s}
.marquee-bottom .marquee-track{animation:loopGallery var(--speed,25s) linear infinite;animation-delay:-11s}
.hero-wall:has(a:hover) .marquee-track{animation-play-state:running!important}
@keyframes loopGallery{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:630px){.marquee-set{gap:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.marquee-middle .marquee-track,.marquee-bottom .marquee-track{animation:none!important}}

/* V5: always-visible HTML gallery, faster obvious motion, user-playable control. */
.marquee-top {--speed:16s!important}
.marquee-middle {--speed:18s!important}
.marquee-bottom {--speed:17s!important}
.marquee-track{animation-play-state:running!important;animation-timing-function:linear!important}
.motion-toggle{position:absolute;z-index:9;right:clamp(16px,3vw,42px);bottom:30px;display:flex;gap:10px;align-items:center;border:1px solid #ffffff52;color:white;background:#13121bbb;padding:12px 16px;border-radius:100px;backdrop-filter:blur(12px);font:600 12px Inter,'Segoe UI',Arial,sans-serif;cursor:pointer}
.motion-dot{width:8px;height:8px;border-radius:50%;background:#86efac;box-shadow:0 0 9px #86efac}
html[data-motion="off"] .marquee-track{animation-play-state:paused!important}
html[data-motion="off"] .motion-dot{background:#fca5a5;box-shadow:0 0 9px #fca5a5}
@media (prefers-reduced-motion:reduce){html:not([data-motion="on"]) .marquee-track{animation:none!important}html[data-motion="on"] .marquee-track{animation:loopGallery var(--speed,17s) linear infinite!important}html[data-motion="on"] .marquee-middle .marquee-track{animation-direction:reverse!important}}
@media(max-width:630px){.motion-toggle{bottom:18px;right:15px;font-size:11px;padding:11px 12px}.scroll-cue{display:none}}

/* V6: precise, always-moving LEFT/RIGHT image rows. CSS-only animation. */
@keyframes rowSlideV6 { from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
html .hero .hero-wall .marquee .marquee-track {
  animation-name: rowSlideV6 !important;
  animation-duration: 14s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-direction: normal !important;
  animation-play-state: running !important;
  animation-delay: 0s !important;
  will-change: transform;
}
html .hero .hero-wall .marquee-middle .marquee-track {
  animation-direction: reverse !important;
  animation-duration: 16s !important;
}
html .hero .hero-wall .marquee-bottom .marquee-track {
  animation-duration: 13s !important;
}
html[data-motion="off"] .hero .hero-wall .marquee .marquee-track {
  animation-play-state: paused !important;
}
/* Do not pause on hover: previously moving the cursor over one image could freeze the gallery. */
html .hero .hero-wall:has(a:hover) .marquee .marquee-track {
  animation-play-state: running !important;
}
html[data-motion="off"] .hero .hero-wall:has(a:hover) .marquee .marquee-track {
  animation-play-state: paused !important;
}
.hero .hero-wall {gap:12px;transform:rotate(-3deg) skewY(2deg) scale(1.06)}
.hero .marquee {overflow:hidden}
.hero .marquee .marquee-set {flex-shrink:0}
.hero .marquee .marquee-set .hero-game { flex-shrink:0; }
.hero .hero-center {pointer-events:none}
.hero .hero-explore{pointer-events:auto}
@media(max-width:700px){
  .hero .hero-wall {gap:12px}
  .hero .hero-game{flex-basis:250px;width:250px}
}


/* Kaizen by Calio — final brand and editable image-only placeholders */
.kaizen-symbol{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;border-radius:7px;background:#f2f2f5;color:#08090d;font-size:20px;font-weight:950;font-style:italic;letter-spacing:-.1em}
.kaizen-wordmark{font-size:19px;font-weight:850;letter-spacing:-.045em;white-space:nowrap}.kaizen-wordmark small{font-size:10px;font-weight:700;letter-spacing:.07em;color:#d9dbe2;margin-left:3px}
.hero-center h1{font-size:clamp(72px,10.2vw,150px);letter-spacing:-.086em;line-height:.88;margin:7px 0 5px}
.hero-monogram{width:46px;height:46px;display:grid;place-items:center;border:2px solid #fff;border-radius:13px;font-size:30px;font-weight:950;transform:rotate(-6deg);box-shadow:0 0 50px #0007}
.hero-byline{font-size:clamp(17px,2vw,25px);font-weight:740;letter-spacing:.45em;margin-left:.45em;line-height:1.5;text-shadow:0 2px 12px #000}
.hero-center p{margin-top:20px}
.hero-game{--tile-angle:0deg;display:block;cursor:default;transform:none;background:#191e27;border:1px solid #ffffff2e;box-shadow:0 16px 34px #0008}
.hero-game:hover{transform:scale(1.03)}
.slot-art{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(142deg,var(--art-a,#20242a),var(--art-b,#3c424c));isolation:isolate;color:#f2f3fa}
.slot-art:before{content:'';position:absolute;width:62%;aspect-ratio:1;left:-13%;top:-47%;border:2px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff04;z-index:-1}
.slot-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 52%,transparent 76%);z-index:-1}
.slot-id{position:absolute;top:19px;left:22px;color:#ffffff90;font-size:11px;letter-spacing:.22em;font-weight:850}
.slot-plus{font-size:48px;line-height:1;font-weight:200;color:#ffffff7a;width:62px;height:62px;border:1px solid #ffffff57;border-radius:17px;display:grid;place-items:center;margin-bottom:6px}
.slot-label{font-size:clamp(19px,2vw,29px);font-weight:820;letter-spacing:.17em;text-align:center;margin-left:.17em;text-shadow:0 2px 10px #0007}
.slot-footnote{position:absolute;bottom:22px;color:#ffffff8a;font-size:10px;letter-spacing:.2em;font-weight:700}
.slot-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;display:block}
.game-link{cursor:default}.game-link:hover{transform:translateY(-2px)}
.placeholder-card .game-link{border-radius:17px}.placeholder-card-caption{padding:17px 3px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#f2f2f8}.placeholder-card-caption strong{font-size:16px}.placeholder-card-caption span{font-size:12px;color:#9c9ca5}
.placeholder-note{letter-spacing:normal;color:#c7c7d0;font-size:12px}
/* Actual thumbnail motion (not text motion). Identical duplicate sets keep an endless loop. */
@keyframes kaizenScroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
html .hero .hero-wall .marquee .marquee-track{animation:kaizenScroll 22s linear infinite!important;animation-play-state:running!important;will-change:transform}
html .hero .hero-wall .marquee-middle .marquee-track{animation-direction:reverse!important;animation-duration:25s!important}
html .hero .hero-wall .marquee-bottom .marquee-track{animation-duration:23s!important}
html .hero .hero-wall .marquee-top .marquee-track{animation-duration:20s!important}
html[data-motion="off"] .hero .hero-wall .marquee .marquee-track{animation-play-state:paused!important}
.hero .hero-wall:has(.slot-tile:hover) .marquee-track{animation-play-state:running!important}
html[data-motion="off"] .hero .hero-wall:has(.slot-tile:hover) .marquee-track{animation-play-state:paused!important}
@media(max-width:630px){.hero-center h1{font-size:clamp(62px,15vw,97px)}.hero-byline{font-size:16px;letter-spacing:.34em;margin-left:.34em}.slot-plus{height:46px;width:46px;font-size:34px}.slot-label{font-size:17px}.slot-id{top:12px;left:13px;font-size:9px}.slot-footnote{bottom:13px;font-size:8px}.kaizen-wordmark{font-size:17px}.kaizen-wordmark small{font-size:9px}}

/* Four original game images displayed in all gallery lanes */
.showcase-tile{cursor:pointer!important;outline-offset:3px}
.showcase-art{display:block;position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform .35s ease}
.hero-game:hover .showcase-art,.game-link:hover .showcase-art{transform:scale(1.065)}
.showcase-tile:hover .hover-name{opacity:1}
.game-link.playable-card{cursor:pointer!important}
.game-link.playable-card:hover{transform:translateY(-3px) scale(1.012)}
.playable-card .game-card-info{display:flex;flex-direction:column;gap:5px}
.playable-card .game-title{display:block;font-size:19px;line-height:1.2;margin:0;color:white;text-shadow:0 2px 8px #0009}
.playable-card .game-info-bottom{font-size:12px;color:#ffffffc9}
/* Keep the continuous moving rows, even when browser motion settings are reduced; Pause remains user controlled */
html .hero .hero-wall .marquee .marquee-track{animation:kaizenScroll 24s linear infinite!important;animation-play-state:running!important}
html .hero .hero-wall .marquee-middle .marquee-track{animation-direction:reverse!important;animation-duration:27s!important}
html .hero .hero-wall .marquee-bottom .marquee-track{animation-duration:25s!important}
html[data-motion="off"] .hero .hero-wall .marquee .marquee-track{animation-play-state:paused!important}

.thumb-0{background-image:url("images/search-for-the-clover.png")}
.thumb-1{background-image:url("images/drive-an-egg.png")}
.thumb-2{background-image:url("images/my-grass-farm.png")}
.thumb-3{background-image:url("images/race-cars.png")}

/* ONE MORE: definitive branding */
body{overflow-x:clip}
.one-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff;color:#09090b;font-size:22px;transform:rotate(-8deg);line-height:1}
.one-wordmark{font-size:21px;font-weight:900;letter-spacing:-.065em}
.hero-brand-mark{color:#fff;font-size:56px;font-weight:900;line-height:1;transform:rotate(-12deg);text-shadow:0 0 30px #0009}
.hero-center h1{font-size:clamp(66px,9.7vw,148px);white-space:nowrap;letter-spacing:-.075em;line-height:1}
.hero-center .hero-subtitle{font-size:clamp(15px,1.4vw,21px);letter-spacing:0;color:#e9e9ef;font-weight:550;margin-top:18px}
.hero-scroll-stage{position:relative;height:190svh;min-height:1150px}
.hero-scroll-stage .hero{position:sticky;top:0;height:100svh;min-height:min(650px,100svh);overflow:hidden}
.hero-wall{transition:none!important}
.hero-scroll-statement{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,calc(-50% + 36px));width:min(1000px,92vw);text-align:center;pointer-events:none;opacity:0;visibility:hidden;text-shadow:0 6px 30px #000}
.hero-scroll-statement .scroll-kicker{font-size:clamp(10px,1vw,13px);font-weight:730;letter-spacing:.22em;color:#ddd7ef}
.scroll-words-title{display:flex;justify-content:center;flex-wrap:wrap;gap:.15em .25em;font-size:clamp(44px,6.6vw,100px);line-height:1.07;letter-spacing:-.065em;margin:18px auto;font-weight:830}
.hero-scroll-word{display:inline-block;opacity:0;transform:translate3d(0,35px,0);will-change:transform,opacity}
.scroll-second-line{font-size:clamp(14px,1.45vw,20px);color:#ddd;opacity:.85}
.hero-scroll-stage .scroll-cue{transition:opacity .2s}
.hero-scroll-stage .hero-darken{transition:none}
.reading-progress{pointer-events:none;position:fixed;z-index:101;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#eae6ff,#fff);box-shadow:0 0 14px #d4bfff9c}
/* Moving imagery: five actual thumbnail files, repeated in opposite directions. */
.showcase-art{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero .hero-wall .marquee .marquee-track{animation-name:rowSlideV6!important;animation-duration:22s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-direction:normal!important;animation-play-state:running!important;animation-delay:0s!important}
.hero .hero-wall .marquee-middle .marquee-track{animation-duration:25s!important;animation-direction:reverse!important}
.hero .hero-wall .marquee-bottom .marquee-track{animation-duration:23s!important}
html[data-motion="off"] .hero .hero-wall .marquee .marquee-track{animation-play-state:paused!important}
.hero-game{border-color:#ffffff20}
/* Strong scroll-driven title reveals: letters/words progressively reveal inside the sections. */
.reveal{transition:opacity .55s ease,transform .75s cubic-bezier(.18,.75,.2,1)}
.word-reveal{display:inline-block;opacity:0;transform:translate3d(0,110%,0);transition:transform .8s cubic-bezier(.2,.7,.12,1),opacity .7s ease;transition-delay:calc(var(--word-i) * 75ms)}
.visible .word-reveal{opacity:1;transform:translate3d(0,0,0)}
.game-card{opacity:0;transform:translateY(56px) scale(.972);transition:opacity .7s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.game-card.visible{opacity:1;transform:translateY(0) scale(1)}
.game-card:nth-child(2){transition-delay:100ms}.game-card:nth-child(3){transition-delay:175ms}.game-card:nth-child(4){transition-delay:250ms}.game-card:nth-child(5){transition-delay:330ms}
.stat-panel .stat-cell{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .7s ease}
.stat-panel.visible .stat-cell{opacity:1;transform:translateY(0)}
.stat-cell:nth-child(2){transition-delay:100ms}.stat-cell:nth-child(3){transition-delay:180ms}.stat-cell:nth-child(4){transition-delay:260ms}
/* Five game cards: 3+2 across on desktop, single-column on narrow screens. */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-link.playable-card{overflow:hidden}
.hero-game:hover .showcase-art,.game-link:hover .showcase-art{transform:scale(1.05)}
@media(max-width:850px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){
.hero-scroll-stage{height:160svh;min-height:1000px}
.hero-scroll-stage .hero{height:100svh;min-height:0}
.hero-center h1{font-size:clamp(58px,14.5vw,89px)}
.hero-brand-mark{font-size:42px}
.hero-scroll-statement{width:95vw}
.scroll-words-title{font-size:clamp(44px,9vw,70px)}
.one-wordmark{font-size:18px}
.game-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.word-reveal,.reveal,.game-card,.stat-panel .stat-cell{transition:none!important}
}

/* Gradient text needs its own background when each word is split into spans. */
.gradient-title .word-reveal,.intro h2 em .word-reveal,.contact h2 em .word-reveal{background:linear-gradient(160deg,#fff 10%,#9990c3 85%);background-clip:text;-webkit-background-clip:text;color:transparent}

.thumb-0{background-image:url("images/search-for-the-clover.png")}
.thumb-1{background-image:url("images/drive-an-egg.png")}
.thumb-2{background-image:url("images/my-grass-farm.png")}
.thumb-3{background-image:url("images/race-cars.png")}
.thumb-4{background-image:url("images/my-fish-farm.png")}
/* English redesign – restored original three-bar ONE MORE symbol. */
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.07em;white-space:nowrap}
.wordmark-light{font-weight:inherit}
.logo-mark,.hero-mark{display:inline-flex;align-items:flex-end;gap:3px;transform:skew(-14deg) rotate(-2deg);height:22px}
.logo-mark>span,.hero-mark>span{display:block;background:white;width:8px;border-radius:1px}
.logo-mark>span:nth-child(1),.hero-mark>span:nth-child(1){height:19px}
.logo-mark>span:nth-child(2),.hero-mark>span:nth-child(2){height:12px}
.logo-mark>span:nth-child(3),.hero-mark>span:nth-child(3){height:18px;transform:translateY(-3px)}
.hero-mark{height:34px;gap:4px}.hero-mark>span{width:14px}.hero-mark>span:nth-child(1){height:31px}.hero-mark>span:nth-child(2){height:18px}.hero-mark>span:nth-child(3){height:29px}
.hero-lockup{margin-bottom:15px}.hero-center h1 span{font-weight:inherit}
/* Simplified scroll: only the central intro gently fades away. Image rows never zoom, rotate or shift on scroll. */
.hero-scroll-stage{height:152svh;min-height:910px}
.hero-scroll-stage .hero{height:100svh}
.hero-center{will-change:opacity;transform:none!important}
.hero-wall{transform:rotate(-3deg) skewY(2deg) scale(1.06)!important;transition:none!important}
.hero-darken{opacity:1!important}
.hero-scroll-statement{display:none!important}
.stat-panel .stat-cell strong{font-size:clamp(38px,3.6vw,70px);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.metrics-method,.stat-sources{color:#aaaab6;font-size:12px;line-height:1.6;margin-top:12px}
.stat-sources{display:flex;flex-wrap:wrap;gap:22px}.stat-sources a{color:#cfc9e9;text-decoration:underline;text-underline-offset:3px}
.stat-sources a:hover{color:#fff}
/* Lower texts fade into view without word popping or vertical movement. */
.word-reveal{transform:none!important;transition:opacity .65s ease!important;transition-delay:calc(var(--word-i)*25ms)!important}
.visible .word-reveal{opacity:1}
.reveal,.stat-panel .stat-cell,.game-card{transform:none!important;transition-property:opacity!important;transition-duration:.65s!important}
.visible,.game-card.visible,.stat-panel.visible .stat-cell{opacity:1!important}
@media(max-width:630px){.hero-scroll-stage{height:143svh;min-height:850px}.hero-center h1{font-size:clamp(54px,13vw,81px)}.stat-panel .stat-cell strong{font-size:clamp(33px,8vw,52px)}}


/* ONE MORE — ambient lighting matched to the five REAL Roblox thumbnails.
   The actual thumbnail art is reused softly behind the gallery; a gentle drift
   lets the colours breathe, without aggressively tracking each card. */
body {
 background:
   radial-gradient(ellipse 75vw 85vh at 5% 17%,rgba(19,103,68,.085),transparent 76%),
   radial-gradient(ellipse 80vw 90vh at 100% 38%,rgba(28,105,166,.080),transparent 77%),
   radial-gradient(ellipse 76vw 72vh at 28% 74%,rgba(124,62,172,.052),transparent 80%),
   #050507;
}
.hero { background:#06070e !important; }
.hero::before {
  content:"";position:absolute;inset:-15%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 38% 39% at 17% 25%,rgba(59,193,124,.22),transparent 76%),
    radial-gradient(ellipse 41% 49% at 77% 16%,rgba(40,148,250,.23),transparent 76%),
    radial-gradient(ellipse 35% 42% at 89% 73%,rgba(162,75,211,.20),transparent 78%),
    radial-gradient(ellipse 40% 44% at 28% 86%,rgba(246,127,56,.17),transparent 80%);
  filter:blur(55px);
}
.ambient-layer {position:absolute;inset:-12%;z-index:1;pointer-events:none;overflow:hidden;contain:paint;}
.ambient-blob {
  position:absolute;width:clamp(330px,48vw,850px);height:clamp(300px,47vw,800px);
  background-position:center;background-size:cover;border-radius:50%;
  opacity:.23;filter:blur(85px) saturate(1.35);
  mix-blend-mode:screen;will-change:transform;
  animation:ambient-drift 27s ease-in-out infinite alternate;
}
.ambient-blob:nth-child(1){left:-13%;top:-20%;opacity:.28;animation-delay:-12s}
.ambient-blob:nth-child(2){left:49%;top:-23%;opacity:.26;animation-duration:32s;animation-delay:-19s}
.ambient-blob:nth-child(3){left:13%;top:36%;opacity:.23;animation-duration:29s;animation-delay:-7s}
.ambient-blob:nth-child(4){right:-14%;top:31%;opacity:.27;animation-duration:35s;animation-delay:-25s}
.ambient-blob:nth-child(5){left:43%;top:67%;opacity:.24;animation-duration:31s;animation-delay:-5s}
@keyframes ambient-drift {
 from{transform:translate3d(-36px,-25px,0) scale(.96)}
 to{transform:translate3d(48px,32px,0) scale(1.08)}
}
/* The moving thumbnails remain sharp, with a dark center for readable branding. */
.hero .hero-wall {z-index:2 !important}
.hero .hero-darken {
  z-index:3!important;
  background:
    radial-gradient(ellipse 49% 43% at 50% 51%,rgba(3,4,9,.84) 0%,rgba(3,4,9,.71) 35%,rgba(4,5,9,.17) 87%,transparent),
    linear-gradient(180deg,rgba(2,3,7,.23),transparent 20%,transparent 79%,#050507 100%)!important;
}
.hero .hero-center{z-index:4!important}
.hero .motion-toggle,.hero .scroll-cue{z-index:5!important}
@media(max-width:700px) {
 .ambient-layer{inset:-8%}
 .ambient-blob{width:80vw;height:80vw;filter:blur(58px) saturate(1.3);opacity:.19}
 .ambient-blob:nth-child(4),.ambient-blob:nth-child(5){display:none}
 .hero::before{filter:blur(37px)}
 .hero .hero-darken{background:radial-gradient(ellipse 76% 35% at 50% 47%,rgba(2,3,7,.83),rgba(3,4,8,.38) 75%,transparent),linear-gradient(180deg,#05050744,transparent 75%,#050507)!important}
}
@media(prefers-reduced-motion:reduce){.ambient-blob{animation:none!important;will-change:auto}}


/* AMBIENT V2: clearly visible blurred RGB lighting from the actual five game thumbnails.
   The earlier pass was hidden underneath opaque artwork and dark overlays. */
body { background:#06070d !important; }
.site-aurora {
 position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;
 background:
   radial-gradient(ellipse 43% 54% at 3% 20%,rgba(21,176,116,.34),transparent 80%),
   radial-gradient(ellipse 46% 62% at 93% 13%,rgba(40,150,255,.37),transparent 80%),
   radial-gradient(ellipse 42% 48% at 88% 80%,rgba(170,63,236,.37),transparent 78%),
   radial-gradient(ellipse 48% 48% at 9% 92%,rgba(251,122,44,.30),transparent 80%),
   radial-gradient(ellipse 39% 48% at 51% 42%,rgba(33,181,226,.16),transparent 82%);
 filter:blur(34px) saturate(145%);
 animation:auroraBreathe 18s ease-in-out infinite alternate;
}
@keyframes auroraBreathe {
 from {transform:translate3d(-1.5%,-1%,0) scale(1);filter:blur(34px) saturate(145%)}
 to {transform:translate3d(1.5%,1%,0) scale(1.06);filter:blur(42px) saturate(165%)}
}
/* Keep page elements in front of the fixed atmosphere while transparent content areas reveal it */
main { position:relative; z-index:1; }
.footer{ position:relative; z-index:1; }
.site-header{z-index:50}
.hero{background:rgba(3,5,13,.28)!important;}
.hero::before{
 background:
  radial-gradient(ellipse 39% 40% at 7% 27%,rgba(24,218,111,.34),transparent 76%),
  radial-gradient(ellipse 39% 41% at 91% 24%,rgba(22,160,255,.38),transparent 75%),
  radial-gradient(ellipse 38% 46% at 90% 85%,rgba(168,65,234,.30),transparent 78%),
  radial-gradient(ellipse 37% 39% at 12% 81%,rgba(250,116,23,.25),transparent 79%);
 filter:blur(31px); opacity:1;
}
/* These are real copies of the thumbnails, now BRIGHT enough to color the dark gutters. */
.ambient-layer{z-index:0!important;opacity:1;overflow:visible;}
.ambient-blob{opacity:.50!important;filter:blur(65px) saturate(2) brightness(1.32)!important;mix-blend-mode:screen;}
.hero .hero-wall{z-index:1!important;}
/* A low-opacity edge light ABOVE the tiles makes the colors visible instead of hidden underneath them. */
.hero::after{
 content:""; position:absolute; inset:-6%;z-index:2;pointer-events:none;
 background:
   radial-gradient(ellipse 37% 53% at 0% 24%,rgba(12,200,105,.34),transparent 80%),
   radial-gradient(ellipse 35% 50% at 99% 10%,rgba(12,166,255,.33),transparent 81%),
   radial-gradient(ellipse 37% 51% at 94% 85%,rgba(169,52,237,.30),transparent 84%),
   radial-gradient(ellipse 37% 47% at 8% 86%,rgba(255,124,49,.25),transparent 82%);
 mix-blend-mode:screen;
 filter:blur(30px);
 mask-image:radial-gradient(ellipse 94% 82% at 50% 50%,transparent 23%,black 80%);
}
.hero .hero-darken{
 z-index:3!important;
 background:
   radial-gradient(ellipse 52% 44% at 50% 49%,rgba(2,4,8,.87) 0%,rgba(2,4,8,.70) 35%,rgba(2,4,9,.16) 78%,transparent 100%),
   linear-gradient(180deg,rgba(2,3,7,.08),transparent 20%,transparent 79%,rgba(6,7,13,.80) 100%)!important;
}
.hero .hero-center{z-index:4!important}
.hero .motion-toggle,.hero .scroll-cue{z-index:5!important}
/* Section glow panels remain translucent rather than showing flat-black strips. */
.stat-panel{background:linear-gradient(113deg,rgba(22,129,156,.12),rgba(171,73,234,.14) 45%,rgba(30,166,104,.10))!important;backdrop-filter:blur(20px);}
.contact-inner{background:linear-gradient(120deg,rgba(31,84,112,.14),rgba(108,51,124,.14))!important;backdrop-filter:blur(10px);}
@media(max-width:630px){
 .site-aurora{background:
  radial-gradient(ellipse 86% 43% at 0% 10%,rgba(16,173,104,.37),transparent 88%),
  radial-gradient(ellipse 82% 42% at 100% 32%,rgba(40,155,250,.38),transparent 85%),
  radial-gradient(ellipse 84% 51% at 80% 86%,rgba(174,61,230,.33),transparent 84%),
  radial-gradient(ellipse 82% 48% at 5% 69%,rgba(248,126,46,.27),transparent 84%);
  filter:blur(20px) saturate(150%)}
 .hero::after{filter:blur(23px);opacity:.95}
 .ambient-blob{filter:blur(43px) saturate(1.8) brightness(1.3)!important}
 .hero .hero-darken{background:radial-gradient(ellipse 65% 36% at 50% 47%,rgba(2,3,7,.86),rgba(2,3,7,.45) 73%,transparent),linear-gradient(180deg,transparent 70%,rgba(6,7,13,.75))!important}
}
@media(prefers-reduced-motion:reduce){.site-aurora{animation:none!important}}

/* Additional owner-supplied art: varied screenshots of the same five Roblox games. */
.thumb-5 { background-image: url("images/my-grass-farm-harvest.webp"); }
.thumb-6 { background-image: url("images/search-for-the-clover-mountain.webp"); }
.thumb-7 { background-image: url("images/race-cars-you.webp"); }
.thumb-8 { background-image: url("images/race-cars-truck.webp"); }

/* Contact Us — official ONE MORE community and owner contact details. */
.contact-methods{position:relative;z-index:2;width:min(850px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px;text-align:left}
.contact-method{display:flex;align-items:center;gap:11px;min-width:0;min-height:108px;padding:18px 16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.17);border-radius:17px;backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s}
a.contact-method:hover{background:rgba(255,255,255,.12);border-color:rgba(203,193,255,.5);transform:translateY(-2px)}
.contact-method-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;background:rgba(193,176,249,.12);border:1px solid rgba(193,176,249,.22);border-radius:10px;color:#e7dfff;font-size:20px;font-weight:700}
.contact-method-info{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-method-info strong{font-size:13px;line-height:1.3;color:#fff;letter-spacing:-.02em}
.contact-method-info>span{font-size:12px;line-height:1.35;color:#c5bed4;overflow-wrap:anywhere}
.contact-method-action{font-size:22px;align-self:flex-start;margin-left:auto;color:#c7c0d6}
.contact-copy{border:1px solid #ffffff38;border-radius:999px;padding:8px 12px;color:#fff;background:#ffffff12;cursor:pointer;font-size:12px;margin-left:auto;white-space:nowrap;transition:background .2s}
.contact-copy:hover,.contact-copy:focus-visible{background:#ffffff36}
.contact-feedback{min-height:1.5em;margin:12px 0 0!important;font-size:12px!important;color:#c8f4d8!important}
@media(max-width:850px){.contact-methods{grid-template-columns:1fr;max-width:470px}.contact-method{min-height:80px}.contact-inner{padding-left:24px;padding-right:24px}}
@media(max-width:400px){.contact-method{gap:8px;padding:14px 11px}.contact-method-info>span{font-size:11px}.contact-copy{padding:7px 9px}}


/* LIVE AMBIENT (light): blurred clone of the moving thumbnail wall (see script.js).
   Same animations as the real wall, so the soft colour follows each thumbnail as it passes. */
.hero .hero-wall.hero-wall-glow{
  z-index:1!important;pointer-events:none!important;
  transform:rotate(-3deg) skewY(2deg) scale(1.15)!important;
  filter:blur(90px) saturate(1.5) brightness(.95);
  opacity:.42;mix-blend-mode:screen;
}
.hero .hero-wall.hero-wall-glow *{pointer-events:none!important}
.hero .hero-wall:not(.hero-wall-glow){z-index:2!important}
.hero::after{opacity:.25}
.hero::before{opacity:.45}
.ambient-blob{opacity:.22!important;filter:blur(90px) saturate(1.4)!important}
.site-aurora{opacity:.5}
.hero{background:rgba(3,5,13,.55)!important}
@media(max-width:630px){.hero .hero-wall.hero-wall-glow{filter:blur(50px) saturate(1.4) brightness(.95);opacity:.45;transform:rotate(-6deg) skewY(2deg) scale(1.15)!important}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) .hero-wall-glow .marquee-track{animation:none!important}}


/* "By ONE MORE ✓" byline under each game title */
.playable-card .game-by{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffc9;text-shadow:0 2px 8px #0009}
.playable-card .game-by b{color:#fff;font-weight:700}
.verified-badge{width:15px;height:15px;flex:none}
.playable-card .game-by[data-href]{cursor:pointer;width:fit-content}
.playable-card .game-by[data-href]:hover b{text-decoration:underline;text-underline-offset:3px}
.playable-card .game-by[data-href]:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}

/* SCROLL REVEAL: text and blocks rise + fade in as they enter the viewport (see IntersectionObserver in script.js). */
html .reveal,html .game-card,html .stat-panel .stat-cell{
  opacity:0;transform:translate3d(0,46px,0)!important;
  transition-property:opacity,transform!important;transition-duration:.8s,1s!important;
  transition-timing-function:ease,cubic-bezier(.2,.7,.12,1)!important;
}
html .reveal.visible,html .game-card.visible,html .stat-panel.visible .stat-cell{opacity:1!important;transform:none!important}
html .word-reveal{
  display:inline-block;opacity:0;transform:translate3d(0,.55em,0)!important;
  transition-property:opacity,transform!important;transition-duration:.7s,.9s!important;
  transition-timing-function:ease,cubic-bezier(.2,.7,.12,1)!important;
  transition-delay:calc(var(--word-i)*70ms)!important;
}
html .visible .word-reveal{opacity:1!important;transform:none!important}
html .stat-cell:nth-child(2){transition-delay:120ms!important}
html .stat-cell:nth-child(3){transition-delay:220ms!important}
html .stat-cell:nth-child(4){transition-delay:320ms!important}
@media(prefers-reduced-motion:reduce){html .reveal,html .game-card,html .stat-panel .stat-cell,html .word-reveal{opacity:1!important;transform:none!important;transition:none!important}}