/* The approved honeywood artwork is kept as a skin; every control remains real HTML. */
@font-face{font-family:Pixelify;src:url('assets/fonts/PixelifySans.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Jersey;src:url('assets/fonts/Jersey25-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#291207;--muted:#694321;--line:#b68a58;--body-pixel:Pixelify,ui-monospace,monospace;font-family:var(--body-pixel);background:#d8964c}
body{background:#e7a754 url('assets/honeywood/wood.png') repeat center top / 1536px 1024px;color:var(--ink)}
.page-shell{max-width:1570px;padding:0 22px;position:relative;isolation:isolate;overflow:hidden}
#page-effects{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.site-header{height:104px;padding:9px 16px 12px;gap:30px;position:relative;border-bottom:5px solid #743d20;box-shadow:0 4px #ce8033,0 8px #8b492832;margin-bottom:12px}
.brand{width:clamp(290px,36vw,545px);flex:none;display:block}
.brand-art{display:block;width:100%;aspect-ratio:534/85;overflow:hidden;position:relative}
.brand-art img{position:absolute;max-width:none;width:103.667%;height:214.208%;left:-2.169%;top:-51.366%;image-rendering:pixelated}
.how-link{font-family:var(--body-pixel);font-size:23px;white-space:nowrap;border-left:2px solid #8c572f;padding-left:25px}
.header-tools{gap:18px;min-width:0}.header-tagline{font-size:16px;font-weight:600;max-width:275px;line-height:1.15;text-align:center}
#language-select{font-family:var(--body-pixel);font-size:15px;padding:7px 9px;max-width:125px;background:#ffebc5;border:2px solid #90572f;box-shadow:2px 2px #bd762e}
.console-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:22px;align-items:stretch}
.console{border:0;border-radius:0;background:transparent;box-shadow:none;padding:27px 5.3% 20px;position:relative;isolation:isolate;min-width:0;filter:drop-shadow(0 5px 0 #5c331950)}
.console-skin{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;clip-path:polygon(6% 0,94% 0,94% 1%,97% 1%,97% 3%,99% 3%,99% 5%,100% 5%,100% 96%,99% 96%,99% 98%,96% 98%,96% 100%,4% 100%,4% 99%,2% 99%,2% 97%,0 97%,0 4%,2% 4%,2% 2%,4% 2%,4% 1%,6% 1%)}
.console-skin img{position:absolute;max-width:none;width:158.35%;height:125.64%;left:-1.546%;top:-12.02%;image-rendering:pixelated}
.console-top{padding:0 0 18px;height:70px;gap:17px}.console-top>.screw{visibility:hidden;width:5px}
.workflow-steps{font-family:var(--body-pixel);font-size:22px;gap:14px;font-weight:600;color:#765640;justify-content:space-around}
.workflow-steps li{gap:12px;white-space:nowrap}.workflow-steps b{font-weight:500;font-size:27px;padding:6px 9px;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}
.workflow-steps li+li:before{content:'······';font-size:17px;margin:0 6px 0 0;color:#ac8d73}
.screen-frame{border-radius:0;border:6px solid #22271e;box-shadow:0 -5px #686b54,0 5px #899379,-5px 0 #777b64,5px 0 #777b64;padding:6px;background:#34734e;clip-path:polygon(1% 0,99% 0,99% 1.5%,100% 1.5%,100% 98.5%,99% 98.5%,99% 100%,1% 100%,1% 98.5%,0 98.5%,0 1.5%,1% 1.5%)}
.screen{min-height:clamp(310px,25vw,396px);padding:26px 17%;background:radial-gradient(ellipse at 48% 32%,#d8ffd256,transparent 70%),var(--screen);box-shadow:inset 0 0 15px #32825b50}
.screen-content{max-width:none}.screen-content p{font-family:var(--body-pixel);font-size:18px;line-height:1.25}.screen-content h2{font-family:var(--body-pixel);font-size:26px;font-weight:700}
.dropzone{padding:19px 14px 17px;border:2px dashed #498765;border-radius:7px}.audio-file-icon{width:63px;height:72px;margin-bottom:21px}
.choose-button,.primary-button{font-family:var(--body-pixel);font-size:28px;line-height:1.12;letter-spacing:.3px;font-weight:600;padding:15px 20px;border:4px solid #281a0b;box-shadow:inset 4px 4px #ffcf78,inset -4px -4px #d9590d,3px 3px #544329;border-radius:0;clip-path:polygon(4% 0,96% 0,96% 5%,99% 5%,99% 12%,100% 12%,100% 88%,99% 88%,99% 95%,96% 95%,96% 100%,4% 100%,4% 95%,1% 95%,1% 88%,0 88%,0 12%,1% 12%,1% 5%,4% 5%)}
.screen-content .upload-limits,.screen-content .formats{font-size:18px;line-height:1.3}.screen-content .upload-limits{margin-top:15px}.dropzone p:first-of-type{margin:15px 0 0;font-size:20px}
.screen-content .action-hint:empty{display:none}.screen-content .action-hint{font-size:12px}.equalizer{width:13%;opacity:.9}.eq-left{left:1.5%}.eq-right{right:1.5%}.equalizer>span{font-size:34px}.equalizer .bars{height:118px;gap:5px}.equalizer .bars i{max-width:5px}.equalizer i:nth-child(n+9){display:block}.screen-corner{font-size:29px}
.console-controls{position:static;margin:26px 7% 0;gap:0}.stem-grid{gap:18px}.stem-card{padding:10px 15px 9px;background:#fff5e54d;box-shadow:inset 2px 2px #fff8e9;border:2px solid #b9987b;clip-path:polygon(2% 0,98% 0,98% 2%,100% 2%,100% 98%,98% 98%,98% 100%,2% 100%,2% 98%,0 98%,0 2%,2% 2%)}
.stem-card h3{font-family:var(--body-pixel);font-weight:700;font-size:24px;letter-spacing:0;gap:12px}.stem-icon{width:40px;height:40px;font-size:32px;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.stem-wave{height:62px}.stem-wave i{background:#69aa85}.download-button{font-family:var(--body-pixel);font-size:21px;line-height:1;min-height:45px;padding:9px 5px;border:2px solid #b2997f;background:#e6d8c4;font-weight:500;box-shadow:inset 2px 2px #fff8ec,2px 3px #c8b194}.download-button[aria-disabled=true]{opacity:1;color:#776453}.stem-card p{font-size:17px;line-height:1.1;margin-top:8px}.console-bottom{margin:22px 0 0;justify-content:center;font-family:var(--body-pixel);font-size:15px;letter-spacing:2px;font-weight:600}.console-bottom>span:first-child,.console-bottom>span:last-child{visibility:hidden}
.hardware{position:absolute;display:block;width:12%;z-index:2}.hardware .speaker{display:none}.hardware-left{left:2.2%;bottom:10.7%}.hardware-right{right:2.6%;bottom:10.1%;height:18%;width:12.5%}
.dpad{transform:none;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);aspect-ratio:1;font-size:inherit;line-height:1;filter:none;text-shadow:none;width:100%;color:transparent}
.dpad button,.dpad span{border:0;background:transparent;padding:0;min-width:0;min-height:0;font-size:0;box-shadow:none}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.dpad span{grid-column:2;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}
.game-buttons{transform:none;display:block;position:relative;height:100%;width:100%}.game-buttons button{width:58%;aspect-ratio:1;border:0;background:transparent;position:absolute;padding:0;box-shadow:none}.game-buttons button:first-child{right:0;top:2%}.game-buttons button:last-child{left:0;bottom:0}
.hardware button:focus-visible{outline:3px solid #23634b;outline-offset:1px}
.hero-copy{padding:12px 17px 14px;margin-top:20px;background:#fff0d7;border:3px solid #dbb98b;box-shadow:inset 3px 3px #fff8e8,3px 5px #ad6a2b40;clip-path:polygon(2% 0,98% 0,98% 2%,100% 2%,100% 98%,98% 98%,98% 100%,2% 100%,2% 98%,0 98%,0 2%,2% 2%);min-width:0;z-index:2}
.hero-copy h1{font-family:Jersey,Pixelify,monospace;font-size:clamp(38px,4.4vw,72px);font-weight:400;line-height:.98;letter-spacing:-.9px;text-shadow:1px 1px #291207;white-space:pre-line;overflow-wrap:normal;margin:0 0 10px}
.hero-copy>p:not(.mini-label){font-family:var(--body-pixel);font-size:25px;line-height:1.13;font-weight:600}.green-rule{margin-top:15px;height:5px;background:#5cb082}
.mascot-scene{width:100%;height:100%;min-height:300px;aspect-ratio:auto;align-self:stretch;margin:0;position:relative;background:#bd702d url('assets/honeywood/studio.png') center center / 100% 100% no-repeat;border-bottom:7px solid #8a471f;box-shadow:0 6px #e4a14f;overflow:hidden;isolation:isolate}
#studio-effects{position:absolute;inset:0;pointer-events:none;z-index:1}.mascot-scene #mascot-stage{inset:15% 12% 0;width:76%;z-index:2;pointer-events:none}.mascot-scene canvas{pointer-events:none}
.privacy-card{background:#fff0d5;border:3px solid #c99b64;box-shadow:inset 3px 3px #fff8e3,3px 4px #a3693440;margin:20px 4px 10px;padding:16px 20px;gap:16px;clip-path:polygon(2% 0,98% 0,98% 2%,100% 2%,100% 98%,98% 98%,98% 100%,2% 100%,2% 98%,0 98%,0 2%,2% 2%)}
.privacy-card h2{font-family:var(--body-pixel);font-size:19px;line-height:1.25;font-weight:600}.privacy-card p{font-family:var(--body-pixel);font-size:18px;line-height:1.3;margin:6px 0 0;color:#77553c}.privacy-card small{font-size:12px;margin-top:5px;color:#75623e}.shield{font-size:26px;min-width:45px}
.progress-row{font-size:16px}.processing-meta p{font-size:15px}.screen-content .small-copy{font-size:14px}.text-button{font-family:var(--body-pixel);font-size:16px}.selected-file .file-description p{font-size:16px}.selected-file .file-description #file-details{font-size:14px}.screen-content .mini-label{font-size:15px}.cassette-icon small{font-size:9px}
.status-row{margin:20px 24px 0;gap:15px}.quality-note{font-size:13px;max-width:none;color:#523113}.quality-note,#engine-badge{background:#ffe9bbcc;padding:5px 8px}#engine-badge{font-size:13px;color:#3d4b25}.how-section{margin:14px 24px 0;padding:14px 0 0;border-color:#935c2d}.how-section summary{font-size:17px;color:#57381b}.how-grid{background:#fff0d8;padding:22px}.how-grid h3{font-size:20px}.how-grid p{font-size:17px;color:#69472b}
footer{padding:25px 70px 28px;min-height:90px;gap:18px;color:#563213;font-size:14px}footer p{font-family:var(--body-pixel);font-size:17px;letter-spacing:.8px}footer>i{background:#986137}footer a{white-space:nowrap}#sound-toggle{border:2px solid #986137;background:#f6d39c;box-shadow:2px 2px #c58841;padding:7px 9px;font-family:var(--body-pixel);font-size:13px;white-space:nowrap}#sound-toggle[aria-pressed=false]{opacity:.7}#sound-toggle[aria-pressed=false]>span:first-child{text-decoration:line-through}
html:lang(ru) .hero-copy h1{font-family:Pixelify,monospace;font-size:clamp(28px,3.3vw,50px);font-weight:700;line-height:1.05}html:lang(es) .hero-copy h1,html:lang(pt) .hero-copy h1{font-size:clamp(33px,3.5vw,58px)}
@media(max-width:1400px) and (min-width:801px){.page-shell{padding:0 14px}.site-header{gap:18px;height:87px;padding-left:12px;padding-right:8px}.how-link{font-size:19px;padding-left:16px}.header-tagline{display:none}.console-layout{gap:0 16px}.console{padding:22px 4.9% 19px}.console-top{height:55px;padding-bottom:14px}.workflow-steps{font-size:17px;gap:8px}.workflow-steps b{font-size:23px;padding:5px 7px}.workflow-steps li{gap:8px}.workflow-steps li+li:before{display:none}.screen{padding:23px 16%;min-height:305px}.audio-file-icon{width:48px;height:56px;margin-bottom:15px}.choose-button{font-size:23px;padding:12px 14px}.screen-content .upload-limits,.screen-content .formats{font-size:15px}.dropzone p:first-of-type{font-size:17px}.equalizer .bars{gap:3px;height:90px}.console-controls{margin:21px 6% 0}.stem-grid{gap:12px}.stem-card{padding:9px}.stem-card h3{font-size:20px;gap:7px}.stem-icon{width:31px;height:32px;font-size:27px}.download-button{font-size:17px}.stem-card p{font-size:14px}.stem-wave{height:48px}.console-bottom{margin-top:15px;font-size:12px}.hero-copy{margin-top:15px;padding:11px 13px}.hero-copy h1{font-size:4.5vw}.hero-copy>p:not(.mini-label){font-size:20px}.mascot-scene{min-height:285px}.privacy-card{padding:12px 15px;gap:12px;margin-top:16px}.privacy-card h2{font-size:16px}.privacy-card p{font-size:16px}.privacy-card small{font-size:11px}}
@media(max-width:800px){
 .page-shell{max-width:660px;padding:0 11px}.site-header{height:77px;padding:10px 0 9px;gap:12px;margin-bottom:13px;border-bottom-width:3px}.brand{width:min(68%,340px)}.brand-art{aspect-ratio:534/85}.header-tools{gap:0}.header-tagline,.how-link{display:none}#language-select{font-size:12px;max-width:95px;padding:8px 4px}.console-layout{display:flex;gap:0}.mascot-scene{order:0;width:90%;align-self:center;aspect-ratio:1.75;min-height:0;height:auto;margin:0 0 -4px;border-bottom-width:4px;box-shadow:none;z-index:0}.mascot-scene #mascot-stage{inset:6% 18% 0;width:64%}.console{order:1;width:100%;padding:21px 6.1% 20px;z-index:1}.console-top{height:64px;padding-bottom:15px;gap:0}.workflow-steps{font-size:14px;gap:5px}.workflow-steps li{flex-direction:row;justify-content:center;gap:7px;font-size:14px}.workflow-steps li+li:before{display:none}.workflow-steps b{font-size:20px;padding:5px 6px}.console-top>.screw{display:none}.screen-frame{border-width:4px;padding:4px;box-shadow:0 -3px #68735b,0 3px #92957b,-3px 0 #777b64,3px 0 #777b64}.screen{min-height:280px;padding:23px 11.5%}.screen-content h2{font-size:23px}.dropzone{padding:18px 8px 16px}.choose-button{font-size:21px;padding:14px 12px;border-width:3px}.audio-file-icon{width:44px;height:52px;margin-bottom:16px}.dropzone p:first-of-type{font-size:16px;margin-top:13px}.screen-content .upload-limits,.screen-content .formats{font-size:14px}.equalizer{width:8%;opacity:.8}.equalizer .bars{height:76px;gap:2px}.equalizer>span{font-size:23px}.screen-corner{font-size:21px}.eq-left{left:1%}.eq-right{right:1%}.screen-content p{font-size:15px}.screen-content .small-copy{font-size:12px}.screen-content .action-hint{font-size:11px}.convert-button{font-size:21px}.console-controls{margin:20px 0 0}.stem-grid{gap:10px}.stem-card{padding:9px 7px}.stem-card h3{font-size:19px;gap:7px;justify-content:center}.stem-icon{width:27px;height:30px;font-size:25px;display:grid}.stem-wave{height:42px}.download-button,.console[data-state=completed] .download-button{font-size:17px;min-height:43px;gap:5px;padding:8px 3px}.stem-card p{font-size:12px;min-height:26px;margin:7px 0 0}.console-bottom{margin-top:64px;font-size:11px;letter-spacing:2px}.hardware-left{bottom:5%;left:5.7%;width:17%;height:auto}.hardware-right{bottom:5.2%;right:6.5%;width:18%;height:65px}.hardware{display:block}.hardware button{min-height:30px}.dpad{background:#34352d;clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);filter:drop-shadow(2px 2px #21190d)}.dpad button{color:#171a16;font-size:20px;background:#686758;box-shadow:inset 2px 2px #8f8d7b}.game-buttons button{background:var(--accent);border:3px solid #2b2013;box-shadow:inset 2px 2px #ffbc4c,2px 2px #7c674c;clip-path:polygon(20% 0,80% 0,80% 8%,92% 8%,92% 20%,100% 20%,100% 80%,92% 80%,92% 92%,80% 92%,80% 100%,20% 100%,20% 92%,8% 92%,8% 80%,0 80%,0 20%,8% 20%,8% 8%,20% 8%)}.game-buttons button:first-child{width:43px;right:0;top:0}.game-buttons button:last-child{width:43px;left:0;bottom:0}.hero-copy{order:2;margin:23px 5px 0;width:calc(100% - 10px);padding:16px 14px;text-align:center}.hero-copy h1{font-size:clamp(32px,8.5vw,50px);line-height:1.02;margin-bottom:8px}.hero-copy>p:not(.mini-label){font-size:18px;line-height:1.25;max-width:none;font-weight:500}.privacy-card{order:3;margin:14px 5px 0;width:calc(100% - 10px);padding:13px;gap:12px}.privacy-card h2{font-size:17px}.privacy-card p{font-size:16px}.privacy-card small{font-size:11px}.status-row{margin:15px 8px 0;gap:6px}.quality-note{font-size:12px}.how-section{margin:12px 8px 0}.how-grid{padding:14px}.how-grid h3{font-size:19px}.how-grid p{font-size:15px}footer{padding:20px 35px 33px;gap:8px;flex-wrap:wrap;justify-content:center}footer p{font-size:13px;max-width:none;flex-basis:100%;order:0;margin:0 0 7px}footer>i{display:none}footer #sound-toggle{order:1;font-size:12px;padding:6px 8px}footer a{order:2;font-size:12px;margin-left:10px}html:lang(ru) .hero-copy h1{font-size:clamp(26px,7vw,42px)}html:lang(es) .hero-copy h1,html:lang(pt) .hero-copy h1{font-size:clamp(30px,7.4vw,46px)}html:lang(ru) .workflow-steps li{font-size:12px}.console-skin{background:linear-gradient(110deg,#fff7e9,#eadecb);border:5px solid #30271c;box-shadow:inset 3px 3px #fff9ee;clip-path:polygon(7% 0,93% 0,93% 1%,96% 1%,96% 2%,98% 2%,98% 3%,100% 3%,100% 97%,98% 97%,98% 98%,95% 98%,95% 99%,93% 99%,93% 100%,7% 100%,7% 99%,5% 99%,5% 98%,2% 98%,2% 97%,0 97%,0 3%,2% 3%,2% 2%,4% 2%,4% 1%,7% 1%)}.console-skin img{display:none}
}
@media(max-width:370px){.page-shell{padding:0 8px}.site-header{height:65px;gap:6px}.brand{width:68%}#language-select{max-width:83px;font-size:11px;padding:7px 2px}.workflow-steps li{font-size:12px;gap:4px}.workflow-steps b{font-size:17px;padding:4px}.console-top{height:59px}.console{padding:17px 5.8% 17px}.screen{padding:20px 9%;min-height:267px}.choose-button{font-size:18px;padding:12px 7px}.screen-content .upload-limits,.screen-content .formats{font-size:12px}.dropzone p:first-of-type{font-size:14px}.stem-icon{display:none}.stem-card h3{font-size:17px}.download-button,.console[data-state=completed] .download-button{font-size:15px!important}.stem-card p{font-size:11px}.screen-content h2{font-size:21px}.console-bottom{font-size:10px}.hardware-left{width:18%}.game-buttons button:first-child,.game-buttons button:last-child{width:39px}.privacy-card h2{font-size:15px}.privacy-card p{font-size:14px}.text-button{font-size:14px}.progress-row{font-size:13px}}
/* Keep small-screen labels intact and reserve room for the hanging leaves. */
@media(min-width:801px){.brand{margin-left:18px}.hero-copy h1{-webkit-text-stroke:.6px currentColor}}
@media(max-width:800px){.brand{margin-left:19px;width:calc(100% - 122px)}.choose-button{font-size:18px;padding:13px 9px}.stem-card h3{font-size:17px}.stem-card h3>span:last-child{overflow-wrap:normal}.stem-icon{display:none}.console-top{height:62px}.workflow-steps li{gap:5px}.workflow-steps{gap:3px}}
@media(max-width:370px){.brand{margin-left:17px;width:calc(100% - 108px)}.choose-button{font-size:16px}.workflow-steps li{font-size:11px}.workflow-steps b{font-size:15px}.stem-card h3{font-size:16px}}
@media(max-width:800px){
 .download-button,.console[data-state=completed] .download-button{font-size:14px}.progress-row strong{white-space:nowrap;flex:none}.dpad{aspect-ratio:108/118;background: url('assets/honeywood/reference.png') 2.8% 78.04% / 1422.22% 867.8% no-repeat;clip-path:none;filter:none;image-rendering:pixelated}.dpad button{background:transparent;color:transparent;box-shadow:none;font-size:0}.game-buttons button{border:0;box-shadow:none;clip-path:none;image-rendering:pixelated;background-image:url('assets/honeywood/reference.png');background-size:1969.23% 1312.82%}.game-buttons button:first-child{background-position:61.52% 73.15%}.game-buttons button:last-child{background-position:57.96% 79.9%}
}
@media(max-width:370px){.download-button,.console[data-state=completed] .download-button{font-size:12px!important}.progress-row{gap:6px}}
@media(max-width:800px){.workflow-steps li{flex-direction:column;gap:3px;font-size:13px;white-space:normal;line-height:1.05}.workflow-steps b{font-size:19px;padding:4px 7px}.console-top{height:68px}.workflow-steps{align-items:flex-start}.workflow-steps li>span{max-width:100%;overflow-wrap:anywhere}}
@media(max-width:370px){.workflow-steps li{font-size:12px}.workflow-steps b{font-size:17px}.console-top{height:64px}}
@media(max-width:370px){.stem-card h3{font-size:14px}html:lang(ru) .stem-card h3{font-size:13px}}
/* Translated side copy may be taller; it must never stretch the console artwork. */
.console{align-self:start}
@media(min-width:801px) and (max-width:1100px){.how-link{display:none}.brand{width:44vw}}
/* Leave the original D-pad and A/B controls their full hardware gutters. */
@media(min-width:801px){.console-controls{margin-left:11.5%;margin-right:11.5%}}
/* Use the approved logo drawing itself, with no substitute lettering. */
.brand-art{aspect-ratio:507/87}
.brand-art img{width:302.959%;height:1177.012%;left:-14.201%;top:-4.598%}
body{min-height:100vh}
@media(min-width:801px){footer{padding-left:170px;padding-right:170px}}
@media(max-width:800px){footer{padding-bottom:45px}}
/* The approved room remains the room: preserve its window, wood and shallow stage. */
.mascot-scene{background:none;border:0;box-shadow:none;aspect-ratio:546/424;height:auto;min-height:0;align-self:start}
.scene-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.scene-art img{position:absolute;max-width:none;width:281.3187%;height:241.5094%;left:-181.3187%;top:-83.7264%;image-rendering:pixelated}
#page-title[data-reference-art=true]{font-size:0!important;line-height:0!important;text-shadow:none;-webkit-text-stroke:0;margin:0 0 12px}
#page-title[data-reference-art=true]:before{content:'';display:block;width:100%;aspect-ratio:502/143;background:url('assets/honeywood/reference.png') 97.7756% 15.3235% / 305.9761% 716.0839% no-repeat;image-rendering:pixelated}
@media(min-width:801px){.hero-copy>p:not(.mini-label){font-size:clamp(15px,1.4vw,22px)}.mascot-scene #mascot-stage{inset:10% 7% 2%;width:86%}.privacy-card{margin-top:9px}}
@media(max-width:800px){.mascot-scene{aspect-ratio:546/424;width:90%;margin-bottom:-4px}.mascot-scene #mascot-stage{inset:8% 10% 1%;width:80%}}
/* Corner foliage ends at the page edge, including on tall desktop windows. */
.page-shell{min-height:100vh;display:flex;flex-direction:column}
.page-shell>main{flex:1}
@media(max-width:800px){
 .mascot-scene{align-self:center}
 .hardware .dpad button{min-height:0}
}

/* Translated copy keeps the console art in its original physical position. */
html:lang(ar),html:lang(zh){--body-pixel:Tahoma,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
html:lang(ar) .hero-copy h1,html:lang(zh) .hero-copy h1{font-family:var(--body-pixel);font-size:clamp(26px,3.4vw,50px);line-height:1.4;letter-spacing:normal;-webkit-text-stroke:0;text-shadow:none}
html:lang(ar) :is(.workflow-steps,.screen-content,.stem-card,.hero-copy,.privacy-card,footer){letter-spacing:normal}
html:lang(ar) :is(.choose-button,.primary-button,.download-button){line-height:1.5;letter-spacing:normal}
html[dir=rtl] .site-header,html[dir=rtl] .console-layout,html[dir=rtl] .console-controls{direction:ltr}
html[dir=rtl] :is(.header-tools,.screen-content,.workflow-steps,.stem-grid,.hero-copy,.privacy-card){direction:rtl}
html[dir=rtl] :is(#file-name,#elapsed-time,#expiry-countdown,.progress-track,.dpad,.game-buttons){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] :is(.privacy-card,.file-description){text-align:start}
html[dir=rtl] .workflow-steps li+li::before{left:auto;right:-20px}
html:lang(fr) .hero-copy h1,html:lang(pl) .hero-copy h1{font-family:Pixelify,ui-monospace,monospace;font-size:clamp(28px,3.4vw,52px);line-height:1.1}
#language-select option{font-family:Pixelify,Tahoma,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
@media(max-width:800px){html:lang(ar) .hero-copy h1,html:lang(zh) .hero-copy h1{font-size:clamp(26px,7vw,42px)}html:lang(fr) .hero-copy h1,html:lang(pl) .hero-copy h1{font-size:clamp(26px,7vw,42px)}html:lang(fr) .workflow-steps li,html:lang(pl) .workflow-steps li{font-size:12px;gap:4px}html:lang(fr) .choose-button,html:lang(pl) .choose-button{font-size:18px}html:lang(fr) .download-button{font-size:15px}html:lang(ar) :is(.choose-button,.primary-button){font-size:18px}html:lang(ar) .stem-card h3{font-size:17px}}
@media(max-width:370px){html:lang(fr) .workflow-steps li,html:lang(pl) .workflow-steps li{font-size:10px;gap:3px}html:lang(fr) .download-button{font-size:12px!important}html:lang(fr) .choose-button,html:lang(pl) .choose-button{font-size:16px}}