/* The platform frames original games; it does not reskin their own pages. */
body{background:#d8d1c5;isolation:isolate}
main,body>footer,.header{position:relative;z-index:1}
.platform-motion-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(155deg,#d9d4c7,#cbd0bf 47%,#d5c8cb);contain:strict}
.field-aurora,.field-beams,.field-wave{position:absolute;pointer-events:none;animation-play-state:paused}
.field-aurora{inset:-20%;background:radial-gradient(ellipse at 13% 31%,#82966c6b,transparent 42%),radial-gradient(ellipse at 84% 69%,#ae92b17a,transparent 40%),radial-gradient(ellipse at 59% 13%,#efd4998c,transparent 36%);filter:blur(38px);animation:field-aurora 23s ease-in-out infinite alternate}
.field-beams{inset:-35%;opacity:.2;background:repeating-linear-gradient(113deg,transparent 0 170px,#fff9de85 190px,#f0ddbd30 208px,transparent 240px);filter:blur(18px);animation:field-beams 31s ease-in-out infinite alternate}
.field-wave{width:135%;height:125%;left:-15%;top:-10%;fill:none;stroke:url(#field-light);stroke-width:80;filter:blur(25px);animation:field-wave 27s ease-in-out infinite alternate}
html[data-field-active=true] .field-aurora,html[data-field-active=true] .field-beams,html[data-field-active=true] .field-wave{animation-play-state:running}
@keyframes field-aurora{from{transform:translate3d(-2%,-2%,0) rotate(-3deg)}to{transform:translate3d(4%,3%,0) rotate(4deg)}}
@keyframes field-beams{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(5%,3%,0)}}
@keyframes field-wave{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(3%,-3%,0) scale(1.06)}}
.header{position:absolute;inset:0 0 auto;z-index:20;max-width:none;width:100%;min-height:100px;padding:26px clamp(24px,4vw,70px);background:linear-gradient(#f8eadab8,#f8eada00);margin:0;border:0}
.header nav{gap:clamp(17px,2.2vw,35px)}
.header .languages{background:#fffaf1b5;backdrop-filter:blur(10px)}
.hero{width:100%;max-width:none;margin:0;min-height:max(780px,100svh);border:0;border-radius:0;box-shadow:none;padding:calc(var(--hero-header-height,100px) + 60px) 7% 135px 23%;grid-template-columns:1.1fr 1fr;gap:35px}
.hero h1{font-size:clamp(51px,4.4vw,78px)}
.hero-copy{max-width:680px}
.score-scene{margin-top:35px;height:340px}
.hero-toolbar{right:4%;bottom:35px}
.welcome-line{margin-top:40px}
.game-library-card.original-game-card{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#faf6eecf;border:1px solid #ffffffa8;box-shadow:0 12px 26px -15px #41533e6b;border-radius:25px}
.original-game-preview{display:block;width:100%;aspect-ratio:9/16;max-height:380px;object-fit:contain;background:var(--original-preview-bg,#22322f);border:0;border-radius:0}
.game-library-card.original-game-card h4,.game-library-card.original-game-card>p,.game-library-card.original-game-card>.game-library-rounds,.game-library-card.original-game-card>.game-library-levels{margin-left:24px;margin-right:24px}
.game-library-card.original-game-card h4{margin-top:22px;margin-bottom:9px}
.game-library-card.original-game-card>p{flex:1;margin-top:0}
.game-library-card.original-game-card>.button{margin:18px 24px 24px;width:calc(100% - 48px)}
.game-library-card.original-game-card::before,.game-library-card.original-game-card::after{display:none}
.game-library-card.original-game-card .button::after{content:'↗'}
.game-panel.platform-entry{background:#fffaf1a8;box-shadow:0 12px 30px -22px #46513a66}
@media(max-width:1240px){.header{padding:22px 30px;gap:14px 22px}.header nav{order:3;width:100%;justify-content:center}.hero{padding:185px 6% 140px 19%;min-height:850px;gap:24px}.hero h1{font-size:52px}.score-scene{margin-top:30px;height:290px}}
@media(max-width:900px){.header{min-height:140px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;width:100%;margin:0;border:0;border-radius:0;padding:156px 0 0;background:#f5e8d5}.hero-copy{padding:43px 34px 34px;max-width:none;background:linear-gradient(#f5e8d5 78%,#f5e8d500);z-index:4}.hero h1{font-size:clamp(38px,6.1vw,52px)}.hero::after{height:205px}.hero-environment,.hero-wall,.hero-foreground{background-size:auto 650px;background-position:left bottom}.score-scene{width:390px;max-width:calc(100% - 66px);height:275px;align-self:flex-end;margin:8px 35px 0 0}.hero-toolbar{left:24px;right:24px;bottom:22px;max-width:none}.welcome-line{margin-top:26px}}
@media(max-width:700px){.header{padding:22px 20px;gap:18px 12px}.header nav{justify-content:flex-start;gap:8px 20px;padding:0}.header-actions .button.small{position:static;min-height:44px}.header-actions{margin-left:auto}.hero-copy{padding:34px 25px 34px}.hero-copy>p{font-size:18px}.hero h1{font-size:clamp(37px,7.6vw,49px)}.score-scene{width:320px;max-width:calc(100% - 44px);height:256px;margin:8px 23px 0 0}.hero::after{height:202px}.hero-environment,.hero-wall,.hero-foreground{background-size:auto 615px}.hero-toolbar{left:18px;right:18px;bottom:20px}.original-game-preview{max-height:460px}.field-aurora{filter:blur(28px)}.field-wave{stroke-width:65;filter:blur(20px)}}
@media(max-width:480px){.header{padding:19px 18px;gap:16px 9px}.wordmark{font-size:22px}.header-actions{gap:7px;flex-wrap:nowrap}.header-actions .button.small{font-size:12px;padding:10px 12px}.header nav{gap:5px 21px;justify-content:space-between;padding:0}.header nav a{font-size:13px}.hero{padding-top:153px}.hero-copy{padding:33px 25px 32px}.hero h1{font-size:38px}.hero-copy>p{font-size:17px}.score-scene{width:300px;max-width:calc(100% - 40px);height:240px;margin-right:21px}.score-paper{height:198px}.hero::after{height:205px}.hero-environment,.hero-wall,.hero-foreground{background-size:auto 590px}.hero-toolbar{left:17px;right:17px;bottom:20px}.game-library-card.original-game-card h4,.game-library-card.original-game-card>p,.game-library-card.original-game-card>.game-library-rounds,.game-library-card.original-game-card>.game-library-levels{margin-left:21px;margin-right:21px}.game-library-card.original-game-card>.button{margin:17px 21px 23px;width:calc(100% - 42px)}}
@media(max-width:360px){.header{padding-inline:15px}.wordmark{font-size:19px}.languages button{padding:8px}.header-actions .button.small{padding-inline:9px;font-size:11px}.hero h1{font-size:34px}.hero-copy{padding-inline:23px}.score-scene{width:278px;margin-right:18px;height:225px}.score-paper{height:182px}.hero-environment,.hero-wall,.hero-foreground{background-size:auto 565px}}
html[data-motion=off] .field-aurora,html[data-motion=off] .field-beams,html[data-motion=off] .field-wave{animation-play-state:paused!important}
@media(max-width:1240px){.hero{padding-top:calc(var(--hero-header-height,140px) + 45px)}}
@media(max-width:900px){.hero{padding-top:var(--hero-header-height,153px)}}
@media(prefers-reduced-motion:reduce){.field-aurora,.field-beams,.field-wave{animation:none!important;transform:none!important}}
@media(forced-colors:active){.platform-motion-field{display:none}.header,.hero-copy{background:Canvas}}