.site-footer{width:min(1240px,100% - 64px);color:var(--ink);margin:38px auto 0;padding:0 0 34px}.footer-panel{border:2px solid var(--pixel-line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-warm) 86%, white), color-mix(in srgb, var(--surface) 78%, var(--cyan))), var(--surface);box-shadow:8px 8px 0 var(--pixel-line);grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);gap:clamp(18px,3vw,34px);padding:clamp(20px,3vw,30px);display:grid;position:relative;overflow:hidden}.footer-panel:before{content:"";pointer-events:none;opacity:.34;background-color:#0000;background-image:linear-gradient(#12170f14 1px,#0000 1px),linear-gradient(90deg,#12170f14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%,#000);mask-image:linear-gradient(90deg,#0000,#000 32%,#000)}.footer-panel:after{content:"";pointer-events:none;background:linear-gradient(var(--pixel-line) 0 0) 0 0 / 14px 14px, linear-gradient(var(--cyan) 0 0) 14px 0 / 14px 14px, linear-gradient(var(--pink-2) 0 0) 28px 0 / 14px 14px, linear-gradient(var(--yellow) 0 0) 42px 0 / 14px 14px, linear-gradient(var(--green) 0 0) 56px 0 / 14px 14px, linear-gradient(var(--yellow) 0 0) 0 14px / 14px 14px, linear-gradient(var(--surface) 0 0) 14px 14px / 14px 14px, linear-gradient(var(--cyan) 0 0) 28px 14px / 14px 14px, linear-gradient(var(--orange) 0 0) 42px 14px / 14px 14px, linear-gradient(var(--pixel-line) 0 0) 56px 14px / 14px 14px, linear-gradient(var(--green) 0 0) 0 28px / 14px 14px, linear-gradient(var(--pink-2) 0 0) 14px 28px / 14px 14px, linear-gradient(var(--yellow) 0 0) 28px 28px / 14px 14px, linear-gradient(var(--cyan) 0 0) 42px 28px / 14px 14px, linear-gradient(var(--surface) 0 0) 56px 28px / 14px 14px;width:70px;height:70px;image-rendering:pixelated;opacity:.18;background-repeat:no-repeat;position:absolute;bottom:clamp(16px,3vw,28px);right:clamp(16px,4vw,42px);transform:rotate(-8deg)}.footer-brand-card,.footer-nav-grid,.footer-bottom{z-index:1;position:relative}.footer-brand-card{align-content:space-between;gap:22px;min-height:100%;padding:4px 0;display:grid}.footer-brand-lockup{align-items:center;gap:14px;display:flex}.footer-brand-lockup strong{font-family:var(--font-display);text-shadow:2px 2px #25c3bf42;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1;display:block}.footer-brand-lockup p{max-width:31ch;color:var(--muted);margin:6px 0 0;font-size:.95rem;font-weight:850;line-height:1.35}.footer-swatch-row{gap:7px;display:flex}.footer-swatch-row span{border:2px solid var(--pixel-line);border-radius:6px;width:24px;height:24px;box-shadow:3px 3px #12170f2e}.footer-swatch-row span:first-child{background:var(--yellow)}.footer-swatch-row span:nth-child(2){background:var(--cyan)}.footer-swatch-row span:nth-child(3){background:var(--pink-2)}.footer-swatch-row span:nth-child(4){background:var(--green)}.footer-swatch-row span:nth-child(5){background:var(--orange)}.footer-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.footer-link-group{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 72%, transparent);min-width:0;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--pixel-line) 9%, transparent);align-content:start;padding:14px;display:grid}.footer-link-group p{color:var(--pink);text-transform:uppercase;margin:0 0 9px;font-size:.8rem;font-weight:950;line-height:1}.footer-link-group a{min-height:34px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:.94rem;font-weight:880;text-decoration:none;transition:color .15s,transform .15s;display:flex;position:relative}.footer-link-group a+a{border-top:1px dashed color-mix(in srgb, var(--line) 80%, transparent)}.footer-link-group a:after{content:"";opacity:.42;border-top:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transition:opacity .15s,transform .15s;transform:rotate(45deg)}.footer-link-group a:hover,.footer-link-group a:focus-visible{color:var(--blue);transform:translate(3px)}.footer-link-group a:hover:after,.footer-link-group a:focus-visible:after{opacity:1;transform:translate(2px)rotate(45deg)}.footer-bottom{border-top:2px dashed color-mix(in srgb, var(--pixel-line) 22%, transparent);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:.88rem;font-weight:850;display:flex}
@media (max-width:1500px){.site-header{gap:18px;padding-left:30px;padding-right:30px}.main-nav{gap:12px}.nav-link{padding-left:10px;padding-right:10px}.header-actions{gap:8px}.language-trigger{min-width:118px}}@media (max-width:1680px){.tool-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"modes actions";width:min(100%,620px)}.canvas-status-bar{grid-template-columns:auto auto minmax(260px,1fr);width:100%}}@media (max-width:1320px){.site-header{gap:14px;padding-left:20px;padding-right:20px}.feature-band,.seo-guide-section,.content-grid,.game-cta,.faq-section{width:calc(100% - 32px)}.main-nav{gap:6px}.nav-link{min-height:38px;padding:0 8px;font-size:.9rem}.header-actions{gap:6px}.language-trigger{min-width:112px;min-height:42px;padding-left:12px;padding-right:10px}.language-menu{width:164px}.content-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{grid-template-columns:320px minmax(500px,1fr)}.maker-rightbar{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;position:static;overflow:visible}.maker-rightbar .palette-panel{grid-column:1/-1}}@media (max-width:1180px){.home-hero{grid-template-columns:1fr;width:min(100% - 64px,1180px);min-height:0}.hero-copy{max-width:720px}}@media (max-width:1040px){.site-header{grid-template-columns:auto 1fr auto auto}.menu-button{order:0;grid-area:1/4;place-self:center end;display:block}.main-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);left:18px;right:18px}.site-header.is-menu-open .main-nav{display:grid}.header-actions{grid-area:1/3;justify-self:end}.feature-band,.seo-guide-section,.content-grid,.game-cta,.faq-section{width:min(100% - 56px,860px);margin-top:48px}.feature-band{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-guide-section,.maker-info-section,.demo-card,.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{grid-template-columns:1fr}.maker-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;position:static;overflow:visible}.maker-rightbar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.guides-directory-grid{grid-template-columns:1fr}.guides-sidebar{order:-1;grid-template-columns:repeat(2,minmax(0,1fr))}.guides-sidebar .search-card,.guides-sidebar .start-card{grid-column:1/-1}}@media (max-width:760px){body{background:var(--page)}.site-header{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;height:auto;min-height:88px;padding:18px 22px}#guides,#palette,#gallery,#latest-guides,#faq,#pixel-grid-guide,#grid-maker{scroll-margin-top:106px}.brand{grid-area:1/1;align-self:center;min-width:0}.pixel-face{width:44px;height:44px}.brand-copy strong{font-size:1.5rem}.brand-copy span{font-size:.82rem}.menu-button{grid-area:1/2;place-self:center end;width:42px;height:42px}.header-actions{display:none}.main-nav{grid-template-columns:1fr;gap:9px;left:14px;right:14px}.mobile-nav-tools{border-top:1px dashed color-mix(in srgb, var(--line) 86%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.mobile-nav-tool{border:2px solid var(--pixel-line);min-width:0;min-height:46px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 66%, var(--surface));box-shadow:3px 3px 0 var(--pixel-line);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:.82rem;font-weight:950;line-height:1;display:inline-flex}.mobile-nav-tool .ui-icon{flex:none;width:18px;height:18px}.mobile-nav-tool:hover,.mobile-nav-tool:focus-visible{background:var(--yellow)}.mobile-language-dropdown{grid-column:1/-1}.mobile-language-dropdown .language-trigger{width:100%}.mobile-language-dropdown .language-menu{width:100%;left:0;right:0}.home-hero,.feature-band,.seo-guide-section,.content-grid,.game-cta,.faq-section,.site-footer,.guides-index-page{width:calc(100% - 28px)}.guides-index-page{padding-top:18px}.guides-hero{grid-template-columns:1fr;min-height:0;padding:28px 20px 42px}.guides-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.guides-hero-art{justify-content:center;min-height:168px}.guides-hero-art img{width:min(340px,100%)}.guides-sidebar{grid-template-columns:1fr}.guides-list-toolbar{flex-direction:column;align-items:stretch}.guides-list-toolbar select{width:100%}.guides-list-card{grid-template-columns:1fr;gap:14px;padding:14px}.guide-card-arrow{position:absolute;bottom:12px;right:12px}.guides-help-strip{flex-direction:column;align-items:stretch}.guides-help-strip .outline-button{width:100%}.home-hero{gap:28px;padding:34px 0 0}.hero-copy h1{font-size:clamp(3rem,13vw,4.6rem)}.hero-subtitle{margin-top:18px;font-size:clamp(1.52rem,7vw,2rem)}.hero-body{margin-top:18px;font-size:1.08rem}.hero-actions{gap:12px;margin-top:24px;display:grid}.primary-button,.secondary-button,.outline-button,.green-button,.blue-button{width:100%;min-height:48px}.fan-note{margin-top:22px}.home-demo-card{padding:16px}.mobile-demo-title{display:block}.demo-media{grid-template-columns:1fr;gap:18px}.demo-media .grid-figure canvas{max-height:none}.segmented-grid{gap:9px}.compact-control-grid{grid-template-columns:1fr}.palette-strip{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}.feature-band{grid-template-columns:1fr;gap:12px;margin-top:34px;padding:20px 18px;display:grid}.feature-band article{border-bottom:0;grid-template-columns:52px 1fr;gap:14px;padding:14px 0}.feature-band article:last-child{border-bottom:0}.feature-band article:after,.guide-card:after{content:none}.feature-icon{width:44px;height:44px}.feature-band h2{font-size:1rem}.feature-band p{font-size:.9rem}.seo-guide-section{gap:24px;margin-top:38px;padding:24px 18px}.guide-detail-grid{grid-template-columns:1fr;gap:16px}.guide-detail{padding:18px}.tool-download-panel,.guide-media-grid{grid-template-columns:1fr}.tool-download-facts div{grid-template-columns:1fr;gap:4px}.size-table{font-size:.84rem}.content-grid{gap:26px;margin-top:38px}.section-heading{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{grid-template-columns:1fr;align-items:start;gap:14px;padding:14px;display:grid}.guide-thumb{width:100%;height:auto}.guide-card h3{margin-top:0;font-size:1rem}.guide-card p{font-size:.9rem}.updates-card{padding:24px 18px}.updates-card article{grid-template-columns:1fr;gap:6px}.mobile-only{margin-top:16px;display:flex}.game-cta{grid-template-columns:110px 1fr;gap:16px;padding:20px 18px}.faq-section{padding:24px 18px}.faq-section details{padding:18px 16px}.guide-article-page,.info-page{width:calc(100% - 28px);padding:24px 0 48px}.guide-article,.info-article{padding:22px 16px}.guide-article h1,.info-article h1{font-size:clamp(2.4rem,12vw,3.6rem)}.guide-article-cta{width:100%}.guide-faq-list{gap:10px}.guide-faq-list summary{grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;min-height:58px;padding:12px 14px}.guide-faq-list summary:before,.guide-faq-list summary:after{width:30px;height:30px}.guide-faq-list p{padding:0 14px 18px 54px}.game-cta .primary-button{grid-column:1/-1}#avatar-canvas{width:100px}.faq-section{display:block}.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{background:var(--page);gap:14px;padding:14px}.maker-canvas-area{order:1}.maker-sidebar{order:2;grid-template-columns:1fr}.maker-rightbar{order:3;grid-template-columns:1fr}.maker-info-section{order:4;padding:22px 16px}.maker-info-grid{grid-template-columns:1fr}.maker-panel{padding:16px}.tool-strip{grid-template-columns:1fr;grid-template-areas:"modes""actions";justify-content:stretch;align-items:stretch;gap:8px;width:100%;padding:8px}.canvas-status-bar{grid-template-columns:1fr;grid-template-areas:"status""history""view";align-items:stretch;width:100%}.tool-group{justify-content:stretch;width:100%}.tool-group--status,.tool-group--view{grid-template-columns:1fr;display:grid}.tool-buttons{width:100%;display:grid;overflow:visible}.tool-buttons--modes{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-buttons--view{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)}.history-tools{width:100%}.history-tools .icon-action,.tool-group--actions .icon-action{flex:1 1 0}.tool-group--actions{justify-content:stretch}.selected-color,.selected-cell,.preview-toggle{width:100%}.preview-quick-card,.export-primary-actions{grid-template-columns:1fr}.tool-button{flex:none;gap:5px;width:auto;min-width:0;min-height:56px;font-size:.78rem}.tool-button:after{display:none}.zoom-percent-field{flex:none;width:100%;min-height:56px}#editor-canvas{--editor-fit-width:max(280px, calc((100svh - 640px) * 1.1707));width:min(100%, var(--editor-fit-width));min-width:0}.maker-tip{align-items:flex-start;padding:14px}.numbered-palette{grid-template-columns:repeat(6,minmax(0,1fr))}.site-footer{margin-top:28px;padding-bottom:28px}.footer-panel{box-shadow:5px 5px 0 var(--pixel-line);grid-template-columns:1fr;gap:18px;padding:18px}.footer-panel:before{-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.footer-panel:after{opacity:.1;transform-origin:100% 100%;bottom:14px;right:10px;transform:rotate(-8deg)scale(.82)}.footer-brand-card{gap:16px}.footer-brand-lockup{align-items:flex-start}.footer-brand-lockup p{max-width:none;font-size:.9rem}.footer-swatch-row span{width:22px;height:22px}.footer-nav-grid{grid-template-columns:1fr;gap:10px}.footer-link-group{padding:12px 14px}.footer-link-group a{min-height:40px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}