@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#030e1e;--panel:#071d32;--cyan:#00c9f6;--lime:#c6ff00;--white:#f3f7ff;--muted:#b8cee1;--line:#09537a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;overflow:hidden}header,main,footer{max-width:1600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4.5%;position:relative;z-index:2;background:#020e1de8;border-bottom:1px solid #073049}.brand{display:flex;align-items:center;gap:10px;line-height:1.05;font-size:1.18rem;font-weight:800;letter-spacing:-.03em}.brand svg{width:38px;height:38px;color:var(--cyan);filter:drop-shadow(0 0 5px #008bff)}.brand small{display:block;color:var(--cyan);font-size:.7rem;font-weight:400;letter-spacing:0;margin-top:5px}nav{display:flex;gap:30px;align-items:center;font-size:.875rem}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 18px #00bbff}.header-actions{display:flex;align-items:center;gap:12px}#language{background:none;border:1px solid #156184;border-radius:20px;font-size:.75rem;padding:9px 11px;color:var(--muted)}.button{border:1px solid var(--lime);background:var(--lime);color:#0b1d0e;border-radius:28px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:0 0 18px #bfff0033;transition:background .2s,box-shadow .2s}.button:hover{background:#d7ff56;box-shadow:0 0 25px #c6ff0060}.compact{font-size:.75rem;padding:12px 20px}.secondary{background:#061d30b0;border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 16px #008cff15,0 0 16px #008cff22}.secondary:hover{background:#07314a}.hero{position:relative;min-height:580px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 65% 50%,#072b53,transparent 70%)}.hero-visual{position:absolute;right:0;bottom:0;top:0;width:65%;z-index:-1}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#030e1e,transparent 21%),linear-gradient(0deg,#030e1e40,transparent 20%)}.hero-copy{padding:58px 4.5% 35px;max-width:800px}.eyebrow{display:block;font-size:.75rem;letter-spacing:.12em;color:var(--cyan);font-weight:500}h1{font-size:clamp(2.7rem,4.15vw,4.2rem);line-height:1.02;font-weight:900;letter-spacing:-.045em;margin:14px 0 20px;text-shadow:0 3px 25px #0008}h1 span{color:var(--cyan)}em{color:var(--lime);font-style:normal}.hero-copy>p{font-size:1rem;line-height:1.55;max-width:465px;color:#e0f0ff;text-shadow:0 2px 12px #001224}.hero-actions{display:flex;gap:15px;margin-top:25px}.hero-points{display:flex;gap:28px;margin-top:38px}.hero-points span{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#bed7ec;line-height:1.4}.hero-points svg{width:26px;height:26px;color:var(--cyan);filter:drop-shadow(0 0 5px #008bff)}.work-types{padding:25px 4.5% 32px;background:linear-gradient(#05172b,#030e1e);border-bottom:1px solid var(--line);box-shadow:inset 0 1px 20px #007cff16}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}h2{font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:800}.section-top h2{font-size:1.5rem;letter-spacing:-.025em}.section-top p{font-size:.875rem;color:var(--muted);margin:0}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.type-card{border:1px solid #0a678f;background:linear-gradient(130deg,#08324c,#031727);padding:13px;border-radius:8px;box-shadow:inset 0 0 20px #0088cc12;transition:border .2s,transform .2s}.type-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.type-card>div{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;min-height:72px}.type-card svg{width:43px;height:43px;flex-shrink:0;color:var(--cyan);padding:6px;background:#00568850;border:1px solid #0095ce;border-radius:7px;filter:drop-shadow(0 0 5px #008bff)}h3{margin:0;font-size:1.1rem;letter-spacing:-.025em}.type-card p{font-size:.75rem;line-height:1.45;color:#bfd9eb;margin:5px 0 0}.type-card>img{width:100%;height:115px;object-fit:contain;display:block;background:#020c17;border-radius:3px}.portfolio-section{display:grid;grid-template-columns:30% minmax(0,1fr);gap:26px;padding:38px 4.5%;border-bottom:1px solid var(--line);position:relative;background:radial-gradient(ellipse at 95% 100%,#07335044,transparent 60%)}.portfolio-section:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#008cffaa,transparent);box-shadow:0 0 18px #00aaff40;pointer-events:none}.section-copy h2{margin:8px 0 12px}.section-copy>h3{color:var(--cyan);font-size:1.1rem;max-width:290px;line-height:1.3}.section-copy p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:15px 0 21px;max-width:330px}.section-work{min-width:0;display:grid;align-items:center;gap:15px}.pwa-showcase{grid-template-columns:1fr 1fr}.art-button{display:block;padding:0;border:0;background:transparent;text-align:left;width:100%;min-width:0}.art-button img{display:block;width:100%;height:auto;transition:filter .25s}.art-button:hover img{filter:brightness(1.08)}.image-stage{padding:10px;border-radius:6px;background:radial-gradient(ellipse,#0c476966,#061221);border:1px solid #0d4d6b;box-shadow:0 0 18px #007dff18;overflow:hidden}.image-stage img{width:100%;height:100%;object-fit:contain}.pwa-showcase .image-stage{height:220px}.caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;font-weight:600;margin:12px 0 0;color:#dcefff}.caption small{font-size:.75rem;color:#829fb5;font-weight:400}.store-featured{grid-template-columns:1fr}.store-featured .image-stage{padding:0;border:0;background:none;box-shadow:none}.store-featured .caption{margin-top:5px}.creative-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px;gap:7px;padding:8px;border-radius:5px;background:radial-gradient(ellipse at 50% 50%,#093354,#041322);border:1px solid #0c5476;box-shadow:0 0 22px #008aff18}.collage img{width:100%;height:100%;object-fit:contain;background:#020b16}.collage img:first-child:nth-last-child(3){grid-row:span 2}.collage img:first-child:nth-last-child(3)~img{grid-column:2}.games-featured{grid-template-columns:1.15fr .85fr}.games-featured .image-stage{height:270px;display:flex;align-items:center;justify-content:center;padding:15px}.games-featured .image-stage img{object-fit:contain}.games-featured .mini-screens{display:flex;gap:10px}.mini-screens img{max-width:47%;height:240px;object-fit:contain}.expanded-gallery{grid-column:1/-1;padding-top:30px;border-top:1px solid #0b4160;margin-top:12px}.expanded-gallery[hidden]{display:none}.gallery-tools{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.filter-button{background:#061e34;color:#afccdf;border:1px solid #15506c;border-radius:22px;padding:9px 17px;font-size:.875rem}.filter-button.active{background:var(--cyan);color:#001425;border-color:var(--cyan)}.gallery-count{margin-left:auto;font-size:.8rem;color:#8cb1ca}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.gallery-grid .image-stage{height:200px}.gallery-grid .collage{grid-auto-rows:130px}.gallery-grid .caption{align-items:flex-start;min-height:25px}.gallery-grid .caption small{white-space:nowrap}.gallery-grid .art-button[hidden]{display:none}.empty-message{color:var(--muted);padding:20px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 4.5%;background:radial-gradient(ellipse at right,#092e47,transparent 65%);border-bottom:1px solid var(--line);position:relative;isolation:isolate;overflow:hidden}.contact:after{content:'';position:absolute;z-index:-1;right:0;bottom:0;width:28%;height:100%;opacity:.5;background:url('assets/contact-scene.webp') right bottom/contain no-repeat}.contact h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:12px}.contact-copy{border-left:1px solid #0a4563;padding-left:40px;position:relative}.contact-copy p{color:#bfd4e7;font-size:.875rem;line-height:1.6;max-width:370px;margin:0 0 17px}#contact-message{background:#07172de8;padding:15px;margin-top:15px;border:1px solid #17506b;border-radius:5px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 4.5%}footer .brand{font-size:1rem}footer>div{display:flex;gap:25px;color:#a1c6de;font-size:.8rem}footer>span{font-size:.75rem;color:#6f91aa}dialog{width:min(1200px,96vw);max-height:94vh;overflow:auto;padding:25px;background:#031225;color:var(--white);border:1px solid #107dac;border-radius:10px;box-shadow:0 0 80px #0088ff30}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}body:has(dialog[open]){overflow:hidden}.viewer-top{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:25px;position:sticky;top:-25px;padding:20px 0;background:#031225f5;z-index:2}.viewer-top h2{font-size:2rem;margin-top:7px}.close{background:#0a2c45;border:1px solid #21799d;border-radius:50%;width:42px;height:42px;font-size:1.8rem;line-height:1;flex-shrink:0}.viewer-banner{display:block;width:100%;height:auto;object-fit:contain;max-height:65vh;background:#020a15}.viewer-images{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px}.viewer-images figure{margin:0;max-width:100%;flex:1 1 260px}.viewer-images img{width:100%;height:auto;display:block;object-fit:contain}.viewer-images figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}.game-screens figure{flex:0 1 250px}.viewer-heading{font-size:1rem;color:var(--cyan);margin:28px 0 18px}.image-link{display:block;cursor:zoom-in}.viewer-hint{color:#8db0c7;font-size:.8rem;margin:10px 0 22px}.art-button:focus-visible{outline-offset:7px}@media(min-width:1600px){h1{font-size:4.2rem}.hero{min-height:640px}.hero-copy{padding-top:75px}}@media(max-width:1100px){nav{gap:17px;font-size:.8rem}header{padding:16px 4%}.header-actions .compact{display:none}.hero{min-height:530px}.hero-copy{padding-top:55px;max-width:70%}h1{font-size:clamp(2.8rem,4.7vw,4rem)}.hero-copy>p{max-width:380px;font-size:.9rem}.hero-visual{width:68%;opacity:.88}.type-grid{gap:10px}.type-card{padding:10px}.type-card>div{gap:8px;min-height:88px}.type-card h3{font-size:1rem}.type-card svg{width:34px;height:34px}.type-card p{font-size:.75rem}.type-card>img{height:95px}.portfolio-section{grid-template-columns:30% minmax(0,1fr);gap:20px}.section-copy h2{font-size:2.5rem}.pwa-showcase{gap:10px}.pwa-showcase .image-stage{height:170px;padding:4px}.collage{grid-auto-rows:100px}.games-featured .image-stage{height:220px}.games-featured .mini-screens img{height:190px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{gap:25px}.contact-copy{padding-left:25px}}@media(max-width:700px){html{scroll-padding-top:20px}header{flex-wrap:wrap;padding:14px 5%;gap:15px}.brand{font-size:1rem}.brand svg{width:30px;height:30px}.header-actions{margin-left:auto}nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px;overflow:auto;font-size:.8rem}nav a{white-space:nowrap;padding:6px 0}.hero{min-height:650px}.hero-copy{padding:30px 5% 30px;max-width:100%}h1{font-size:clamp(2.1rem,6.7vw,3rem);max-width:100%;line-height:1.04;margin-top:15px}.hero-copy>p{max-width:95%;font-size:.9rem;line-height:1.5}.hero-actions{gap:10px;margin-top:20px;flex-wrap:wrap}.button{font-size:.8rem;padding:12px 19px}.hero-visual{width:100%;top:300px;bottom:0;height:auto;opacity:1}.hero-visual img{object-fit:contain;object-position:right bottom}.hero-visual:after{background:linear-gradient(180deg,#030e1e,transparent 25%)}.hero-points{position:absolute;bottom:15px;left:5%;gap:17px;z-index:1;padding:9px;background:#001326d9;border-radius:7px;margin:0}.hero-points span{font-size:.65rem}.hero-points svg{width:22px;height:22px}.eyebrow{font-size:.7rem}.work-types{padding:25px 5%}.section-top{display:block}.section-top p{margin-top:10px;line-height:1.5;font-size:.8rem}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-card>div{min-height:78px}.type-card>img{height:90px}.portfolio-section{padding:30px 5%;grid-template-columns:1fr;gap:25px}.section-copy>h3,.section-copy p{max-width:100%}.section-copy h2{font-size:2.5rem}.section-copy p{margin:12px 0 18px}.section-copy .button{padding:12px 22px}.pwa-showcase .image-stage{height:140px}.caption{font-size:.8rem;line-height:1.4}.caption small{font-size:.65rem}.creative-featured{gap:12px}.collage{grid-auto-rows:100px;padding:5px;gap:5px}.games-featured .image-stage{height:180px}.games-featured .mini-screens img{height:155px}.expanded-gallery{padding-top:20px}.gallery-grid{gap:24px 14px}.gallery-grid .image-stage{height:130px;padding:4px}.gallery-grid .collage{grid-auto-rows:90px}.gallery-grid .caption{display:block}.gallery-grid .caption small{display:block;margin-top:3px}.gallery-tools{gap:7px}.filter-button{font-size:.75rem;padding:8px 12px}.gallery-count{width:100%;margin-top:4px}.contact{grid-template-columns:1fr;padding:30px 5%;gap:25px}.contact-copy{border:0;padding:0}.contact:after{width:40%;opacity:.3}.contact h2{font-size:2rem}footer{padding:25px 5%;flex-wrap:wrap}footer>div{gap:18px;font-size:.75rem;order:3;width:100%}dialog{padding:16px}.viewer-top{top:-16px;padding:13px 0}.viewer-top h2{font-size:1.5rem}.game-screens figure{flex:0 1 calc(50% - 10px)}.viewer-images{gap:12px}.viewer-images figure{flex-basis:45%}.viewer-images:not(.game-screens) figure{flex-basis:260px}}@media(max-width:380px){.hero{min-height:670px}.hero-visual{top:340px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .image-stage{height:auto}.hero-points{gap:10px}.hero-points span{font-size:.6rem}.type-card h3{font-size:.85rem}.type-card p{font-size:.7rem}.type-card>div{display:block;min-height:120px}.type-card svg{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.gallery-grid[hidden]{display:none}.motion-empty{color:var(--muted);padding:25px 0}.filter-button:disabled{opacity:.4;cursor:default}
/* Preserve each artwork's full proportions without letterboxing. */
.collage{display:flex;flex-direction:column;gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.collage-row{display:flex;gap:10px;align-items:flex-start;min-width:0}
.collage-item{min-width:0;flex-basis:0!important}
.collage img{display:block;width:100%;height:auto;object-fit:initial;background:transparent;grid-column:auto!important;grid-row:auto!important;border-radius:4px}
.type-card>img{background:transparent}
.image-stage{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.pwa-showcase .image-stage,.gallery-grid .image-stage,.games-featured .image-stage{height:auto;min-height:0;padding:0}
.image-stage>img{height:auto;object-fit:contain}
.section-work{align-items:center}.pwa-showcase{align-items:start}
.gallery-grid{align-items:start}
.games-featured .mini-screens{height:auto;padding:0;gap:10px;align-items:start}
.games-featured .mini-screens img{height:auto;width:calc(50% - 5px);max-width:calc(50% - 5px)}
.hero-visual{top:65px;bottom:40px;width:64%;display:flex;align-items:center}
.hero-visual img{width:100%;height:auto;object-fit:contain}
.hero-visual:after{background:linear-gradient(90deg,#030e1e,transparent 18%);pointer-events:none}
.hero-copy{max-width:760px}.hero-copy>p{max-width:425px}
.hero-points{position:relative;z-index:1}
@media(max-width:1100px){.hero-visual{top:135px;bottom:20px;width:66%}.hero-copy{max-width:75%}}
@media(max-width:700px){.hero-copy{max-width:100%}.hero-visual{top:315px;bottom:60px;width:100%;align-items:center}.hero-visual:after{background:linear-gradient(180deg,#030e1e55,transparent 20%)}.hero-points{position:absolute}.collage,.collage-row{gap:7px}.pwa-showcase .image-stage,.gallery-grid .image-stage,.games-featured .image-stage{height:auto;padding:0}.games-featured .mini-screens img{height:auto}}
/* Character artwork stays intact at every viewport size. */
.hero-visual{top:0;bottom:0;width:75%;display:flex;align-items:center}
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:right center}
.hero-visual:after{background:linear-gradient(90deg,#030e1e,transparent 20%);pointer-events:none}
.hero-copy{position:relative;z-index:1;max-width:770px}
@media(max-width:1100px){.hero-visual{top:20px;bottom:0;width:78%}.hero-copy{max-width:76%}}
@media(max-width:700px){.hero{min-height:710px}.hero-copy{max-width:100%}.hero-visual{top:290px;bottom:35px;width:100%;height:auto}.hero-visual img{object-fit:contain;object-position:right bottom}.hero-visual:after{background:linear-gradient(180deg,#030e1e,transparent 20%)}.hero-points{bottom:12px}}
@media(max-width:380px){.hero{min-height:735px}.hero-visual{top:330px;bottom:45px}}
/* One creative gallery; each original is shown without brand grouping. */
.creative-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.creative-tile{width:100%;display:block;break-inside:avoid;border:0;background:none;padding:0;cursor:zoom-in}
.creative-tile img{display:block;width:100%;height:auto;border-radius:4px;transition:filter .2s}
.creative-tile:hover img{filter:brightness(1.08)}
.creative-wall{columns:4;column-gap:16px}.creative-wall .creative-tile{margin-bottom:16px}
/* Fit one image inside the viewport, with a horizontal filmstrip. */
#viewer{width:min(1280px,96vw);height:min(94dvh,1000px);max-height:94dvh;max-width:96vw;padding:18px 22px;overflow:hidden}
#viewer[open]{display:flex;flex-direction:column}
#viewer .viewer-top{position:static;flex:0 0 auto;padding:0 0 12px;margin:0;align-items:center;background:none}
#viewer .viewer-top h2{font-size:1.4rem;margin:5px 0 0;line-height:1.2}
#viewer-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.lightbox-stage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;overflow:hidden;touch-action:pan-y}
#viewer-image{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}
.slide-control{width:42px;height:54px;border:1px solid #176a91;border-radius:8px;background:#06243b;font-size:2.4rem;line-height:1;display:flex;align-items:center;justify-content:center;color:#e7f7ff}
.slide-control:hover{background:#0a4162}.slide-control:disabled{opacity:.25;cursor:default}
.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a7c6dc;font-size:.8rem;flex:0 0 auto;padding:10px 0}
#viewer-counter{color:var(--cyan);font-variant-numeric:tabular-nums}.keyboard-hint{font-size:.75rem}
.lightbox-thumbs{display:flex;flex:0 0 76px;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px 0 7px;scrollbar-width:thin;scrollbar-color:#19668b transparent}
.lightbox-thumbs button{width:70px;min-width:70px;height:62px;padding:3px;background:transparent;border:1px solid transparent;border-radius:4px}
.lightbox-thumbs button.selected{border-color:var(--cyan);background:#06324b}.lightbox-thumbs img{height:100%;width:100%;object-fit:contain;display:block}
@media(max-width:1000px){.creative-wall{columns:3}}
@media(max-width:700px){.creative-wall{columns:2;column-gap:12px}.creative-wall .creative-tile{margin-bottom:12px}.creative-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#viewer{padding:12px;width:98vw;max-width:98vw;height:94dvh}#viewer .viewer-top h2{font-size:1.15rem}.lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}.slide-control{width:28px;height:45px;font-size:2rem}.keyboard-hint{display:none}.lightbox-thumbs{flex-basis:65px}.lightbox-thumbs button{width:55px;min-width:55px;height:52px}}
.hero-visual:after{display:none}.hero-visual{background:transparent}.lightbox-stage{grid-template-rows:minmax(0,1fr)}
/* Lightning uses alpha, so no rectangular background can create a seam. */
.hero-visual::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('assets/hero-lightning-alpha.webp') right center/contain no-repeat;opacity:.55}
.hero-visual img{position:relative;z-index:1}.hero-visual::after{display:none}
@media(max-width:700px){.hero-visual::before{background-position:right bottom;opacity:.5}}
/* A game-world vignette replaces the old cropped coin artwork. */
.contact{min-height:300px}
.contact:after{width:43%;height:100%;background:url('assets/contact-chicken-road.webp') right bottom/contain no-repeat;opacity:1;mask-image:linear-gradient(to right,transparent,#000 14%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 90%,transparent)}
.contact-copy{z-index:1}.contact-copy p{max-width:330px}
@media(max-width:1100px){.contact:after{width:40%;opacity:.8}.contact-copy p{max-width:300px}}
@media(max-width:700px){.contact{padding-bottom:240px}.contact:after{width:100%;height:255px;opacity:1;background-position:right bottom;mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent)}.contact-copy p{max-width:100%}}
/* Electric atmosphere is painted over the shared section background. */
.hero{background:radial-gradient(ellipse at 78% 50%,#073758 0%,#041c32 34%,#030e1e 70%)}
.hero-visual::before{opacity:.95;filter:drop-shadow(0 0 8px #00bfff80);background-size:contain}
.hero-visual::after{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 74% 48%,#00bfff33 0%,#0088ff15 34%,transparent 67%)}
.hero-visual img{filter:drop-shadow(0 0 13px #00bfff55) drop-shadow(0 0 3px #00bfff66)}
.contact:after{width:36%;height:100%;background-image:url('assets/contact-chicken-road-grounded.webp');background-position:right center;opacity:.95;mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent)}
@media(max-width:1100px){.contact:after{width:37%;opacity:.65}.contact-copy p{max-width:280px}}
@media(max-width:700px){.hero-visual::before{opacity:.85}.contact:after{width:100%;height:245px;background-position:center bottom;opacity:1}.contact-copy p{max-width:100%}.contact{padding-bottom:240px}}

/* Give the road a full half-section stage with the copy safely alongside it. */
.contact{min-height:430px;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:24px 0;align-content:center;padding-top:44px;padding-bottom:44px}
.contact>div:first-child{grid-column:1;grid-row:1;position:relative;z-index:1}
.contact-copy{grid-column:1;grid-row:2;border:0;padding:0 26px 0 0}
.contact-copy p{max-width:390px}
.contact:after{width:56%;height:100%;background-image:url('assets/contact-chicken-road-baseline.webp');background-size:contain;background-position:center;opacity:1;mask-image:linear-gradient(to right,transparent,#000 8%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 96%,transparent)}
@media(max-width:1000px){.contact{grid-template-columns:1fr;min-height:0;padding-bottom:350px}.contact-copy{padding:0}.contact-copy p{max-width:540px}.contact:after{width:100%;height:330px;background-position:center bottom}}
@media(max-width:700px){.contact{padding-bottom:240px}.contact:after{width:100%;height:230px}.contact-copy p{max-width:100%}}


/* A full-viewport pile of gold closes the portfolio. */
.contact{min-height:260px;grid-template-columns:1fr 1fr;gap:40px 60px;padding:44px 4.5%}
.contact:after{display:none}
.contact-copy{grid-column:2;grid-row:1;border-left:1px solid #0a4563;padding-left:40px;padding-right:0}
.coin-floor{width:100%;overflow:hidden;line-height:0;pointer-events:none;background:transparent}
.coin-floor img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center bottom}
@media(max-width:700px){.contact{grid-template-columns:1fr;padding:30px 5%;gap:24px}.contact-copy{grid-column:1;grid-row:2;border:0;padding:0}.coin-floor img{width:180%;max-width:none;margin-left:-40%}}

/* Warm light follows the transparent coin silhouette. */
.coin-floor{position:relative;isolation:isolate}
.coin-floor:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 12% 84%,#ffb30030,transparent 40%),radial-gradient(ellipse at 88% 84%,#ffb30030,transparent 40%),radial-gradient(ellipse at 50% 100%,#ffb92320,transparent 60%);pointer-events:none}
.coin-floor img{position:relative;z-index:1;filter:drop-shadow(0 -3px 9px #ffd05c99) drop-shadow(0 -8px 24px #ffb00055)}
.coin-floor:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 9% 66%,#fffce9 0 1px,#fff2a9a0 2px,transparent 9px),radial-gradient(circle at 30% 84%,#fffce9 0 1px,#fff2a9a0 2px,transparent 10px),radial-gradient(circle at 57% 88%,#fffce9 0 1px,#fff2a9a0 2px,transparent 9px),radial-gradient(circle at 83% 65%,#fffce9 0 1px,#fff2a9a0 2px,transparent 10px),radial-gradient(circle at 94% 70%,#fffce9 0 1px,#fff2a9a0 2px,transparent 8px)}

/* Lightning branches taper inside the canvas before the image boundary. */
.hero-visual::before{background-image:url('assets/hero-lightning-complete.webp');mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}

.hero-visual::before{background-size:100% 100%;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 6%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 6%,#000 89%,transparent);-webkit-mask-composite:source-in}

/* Fit the image itself, so its bottom fade follows the artwork rather than letterboxing. */
.hero-visual img{width:auto;height:auto;max-width:100%;max-height:100%;flex:0 1 auto;margin-left:auto;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,#000d 86%,#0005 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,#000d 86%,#0005 95%,transparent 100%)}
@media(max-width:700px){.hero-visual{align-items:flex-end}}

/* Keep the coin details crisp; the soft light sits behind the image. */
.coin-floor img{filter:none;width:100%;height:auto;max-height:none;object-fit:contain;margin-left:0}
.coin-floor:before{background:radial-gradient(ellipse at 12% 82%,#ffb30038,transparent 42%),radial-gradient(ellipse at 88% 82%,#ffb30038,transparent 42%),radial-gradient(ellipse at 50% 100%,#ffb92326,transparent 60%)}
@media(max-width:700px){.coin-floor img{width:100%;margin-left:0}}

.games-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.game-preview{overflow:hidden;border-radius:0;border:0;box-shadow:none}
.game-preview img{display:block;width:100%;height:auto;aspect-ratio:1024/500;object-fit:contain}
@media(max-width:700px){.games-featured{gap:12px}}
/* Compact navigation and original game sheets with zoom and pan. */
.type-card>div{margin-bottom:0;min-height:72px;align-items:center}
.creative-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#viewer.game-inspector{width:96vw;max-width:1500px;height:94dvh}
.game-zoom-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 0 12px}
.game-zoom-tools button{border:1px solid #156184;background:#09283e;color:#e7f7ff;border-radius:7px;min-width:40px;min-height:38px;padding:7px 12px}
.game-zoom-tools button:disabled{opacity:.4;cursor:default}.game-zoom-tools output{min-width:50px;text-align:center;color:var(--cyan);font-variant-numeric:tabular-nums}
.game-zoom-tools>span{margin-left:auto;font-size:.75rem;color:#a7c6dc}
.game-viewport{position:relative;overflow:hidden;flex:1 1 auto;min-height:0;background:#03101d;border:1px solid #103b55;border-radius:8px;touch-action:none;outline-offset:-3px}
.game-viewport.can-pan{cursor:grab}.game-viewport.dragging{cursor:grabbing}
#game-sheet{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;user-select:none;pointer-events:none}
.game-load-status{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted);pointer-events:none}.game-load-status[hidden]{display:none}
.game-picker{display:flex;gap:10px;overflow-x:auto;flex:0 0 76px;padding:12px 2px 0;scrollbar-width:thin}
.game-picker button{background:transparent;border:2px solid transparent;border-radius:12px;padding:3px;width:62px;height:62px;flex:0 0 62px;opacity:.65}
.game-picker button.selected{border-color:var(--cyan);opacity:1}.game-picker img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
@media(max-width:700px){.type-card>div{min-height:85px}.game-zoom-tools{gap:5px;flex-wrap:wrap}.game-zoom-tools>span{display:none}.game-zoom-tools button{padding:6px 9px}.game-picker{flex-basis:66px;gap:7px}.game-picker button{width:52px;height:52px;flex-basis:52px}.game-banner-grid{grid-template-columns:1fr}}

/* Completed chicken silhouette remains visible down to both feet. */
.hero-visual img{mask-image:none;-webkit-mask-image:none}

.games-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.game-icon-preview{border:0;box-shadow:none;background:transparent;border-radius:0}
.game-icon-preview img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:700px){.games-featured{gap:14px}}
/* Three square creatives remain visible while the collection scrolls inline. */
#creatives-featured{display:block;min-width:0}
.creative-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 1px 5px;scroll-behavior:smooth}
.creative-track::-webkit-scrollbar{display:none}
.creative-track .creative-tile{flex:0 0 calc((100% - 32px)/3);min-width:0;aspect-ratio:1;scroll-snap-align:start}
.creative-track .creative-tile img{width:100%;height:100%;object-fit:contain}
.creative-carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.creative-carousel-controls button{width:38px;height:34px;background:#09283e;color:var(--cyan);border:1px solid #156184;border-radius:18px;font-size:1.1rem}
.creative-carousel-controls button:disabled{opacity:.3;cursor:default}.carousel-position{font-size:.75rem;min-width:65px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.creative-carousel-controls .carousel-pause{margin-left:10px;font-size:.8rem}
@media(max-width:700px){.creative-track{gap:9px}.creative-track .creative-tile{flex-basis:calc((100% - 18px)/3)}}
@media(prefers-reduced-motion:reduce){.creative-track{scroll-behavior:auto}}
/* A small animated Chicken Road scene closes the page. */
.road-footer{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#030e1e,#041223);border-top:1px solid #0a3550}
.road-stage{height:230px;position:relative;margin:0 auto;max-width:1800px;--curb:12px}
.road-lanes{position:absolute;inset:0 10% var(--curb) 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.road-lane{position:relative;border-right:2px dashed #5a69843b;background:linear-gradient(180deg,transparent,#1320374d)}
.road-marker{position:absolute;left:50%;top:25px;transform:translateX(-50%);width:66px;height:66px;border-radius:50%;background:linear-gradient(150deg,#4b557d,#2b3555);border:5px solid #252f4d;box-shadow:inset 0 0 0 3px #67749966;transition:background .3s,box-shadow .3s}
.road-marker:after{content:'';position:absolute;inset:8px;border-radius:50%;background:linear-gradient(150deg,#ffffff10 48%,transparent 49%)}
.road-lane.passed .road-marker,.road-lane.active .road-marker{background:linear-gradient(150deg,#3ace58,#168743);border-color:#14512d;box-shadow:inset 0 0 0 3px #6bec7080,0 0 14px #1de77820}
.road-drain{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:68px;height:72px;border:4px solid #283651;border-bottom:0;border-radius:48% 48% 0 0;background:repeating-linear-gradient(90deg,#101b30 0 5px,#2e3b58 5px 10px);box-shadow:inset 0 0 0 4px #35415e}
.road-lane:before,.road-lane:after{content:'';position:absolute;width:29px;height:16px;border-radius:5px;background:#202d444d;top:10%;left:12%}.road-lane:after{top:49%;left:74%;width:23px;height:14px}
.road-chicken{position:absolute;width:112px;height:112px;left:7.5%;bottom:var(--curb);transform:translateX(-50%);z-index:3;transition:left 900ms cubic-bezier(.4,0,.25,1)}
.road-chicken:before{content:'';position:absolute;left:28%;right:18%;height:7px;bottom:0;border-radius:50%;background:#0007;filter:blur(2px)}
.road-chicken img{position:absolute;bottom:-10%;left:0;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 90%}
.road-stage.stepping .road-chicken img{animation:road-step .22s ease-in-out 4 alternate}
@keyframes road-step{from{transform:rotate(-3deg) scaleY(.98)}to{transform:rotate(3deg) scaleY(1)}}
.road-flame{position:absolute;left:50%;bottom:-4px;width:23px;height:46px;z-index:2;border-radius:80% 15% 75% 35%;background:linear-gradient(10deg,#fff55a,#ff6a00 60%,#ff2a00);filter:drop-shadow(0 0 5px #ff7a0070);transform:rotate(15deg);animation:road-fire .7s ease-in-out infinite alternate;animation-play-state:paused}
.road-flame:after{content:'';position:absolute;bottom:0;left:4px;width:12px;height:24px;border-radius:80% 15% 75% 35%;background:#ffe365}
.road-lane.passed .road-flame,.road-lane.active .road-flame{opacity:0;transition:opacity .2s}.road-stage.is-active .road-flame{animation-play-state:running}
@keyframes road-fire{to{transform:rotate(24deg) scale(.8,1.2);opacity:.8}}
.road-curb{position:absolute;left:0;right:0;bottom:0;height:var(--curb);background:repeating-linear-gradient(90deg,#354057 0 80px,#303b50 80px 160px);border-top:3px solid #58617a;z-index:4}
.road-finish{position:absolute;right:2.7%;bottom:var(--curb);height:116px;width:70px;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#ffdc0026,transparent 68%)}
.road-egg{width:35px;height:48px;position:absolute;bottom:33px;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 35% 25%,#fff19c 0 10%,#ffe15d 12% 30%,#e9a916 65%,#b47a08);border:2px solid #ffdb59;transform:rotate(10deg)}
.road-pedestal{position:absolute;bottom:0;width:42px;height:30px;background:linear-gradient(90deg,#847c65,#d2ccb0,#847c65);clip-path:polygon(0 0,100% 0,65% 70%,65% 100%,35% 100%,35% 70%)}
.road-pause{position:absolute;right:16px;top:12px;width:32px;height:32px;border:1px solid #23445c;border-radius:50%;background:#061a2b;color:#8bacc4;font-size:.75rem;z-index:5}
.road-top{position:absolute;right:16px;bottom:8px;width:46px;height:46px;border-radius:50%;background:#f5f8ff;color:#ff7800;border:1px solid #ff7800;display:grid;place-items:center;font-size:1.8rem;z-index:5;box-shadow:0 0 10px #0004}
@media(max-width:700px){.road-stage{height:170px}.road-marker{width:39px;height:39px;border-width:3px;top:20px}.road-drain{width:40px;height:50px;border-width:3px}.road-chicken{width:82px;height:82px}.road-lane{border-right-width:1px}.road-lane:before,.road-lane:after{display:none}.road-finish{right:0;width:45px;height:90px}.road-egg{width:25px;height:34px;bottom:25px}.road-pedestal{width:30px;height:24px}.road-flame{width:15px;height:30px}.road-flame:after{left:3px;width:8px;height:18px}.road-top{right:8px;width:34px;height:34px;font-size:1.4rem}.road-pause{right:8px;top:5px;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.road-chicken{transition:none}.road-stage.stepping .road-chicken img,.road-flame{animation:none}}
/* Subtle shared rounding, without adding frames to the artwork. */
:is(#pwa-featured,#stores-featured) .image-stage,.creative-track .creative-tile,.creative-track .creative-tile img,.game-icon-preview,.game-icon-preview img,.game-preview,.game-preview img{border-radius:8px;overflow:hidden}
.game-viewport.lens-enabled{cursor:crosshair}
.game-lens{position:absolute;z-index:4;border:2px solid #a2ecff;border-radius:50%;background-color:#03101d;background-repeat:no-repeat;box-shadow:0 0 0 4px #06182799,0 12px 28px #0009,0 0 20px #00c9f633;pointer-events:none}
.game-lens:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(140deg,#ffffff16,transparent 40%)}
.game-lens[hidden]{display:none}
#game-loupe-toggle[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}
.store-zoom-card{cursor:crosshair}
.store-zoom-card .image-stage{position:relative;overflow:hidden;border-radius:8px;touch-action:none}
.store-zoom-card .image-stage>img{border-radius:8px}
.store-zoom-card:hover .image-stage>img{filter:none}
.store-lens{display:block}
.store-lens[hidden]{display:none}

.hero-visual img{filter:drop-shadow(0 0 7px #00bfff40)}
.image-stage,.image-stage img,.creative-tile img,.game-preview,.game-preview img,.game-icon-preview,.game-icon-preview img{border-radius:8px}
/* Focused presentation: one navigation, original hero and immersive artwork. */
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(#000 0 83%,transparent);-webkit-mask-image:linear-gradient(#000 0 83%,transparent)}
.hero-visual::before{opacity:1;filter:drop-shadow(0 0 14px #00baff)}
#pwa-featured{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:25px 0}
#pwa-featured .art-button{position:relative;overflow:visible;border:0;background:none;box-shadow:none;isolation:isolate}
#pwa-featured .image-stage{height:auto;aspect-ratio:1.8;overflow:hidden;border-radius:12px;box-shadow:0 15px 35px #0004}
#pwa-featured .image-stage img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}
#pwa-featured .art-button:hover .image-stage img{transform:scale(1.04)}
#pwa-featured .art-button:nth-child(2){transform:translateY(20px)}
#pwa-featured .pwa-project-icon{position:absolute;bottom:-15px;left:18px;width:55px;height:55px;border-radius:12px;box-shadow:0 6px 20px #0007;border:3px solid #061528;object-fit:cover}
#stores{position:relative;isolation:isolate;overflow:hidden;min-height:470px;background:#03101f}
#stores .section-copy{position:relative;z-index:2;pointer-events:none}
#stores .section-copy .button{pointer-events:auto}
#stores-featured{position:absolute;inset:0 0 0 24%;z-index:0;display:block;width:auto;opacity:.95}
#stores-featured .art-button,#stores-featured .image-stage{display:block;width:100%;height:100%;border:0;border-radius:0;background:none;padding:0;box-shadow:none}
#stores-featured .image-stage img{width:100%;height:100%;object-fit:cover;object-position:70% center;border-radius:0;max-height:none}
#stores-featured:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03101f 0%,#03101fee 8%,#03101f80 29%,transparent 60%),linear-gradient(0deg,#03101f,transparent 12%,transparent 88%,#03101f)}
#stores-gallery{position:relative;z-index:3;background:var(--bg)}
#stores:has(#stores-gallery:not([hidden])) #stores-featured{height:470px}
.creative-carousel{overflow:hidden;position:relative}
.creative-track{gap:10px;padding:20px 30%;scroll-snap-type:x mandatory;overflow-x:auto;align-items:center;scroll-padding-inline:30%}
.creative-track .creative-tile{flex:0 0 100%;scroll-snap-align:center;transform:scale(.83);opacity:.58;transition:transform .5s ease,opacity .5s ease;overflow:hidden;border-radius:10px}
.creative-track .creative-tile.is-current{transform:scale(1);opacity:1;box-shadow:0 12px 28px #0005}
.creative-track .creative-tile img{display:block;object-fit:cover}
.carousel-accessible-pause{position:absolute;left:50%;bottom:0;transform:translate(-50%,120%);background:#08273d;color:var(--cyan);border:1px solid var(--cyan);border-radius:20px;padding:6px 12px;z-index:2;font-size:.7rem}
.carousel-accessible-pause:focus-visible{transform:translate(-50%,0)}
.game-project-heading{display:flex;align-items:center;justify-content:center;gap:20px;flex:0 0 auto;padding:0 0 12px}
.game-project-icon{width:78px;height:78px;border-radius:14px;object-fit:contain}
.game-project-banner{width:auto;max-width:calc(100% - 100px);height:118px;object-fit:contain;border-radius:8px}
.game-zoom-tools{padding-bottom:8px}.game-zoom-tools>span{margin:0;color:#a7c6dc}
.game-picker{flex-basis:66px;padding-top:8px}.game-picker button{width:54px;height:54px;flex-basis:54px}
.road-flame{width:74px;height:105px;bottom:-3px;left:50%;transform:translateX(-50%);background:none;border-radius:0;filter:drop-shadow(0 0 9px #ff8c0044);animation:none}
.road-flame:after{display:none}.road-flame img{display:block;width:100%;height:100%;object-fit:contain}
.road-finish{right:4%;width:84px;height:145px;background:radial-gradient(ellipse at 50% 70%,#ffdf0033,transparent 65%)}
.road-egg{width:100%;height:100%;position:absolute;inset:auto 0 0;border:0;border-radius:0;transform:none;background:none;object-fit:contain;filter:drop-shadow(0 0 7px #ffda0033)}
.road-top{background:#07263d;color:var(--cyan);border:1px solid var(--cyan);box-shadow:0 0 18px #00c9f644,inset 0 0 12px #00bfff15;transition:box-shadow .2s,background .2s}
.road-top:hover{background:#0a3850;box-shadow:0 0 26px #00c9f677}
footer{justify-content:space-between}
@media(max-width:700px){
 #pwa-featured{gap:14px;padding:0 0 24px}#pwa-featured .image-stage{aspect-ratio:1.25}#pwa-featured .pwa-project-icon{width:43px;height:43px;left:10px;bottom:-12px}#pwa-featured .art-button:nth-child(2){transform:translateY(12px)}
 #stores{min-height:650px;display:flex;flex-direction:column;justify-content:flex-start}#stores-featured{inset:220px -15% 0 -15%;height:430px}#stores-featured:after{background:linear-gradient(180deg,#03101f,transparent 28%,transparent 80%,#03101f)}#stores .section-copy{max-width:100%}#stores-featured .image-stage img{object-position:center}
 #stores:has(#stores-gallery:not([hidden])) #stores-featured{height:430px}#stores-gallery:not([hidden]){margin-top:320px;width:100%}
 .creative-track{gap:5px;padding:14px 27%;scroll-padding-inline:27%}.creative-track .creative-tile{flex-basis:100%}
 .game-project-heading{gap:12px;padding-bottom:8px}.game-project-icon{width:48px;height:48px;border-radius:9px}.game-project-banner{height:77px;max-width:calc(100% - 60px)}.game-zoom-tools>span{display:block;font-size:.65rem}.game-picker{flex-basis:58px}.game-picker button{width:46px;height:46px;flex-basis:46px}
 .road-flame{width:49px;height:70px}.road-finish{right:5%;width:55px;height:105px}.road-egg{width:100%;height:100%}
}
.road-flame{width:100px;height:115px}
@media(max-width:700px){.road-flame{width:68px;height:78px}}
.road-flame{width:52px;height:120px;bottom:-3px}
.road-flame img{object-fit:fill}
.road-flame:after{display:block;content:'';position:absolute;left:-34px;bottom:0;width:120px;height:120px;border-radius:0;background:transparent url('assets/road-fire.gif') center/contain no-repeat}
@media(max-width:700px){.road-flame{width:36px;height:82px}.road-flame:after{left:-22px;width:80px;height:80px}}
/* Reference composition: joker, Zeus and Chicken Road, grounded by the rocky foreground. */
.hero-visual{width:100%;top:0;bottom:0;right:0;align-items:center}
.hero-visual img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right center;filter:none;mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%)}
.hero-visual::before,.hero-visual::after{display:none}
@media(min-width:1101px){.hero{min-height:620px}}
@media(max-width:700px){.hero-visual{top:300px;bottom:0;width:100%}.hero-visual img{object-fit:cover;object-position:78% center;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 100%)}}
@media(max-width:380px){.hero-visual{top:330px}}
@media(min-width:701px){.hero-visual::after{display:block;content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030e1e 0%,#030e1e 17%,#030e1e80 28%,transparent 43%)}}
/* Passive section previews; projects open from the collection buttons. */
.section-work .art-button{cursor:default}
#pwa-featured{align-items:start;padding:0}
#pwa-featured .art-button:nth-child(2){transform:none}
#pwa-featured .image-stage{aspect-ratio:2.25;box-shadow:none}
#pwa-featured .image-stage img{object-fit:contain}
#games-featured .game-icon-preview{transition:transform .35s ease,filter .35s ease;overflow:visible}
#games-featured .game-icon-preview:hover{transform:scale(1.055);filter:drop-shadow(0 12px 18px #00bfff22)}
.game-banner-grid .game-preview{transition:transform .35s ease;transform-origin:center}
.game-banner-grid .game-preview:hover{transform:scale(1.035)}
.creative-track{padding:20px 34%;scroll-padding-inline:34%;gap:12px;touch-action:pan-x pan-y;cursor:grab;user-select:none}
.creative-track.is-dragging{cursor:grabbing;scroll-behavior:auto}
.creative-track .creative-tile{flex:0 0 100%;cursor:inherit}
.creative-track .creative-tile img{object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.game-project-heading{gap:28px;padding:8px 0 20px}
.game-project-icon{width:clamp(100px,12vw,156px);height:clamp(100px,12vw,156px);border-radius:20px}
.game-project-banner{height:clamp(160px,19vh,220px);width:auto;max-width:min(72%,620px);object-fit:contain;border-radius:10px}
.viewer-project-icon{position:absolute;bottom:16px;left:68px;width:86px;height:86px;object-fit:contain;border-radius:16px;box-shadow:0 5px 22px #0006;z-index:2}
.viewer-project-icon[hidden]{display:none}
.road-finish{right:3%;width:145px;height:190px}
.road-egg{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
 #pwa-featured{padding:0}#pwa-featured .art-button:nth-child(2){transform:none}#pwa-featured .image-stage{aspect-ratio:1.8}
 .creative-track{padding:16px 34%;scroll-padding-inline:34%;gap:5px}
 .game-project-heading{gap:14px;padding:5px 0 12px}.game-project-icon{width:80px;height:80px;border-radius:14px}.game-project-banner{height:118px;max-width:calc(100% - 94px)}
 .viewer-project-icon{width:54px;height:54px;left:47px;bottom:10px;border-radius:10px}
 .road-finish{width:95px;height:135px;right:3%}
}
#viewer.pwa-viewer .lightbox-stage{padding-left:115px}
#viewer.pwa-viewer .viewer-project-icon{left:18px;top:50%;bottom:auto;transform:translateY(-50%);width:90px;height:90px}
#viewer.pwa-viewer #viewer-prev{position:absolute;left:8px;bottom:5px;z-index:3}
@media(max-width:700px){#viewer.pwa-viewer .lightbox-stage{padding-left:62px}#viewer.pwa-viewer .viewer-project-icon{left:4px;width:52px;height:52px}}
.lightbox-stage{position:relative}
#viewer.pwa-viewer #viewer-prev{position:static;grid-column:1;grid-row:1}
#viewer-image{grid-column:2;grid-row:1}
#viewer-next{grid-column:3;grid-row:1}
#pwa-featured .image-stage img{object-fit:cover;object-position:center}
/* The finish pedestal sits on the curb in its own final lane. */
.road-finish{left:94%;right:auto;bottom:calc(var(--curb) - 7px);width:145px;height:145px;transform:translateX(-50%)}
.road-egg{inset:0;width:100%;height:100%;object-fit:contain}
:is(#pwa-featured,#games-featured,#stores-featured) .art-button:hover{transform:none;filter:none}
:is(#pwa-featured,#games-featured,#stores-featured) .art-button:hover img{transform:none;filter:none}
.expanded-gallery :is(.art-button,.pwa-picker-card,.creative-tile){transition:transform .28s ease,filter .28s ease}
.expanded-gallery :is(.art-button,.pwa-picker-card,.creative-tile):hover{transform:scale(1.035);filter:drop-shadow(0 8px 16px #00bfff20)}
.pwa-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px;padding:16px 0}
.pwa-picker-card{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px;color:var(--white);text-align:center;font-size:.85rem}
.pwa-picker-card img{display:block;width:clamp(80px,10vw,135px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px}
.pwa-picker-card span{line-height:1.4}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;flex:1 1 auto;min-height:0}
.game-board-column{display:flex;flex-direction:column;min-height:0;min-width:0}
.game-board-column .game-viewport{flex:1 1 auto}
.game-assets{min-width:0;overflow:auto;padding:0 0 10px;border-left:1px solid #13405a;padding-left:20px}
.game-assets figure{margin:0 0 30px}
.game-assets figcaption{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:15px}
.game-assets .game-project-icon{display:block;width:160px;height:160px;max-width:100%;border-radius:18px;object-fit:contain}
.game-assets .game-project-banner{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:8px}
.game-board-column .game-zoom-tools{flex:0 0 auto;padding-bottom:10px}
@media(max-width:700px){
 .road-finish{left:94%;right:auto;width:100px;height:100px;bottom:calc(var(--curb) - 5px)}
 .pwa-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.pwa-picker-card{font-size:.7rem;padding:3px;gap:9px}.pwa-picker-card img{width:min(100%,90px);border-radius:14px}
 .game-layout{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.game-assets{padding-left:9px}.game-assets figure{margin-bottom:22px}.game-assets figcaption{font-size:.6rem;letter-spacing:.02em;margin-bottom:10px}.game-assets .game-project-icon{width:90px;height:90px;border-radius:12px}.game-board-column .game-zoom-tools>span{font-size:.6rem;line-height:1.5}
}
#games-featured{display:block;min-width:0}
#games-featured .creative-track .game-icon-preview{flex:0 0 100%;min-width:0;aspect-ratio:1;scroll-snap-align:center;transform:scale(.83);opacity:.58;transition:transform .5s ease,opacity .5s ease;overflow:hidden;border-radius:10px;filter:none}
#games-featured .creative-track .game-icon-preview.is-current{transform:scale(1);opacity:1}
#games-featured .creative-track .game-icon-preview img{width:100%;height:100%;object-fit:contain;pointer-events:none;transform:none;filter:none}
/* Two large, complete PWA banners form an editorial showcase. */
#pwa-featured{grid-template-columns:minmax(0,1fr);gap:22px;width:100%;max-width:740px;margin-left:auto}
#pwa-featured .art-button{position:relative;isolation:isolate}
#pwa-featured .art-button:before{content:'';position:absolute;inset:12% -3%;z-index:-1;background:radial-gradient(ellipse,#5ae63b18,transparent 72%);filter:blur(18px);pointer-events:none}
#pwa-featured .art-button:nth-child(2):before{background:radial-gradient(ellipse,#9e42ff20,transparent 72%)}
#pwa-featured .image-stage{height:auto;aspect-ratio:auto;border-radius:10px;overflow:hidden}
#pwa-featured .image-stage img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){#pwa-featured{gap:16px;max-width:none}}
/* Fade the artwork's own edge, including where contain previously letterboxed it. */
@media(min-width:701px){
 .hero-visual img{width:auto;height:100%;flex:0 0 auto;margin-left:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)}
 .hero-visual::after{z-index:2;background:linear-gradient(90deg,#030e1e 0%,#030e1ed9 20%,#030e1e40 35%,transparent 49%)}
}
.road-top{top:16px;bottom:auto}
@media(max-width:700px){.road-top{top:12px;bottom:auto}}
#pwa-featured .art-button:hover .image-stage img{transform:none}
/* Compact PWA showcase: one complete banner at a time. */
#pwa{align-items:center;min-height:460px}
#pwa-featured{display:block;max-width:780px;margin-left:auto;padding:0}
.pwa-slider{position:relative;width:100%;outline-offset:6px}
.pwa-slide-frame{position:relative;width:100%;aspect-ratio:2.25;border-radius:12px;overflow:hidden;isolation:isolate;background:#071a2c;box-shadow:0 16px 36px #0004}
.pwa-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .85s ease;pointer-events:none;z-index:0}
.pwa-slide.is-active{opacity:1;z-index:1}
.pwa-slide img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;user-select:none}
.pwa-slide-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:18px}
.pwa-slide-dots button{border:0;padding:0;width:7px;height:7px;border-radius:10px;background:#466275;transition:width .3s ease,background .3s ease;box-shadow:0 0 0 6px transparent}
.pwa-slide-dots button[aria-pressed="true"]{width:30px;background:var(--cyan)}
.pwa-slide-dots button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:700px){#pwa{min-height:0}.pwa-slide-frame{border-radius:9px}.pwa-slide img{border-radius:9px}.pwa-slide-dots{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.pwa-slide{transition:none}}
/* Reference assets on the left, full game sheet on the right. */
.game-layout{grid-template-columns:260px minmax(0,1fr)}
.game-assets{grid-column:1;grid-row:1;border-left:0;border-right:1px solid #13405a;padding-left:0;padding-right:20px}
.game-board-column{grid-column:2;grid-row:1}
@media(max-width:700px){.game-layout{grid-template-columns:110px minmax(0,1fr)}.game-assets{padding-left:0;padding-right:9px}}
.pwa-slide{transition:opacity 1.2s ease-in-out}
@media(prefers-reduced-motion:reduce){.pwa-slide{transition:none}}

/* More room for game sheets and a wider inspection lens. */
#viewer.game-inspector{width:98vw;max-width:1800px;height:98dvh;max-height:98dvh;padding:14px 16px}
.game-inspector .game-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}
.game-inspector .game-assets{padding-right:14px}
.game-inspector .game-picker{flex-basis:64px;padding-top:8px}
.game-inspector .game-picker button{width:54px;height:54px;flex-basis:54px}
@media(max-width:700px){
 #viewer.game-inspector{padding:10px;width:99vw;max-width:99vw}
 .game-inspector .game-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}
 .game-inspector .game-assets{grid-column:1;grid-row:1;display:grid;grid-template-columns:64px minmax(0,220px);gap:16px;align-items:start;border-right:0;border-bottom:1px solid #13405a;padding:0 0 8px;overflow:visible}
 .game-inspector .game-assets figure{margin:0}
 .game-inspector .game-assets figcaption{margin-bottom:5px}
 .game-inspector .game-assets .game-project-icon{width:56px;height:56px}
 .game-inspector .game-assets .game-project-banner{width:auto;max-width:100%;height:56px;object-position:left center}
 .game-inspector .game-board-column{grid-column:1;grid-row:2}
 .game-inspector .game-board-column .game-zoom-tools{display:none}
}

.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}.contact-links a{color:var(--cyan);font-size:.95rem;overflow-wrap:anywhere}.contact-links a:hover{text-decoration:underline}.contact-links a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}

.brand .brand-crown{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 44px}footer .brand .brand-crown{width:38px;height:38px;flex-basis:38px}@media(max-width:700px){.brand .brand-crown{width:38px;height:38px;flex-basis:38px}}

/* Selected work note and quiet contact cards. */
.work-intro{padding:32px 4.5% 12px;background:var(--bg)}
.work-intro p{margin:10px 0 0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:680px}
#stores-gallery{background:transparent;border-top:0;padding-top:22px}
#stores-gallery .gallery-tools{min-height:36px;margin-bottom:22px;background:transparent}
#stores-gallery .gallery-count{background:#06192bd9;border:1px solid #15506c;border-radius:20px;padding:8px 13px;backdrop-filter:blur(12px)}
#stores-featured:after{background:linear-gradient(90deg,#03101f 0%,#03101fee 8%,#03101f80 29%,transparent 60%),linear-gradient(0deg,#030e1e 0%,#030e1ee6 8%,transparent 32%,transparent 88%,#03101f)}
.contact{grid-template-columns:1fr 1.1fr;gap:60px;padding:64px 4.5%;background:radial-gradient(ellipse at 100% 80%,#06304a88,transparent 65%),#03101f}
.contact:after{display:none}
.contact-copy{border-left:0;padding-left:0}
.contact-copy>p{max-width:470px;font-size:.95rem;line-height:1.7;margin:0 0 22px;color:var(--muted)}
.contact-cards{display:grid;gap:12px}
.contact-card{display:flex;align-items:center;gap:16px;min-width:0;padding:20px;border:1px solid #164158;border-radius:14px;background:linear-gradient(115deg,#092239cc,#061728cc);transition:border-color .2s,background .2s,transform .2s}
.contact-card:hover{border-color:var(--cyan);background:#0a2c44;transform:translateY(-2px)}
.contact-telegram{border-color:#466422;background:linear-gradient(115deg,#152b2bcc,#082338cc)}
.contact-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#073b56;color:var(--cyan)}
.contact-icon svg{width:23px;height:23px}
.contact-telegram .contact-icon{background:#c6ff0015;color:var(--lime)}
.contact-card-copy{min-width:0;display:flex;flex-direction:column;gap:7px}
.contact-card-copy small{color:#89aabe;font-size:.64rem;letter-spacing:.15em;font-weight:600}
.contact-card-copy strong{font-size:clamp(.8rem,1.15vw,1rem);font-weight:500;color:var(--white);overflow-wrap:anywhere}
.contact-arrow{margin-left:auto;color:var(--cyan);font-size:1.4rem}.contact-telegram .contact-arrow{color:var(--lime)}
@media(max-width:700px){.work-intro{padding:26px 5% 0}.work-intro p{font-size:.85rem}.contact{grid-template-columns:1fr;padding:36px 5%;gap:25px}.contact-card{padding:16px;gap:12px}.contact-card-copy strong{font-size:.85rem}.contact-icon{width:36px;height:36px;flex-basis:36px}#stores-gallery .gallery-count{width:auto}#stores-featured:after{background:linear-gradient(180deg,#03101f,transparent 28%,transparent 58%,#030e1e 100%)}}
@media(min-width:701px){#stores-gallery:not([hidden]){margin-top:100px}}
/* Phone layout: flowing hero, full-width galleries and touch-sized controls. */
@media(max-width:700px){
 html{scroll-padding-top:16px}
 body{overflow-x:clip}
 header{padding:12px 5% 0;gap:8px}
 .brand{font-size:1rem}.brand small{font-size:.65rem}
 #language{min-width:44px;min-height:44px;padding:8px}
 nav{gap:12px;min-width:0;min-height:48px;scrollbar-width:none;font-size:clamp(.65rem,2.7vw,.78rem)}nav::-webkit-scrollbar{display:none}
 nav a{display:flex;align-items:center;min-height:44px;flex-shrink:0;padding:8px 0}
 .hero{display:flex;flex-direction:column;min-height:0;background:#030e1e}
 .hero-copy{order:1;max-width:100%;padding:28px 5% 0;position:relative;z-index:1}
 h1{font-size:clamp(29px,8.3vw,38px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 18px}
 .hero-copy>p{max-width:100%;font-size:.9rem;line-height:1.65}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
 .hero-actions .button{font-size:.72rem;padding:12px 8px;min-height:46px;white-space:nowrap}
 .hero-visual{order:2;position:relative;inset:auto;z-index:0;width:100%;height:clamp(240px,72vw,320px);margin-top:6px;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;flex:none}
 .hero-visual img{height:100%;width:auto;max-width:none;flex:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 90%,transparent)}
 .work-intro{padding:22px 5% 10px}.work-intro p{font-size:.85rem;line-height:1.65}
 .portfolio-section{padding:32px 5%;gap:22px;min-width:0}.section-copy h2{font-size:2.2rem}.section-copy h3{font-size:1.05rem;line-height:1.4}.section-copy p{font-size:.88rem;line-height:1.65;margin:12px 0 20px}
 .section-copy .button{min-height:46px}
 .section-work{min-width:0;max-width:100%}
 #pwa-featured{margin:0;width:100%}.pwa-slide-frame{border-radius:12px}
 .pwa-slide-dots{gap:0;padding-top:6px;min-height:40px}
 .pwa-slide-dots button{width:30px;height:36px;border-radius:0;background:transparent;box-shadow:none;position:relative;flex:0 0 30px}
 .pwa-slide-dots button:after{content:'';position:absolute;left:12px;top:15px;width:6px;height:6px;border-radius:6px;background:#466275}
 .pwa-slide-dots button[aria-pressed="true"]{width:30px;background:transparent}.pwa-slide-dots button[aria-pressed="true"]:after{left:6px;width:18px;background:var(--cyan)}
 .pwa-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.pwa-picker-card{min-width:0;font-size:.75rem}.pwa-picker-card img{width:min(100%,88px)}
 #stores{display:flex;min-height:0;gap:16px;padding-bottom:30px}
 #stores-featured{position:relative;inset:auto;flex:none;width:calc(100% + 11.12%);max-width:none;height:260px;margin:-15px -5.56% -10px}
 #stores:has(#stores-gallery:not([hidden])) #stores-featured{height:260px}
 #stores-featured:after{background:linear-gradient(180deg,#03101f,transparent 22%,transparent 66%,#030e1e)}
 #stores-featured .image-stage img{object-position:65% center}
 #stores-gallery:not([hidden]){width:100%;margin-top:0;padding-top:4px}
 .gallery-tools{gap:8px;margin-bottom:18px}.filter-button{min-height:42px;padding:10px 14px}.gallery-count{font-size:.75rem;margin-top:5px}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.gallery-grid .image-stage{height:auto;aspect-ratio:2.25;padding:0}.gallery-grid .caption{font-size:.76rem;line-height:1.4}.caption small{font-size:.63rem}
 .game-banner-grid{grid-template-columns:1fr;gap:18px}
 #games-featured,#creatives-featured{width:calc(100% + 8%);max-width:none;margin-inline:-4%}
 .creative-track{padding-block:12px;gap:5px}
 .creative-wall{column-gap:10px}.creative-wall .creative-tile{margin-bottom:10px}
 .contact{padding:36px 5%;gap:24px}.contact h2{font-size:clamp(1.8rem,7.8vw,2.2rem);line-height:1.1}.contact-copy>p{font-size:.88rem}
 .contact-card{padding:16px 12px;min-height:82px;gap:10px}.contact-card-copy strong{font-size:clamp(.72rem,3.2vw,.9rem)}.contact-arrow{flex:0 0 18px}.contact-icon{flex-basis:34px;width:34px;height:38px}
 footer{padding:22px 5%}
 #viewer,#viewer.game-inspector{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
 #viewer .viewer-top{gap:12px;padding-bottom:12px}.viewer-top>div{min-width:0}#viewer .viewer-top h2{font-size:1.1rem;overflow-wrap:anywhere}.viewer-top .eyebrow{font-size:.61rem}.close{width:44px;height:44px;min-width:44px}
 #viewer .lightbox-stage,#viewer.pwa-viewer .lightbox-stage{grid-template-columns:minmax(0,1fr);padding:0 0 48px;gap:0;touch-action:pan-y pinch-zoom}
 #viewer.pwa-viewer .lightbox-stage{padding-top:54px}
 #viewer #viewer-image{grid-column:1;grid-row:1}
 #viewer #viewer-prev,#viewer.pwa-viewer #viewer-prev{position:absolute;left:0;bottom:0;grid-column:auto;grid-row:auto}
 #viewer #viewer-next{position:absolute;right:0;bottom:0;grid-column:auto;grid-row:auto}
 #viewer .slide-control{width:52px;height:40px;border-radius:10px;font-size:1.8rem}
 #viewer.pwa-viewer .viewer-project-icon{left:50%;top:0;bottom:auto;width:46px;height:46px;transform:translateX(-50%);border-radius:10px}
 .lightbox-bottom{padding:8px 0}.lightbox-thumbs{flex-basis:64px;scrollbar-width:none}.lightbox-thumbs button{width:60px;min-width:60px;height:54px}
 .game-inspector .game-layout{gap:8px}.game-inspector .game-assets{grid-template-columns:54px minmax(0,1fr);gap:14px}.game-inspector .game-assets .game-project-icon{width:48px;height:48px}.game-inspector .game-assets .game-project-banner{height:48px}
 .game-inspector .game-board-column .game-zoom-tools{display:flex;padding:0 0 6px}.game-inspector .game-zoom-tools>span{display:block;font-size:.62rem;line-height:1.4;text-transform:none;color:var(--muted)}
 .game-inspector .game-picker{flex-basis:60px;gap:6px}.game-inspector .game-picker button{width:48px;height:48px;flex-basis:48px}
 .road-footer{overflow:hidden}.road-top{width:44px;height:44px;right:12px}
}
@media(max-width:359px){.hero-actions{gap:7px}.hero-actions .button{font-size:.65rem}.gallery-grid{grid-template-columns:1fr}.gallery-grid .image-stage{aspect-ratio:2.25}.pwa-picker-card{font-size:.7rem}}
@media(max-height:560px) and (max-width:950px){#viewer{height:100dvh;max-height:100dvh}#viewer .viewer-top h2{font-size:1rem}.game-inspector .game-assets{display:none}.game-inspector .game-layout{grid-template-columns:1fr}.game-inspector .game-board-column{grid-column:1}.game-inspector .game-picker{flex-basis:52px}.game-inspector .game-picker button{width:42px;height:42px;flex-basis:42px}}
@media(max-width:700px){.game-inspector .game-picker{overflow-y:hidden;scrollbar-width:none}.game-inspector .game-picker::-webkit-scrollbar,.lightbox-thumbs::-webkit-scrollbar{display:none}}

.pwa-slide-frame{touch-action:pan-y pinch-zoom;cursor:grab}.pwa-slide-frame:active{cursor:grabbing}
@media(max-width:700px){
 #stores-featured,#stores:has(#stores-gallery:not([hidden])) #stores-featured{height:auto;aspect-ratio:2.25;margin-top:4px;margin-bottom:0}
 #stores-featured .image-stage img{object-fit:contain;object-position:center}
 #stores-featured:after{background:linear-gradient(180deg,#03101f88,transparent 12%,transparent 85%,#030e1e)}
}

.pwa-slide-frame{user-select:none;-webkit-user-select:none}