:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#20211e;color:#e4e4dc}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 45%,#373933 0%,#262823 43%,#1d1e1b 85%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b8ce75;outline-offset:5px}.masthead{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:2px;font-weight:700}.masthead span{display:block;margin-top:9px;font-size:10px;color:#999c90;letter-spacing:1.7px;font-weight:400}.edition{text-align:right;font-size:11px;font-weight:400;letter-spacing:1.2px}main{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;padding:100px 24px 75px}.console-space{width:420px;height:684px;position:relative;flex:none}.console{color:#262638;position:relative;width:420px;height:684px;background:linear-gradient(115deg,#dfdfd6 0%,#cecec6 45%,#bebeb7 100%);border-radius:18px 18px 88px 18px;box-shadow:inset 3px 3px 4px #ffffff7a,inset -5px -7px 7px #7f8179,5px 9px 0 #92948a,11px 20px 0 -3px #12141180,20px 38px 50px #0008;transform-origin:top left;border:1px solid #a5a79f;user-select:none}.top-seam{position:absolute;top:31px;width:100%;border-top:3px solid #9d9f96;box-shadow:0 1px #eeeee5}.top-seam:before,.top-seam:after{content:'';position:absolute;height:31px;width:3px;background:#aaa99f;top:-34px;left:31px;box-shadow:1px 0 #e9e9e2}.top-seam:after{left:auto;right:31px}.power-mark{position:absolute;left:45px;top:11px;font-size:10px;font-weight:bold;color:#85877e;letter-spacing:1px;text-shadow:0 1px #f1f1e9}.bezel{position:absolute;left:28px;top:53px;width:363px;height:309px;background:linear-gradient(135deg,#6d6d76,#575963);border-radius:12px 12px 47px 12px;box-shadow:inset 1px 2px 3px #383943,0 2px 1px #eeeee5}.bezel-title{display:flex;align-items:center;gap:9px;position:absolute;left:15px;right:17px;top:12px;color:#d0d0d7;font-size:8px;letter-spacing:.7px;white-space:nowrap}.bezel-title i{height:6px;border-top:2px solid #643b53;border-bottom:2px solid #2b3552;flex:1}.lcd{position:absolute;left:47px;top:35px;width:286px;height:257.4px;background:#a7b77c;box-shadow:inset 4px 4px 9px #283719;overflow:hidden}.lcd canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.lcd-glass{position:absolute;inset:0;pointer-events:none;box-shadow:inset 3px 4px 8px #132e1250;background:repeating-linear-gradient(0deg,#18250e05 0px,#18250e05 1px,transparent 1px,transparent 3.57px)}.battery{position:absolute;top:119px;left:8px;font-size:6px;letter-spacing:.2px;color:#d0d0d0}.battery b{display:block;width:7px;height:7px;border-radius:100%;background:#ed4640;box-shadow:0 0 7px #ff4a3a; margin:0 0 8px 8px}.branding{position:absolute;top:375px;left:30px;color:#292e57;letter-spacing:-.6px}.branding strong{font-size:20px;letter-spacing:-1px}.branding em{font-size:25px;font-weight:500}.branding sup{font-size:9px;vertical-align:top;margin-left:3px}.controls{position:absolute;top:424px;left:30px;right:24px;height:123px}.dpad{width:119px;height:119px;position:absolute;left:0;top:0;border-radius:50%;background:#0000000a;box-shadow:inset 1px 2px 5px #7f817e66,1px 1px 0 #f3f3e077}.cross{position:absolute;inset:8px;background:#242628;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 4px 1px #000)}.dir{appearance:none;-webkit-appearance:none;padding:0;position:absolute;background:linear-gradient(145deg,#3e4141,#232526);color:#535652;border:0;text-shadow:0 -1px #111;font-size:14px;width:35px;height:35px;box-shadow:inset 1px 1px 1px #636662}.up{top:8px;left:42px;border-radius:3px 3px 0 0}.down{bottom:8px;left:42px;border-radius:0 0 3px 3px}.left{left:8px;top:42px;border-radius:3px 0 0 3px}.right{right:8px;top:42px;border-radius:0 3px 3px 0}.dpad-center{position:absolute;top:47px;left:47px;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#1f2222,#3c3e3d);box-shadow:inset 1px 1px 2px #111}.ab{position:absolute;right:0;top:11px;display:flex;gap:18px;transform:rotate(-24deg);background:#0000000a;padding:10px 12px;border-radius:48px;box-shadow:inset 1px 2px 4px #92948b88,1px 1px 1px #fafaf077}.action{position:relative;width:55px;height:55px;flex:0 0 55px}.action button{display:block;padding:0;appearance:none;-webkit-appearance:none;border:1px solid #5a1735;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#a32659,#831545);box-shadow:inset 2px 2px 3px #d4517d,2px 5px 2px #421326,3px 7px 4px #77776d;color:transparent}.action span{position:absolute;top:65px;left:0;display:block;width:55px;line-height:1;text-align:center;font-size:18px;font-weight:700;color:#292e57}.dir:active,.dir.pressed{filter:brightness(.75);transform:translateY(2px)}.action button:active,.action button.pressed{transform:translateY(3px);box-shadow:inset 1px 1px 4px #520e29,0 2px 1px #421326}.system-buttons{position:absolute;top:574px;left:132px;display:flex;gap:18px;transform:rotate(-24deg)}.system-buttons div{width:46px}.system-buttons button{display:block;width:46px;height:13px;background:linear-gradient(#a1a29a,#73766f);border-radius:8px;border:1px solid #72756d;box-shadow:0 3px 1px #70736a,1px 4px 2px #eeeade}.system-buttons button:active,.system-buttons button.pressed{transform:translateY(2px)}.system-buttons span{font-size:9px;letter-spacing:1px;font-weight:bold;color:#292e57;display:block;text-align:center;margin-top:10px}.speaker{position:absolute;right:27px;bottom:33px;display:flex;gap:9px;transform:rotate(-28deg)}.speaker i{height:59px;width:6px;border-radius:5px;background:#86897e;box-shadow:inset 2px 0 2px #53564d,1px 1px 1px #e5e4d7}.phones{position:absolute;bottom:10px;left:160px;color:#92948a;font-size:8px;letter-spacing:1px;text-shadow:0 1px #e5e7db}.guide{position:absolute;left:calc(50% + 280px);bottom:135px;width:205px;font-size:12px;color:#a8aca0}.guide-title{display:block;color:#d6d9cd;font-size:11px;letter-spacing:1.6px;line-height:1.8;margin-bottom:30px}.guide>div{display:grid;grid-template-columns:85px 1fr;row-gap:13px;align-items:center}.guide kbd{font:11px monospace;color:#dedfd5}.guide p{margin-top:22px;font-size:11px;white-space:nowrap}.guide p span{margin:0 8px}#zoom{margin-top:17px;background:none;border:0;border-bottom:1px solid #646a57;padding:0 0 7px;color:#d2d8c4;font-size:12px}footer{position:absolute;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#969c8c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.screen-mode .lcd{position:fixed;left:50%;top:50%;width:min(80vw,640px);height:auto;aspect-ratio:160/144;transform:translate(-50%,-50%);z-index:20;box-shadow:0 0 0 100vmax #111e,0 0 30px #000}.screen-mode .lcd-glass{display:none}.screen-mode #zoom{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:#20211e;padding:12px 18px;white-space:nowrap}.screen-mode .console{transform:none!important}.screen-mode .controls,.screen-mode .system-buttons{z-index:25}.screen-mode .controls{position:fixed;top:auto;bottom:65px;left:20px;right:20px;opacity:.85}.screen-mode .system-buttons{display:none}@media(min-width:1000px){.screen-mode .controls{display:none}}@media(max-width:1100px){.guide{position:static;width:auto;text-align:center;margin-top:30px}.guide-title,.guide>div,.guide p{display:none}.guide #zoom{margin:0}main{flex-direction:column;padding-top:94px;padding-bottom:65px}.console-space{width:378px;height:616px}.console{transform:scale(.9)}footer span:nth-child(2){display:none}}@media(max-width:600px){.masthead{top:23px;left:22px;right:22px;font-size:12px;letter-spacing:1.6px}.masthead span{font-size:9px}.edition{font-size:9px;max-width:100px;line-height:1.5}.edition span{display:none}main{padding:92px 10px 61px;justify-content:flex-start}.console-space{width:336px;height:548px}.console{transform:scale(.8)}.guide{margin-top:26px}footer{left:22px;right:22px;bottom:16px;font-size:8px;letter-spacing:.4px}body{position:relative}footer{position:absolute}}@media(max-width:360px){.console-space{width:294px;height:479px}.console{transform:scale(.7)}}@media(max-height:760px) and (min-width:1101px){main{padding-top:85px;padding-bottom:55px}.console-space{width:357px;height:581px}.console{transform:scale(.85)}}@media(prefers-reduced-motion:no-preference){.console{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}

@media(max-width:999px){.screen-mode .lcd{top:40%}}

/* Native, draggable power switch. All directional markings are geometry, never emoji. */
.power-switch{position:absolute;left:44px;top:0;z-index:2;height:31px;display:flex;align-items:center;gap:8px;color:#75786e;font-size:10px;font-weight:700;letter-spacing:1px;text-shadow:0 1px #f0f1e5;cursor:pointer}
.power-switch input{appearance:none;-webkit-appearance:none;width:49px;height:31px;padding:0;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y;color-scheme:light}
.power-switch input::-webkit-slider-runnable-track{height:9px;border-radius:5px;background:#7d8076;box-shadow:inset 0 2px 2px #474b42,0 1px #f0f0e7}
.power-switch input::-webkit-slider-thumb{-webkit-appearance:none;width:23px;height:18px;margin-top:-5px;border:1px solid #62675e;border-radius:3px;background:repeating-linear-gradient(90deg,#93978b 0px,#93978b 2px,#73786c 2px,#73786c 3px);box-shadow:inset 0 1px #c4c8bb,0 2px 2px #4e534b}
.power-switch input::-moz-range-track{height:9px;border-radius:5px;background:#7d8076;box-shadow:inset 0 2px 2px #474b42,0 1px #f0f0e7}
.power-switch input::-moz-range-thumb{width:23px;height:18px;border:1px solid #62675e;border-radius:3px;background:repeating-linear-gradient(90deg,#93978b 0px,#93978b 2px,#73786c 2px,#73786c 3px);box-shadow:inset 0 1px #c4c8bb,0 2px 2px #4e534b}
.power-switch input:focus-visible{outline:2px solid #292e57;outline-offset:3px;border-radius:4px}
.dir::after{content:'';display:block;position:absolute;inset:12px;background:#535850;filter:drop-shadow(0 -1px 0 #171b17);pointer-events:none}
.dir.up::after{clip-path:polygon(50% 0,100% 100%,0 100%)}
.dir.down::after{clip-path:polygon(0 0,100% 0,50% 100%)}
.dir.left::after{clip-path:polygon(100% 0,100% 100%,0 50%)}
.dir.right::after{clip-path:polygon(0 0,100% 50%,0 100%)}
body:not(.power-on) .lcd canvas{visibility:hidden}
body:not(.power-on) .lcd{background:#8d9675}
body:not(.power-on) .battery b{background:#542f2e;box-shadow:inset 0 1px 2px #2b2323}
.guide .power-hint{display:block;white-space:normal;line-height:1.5;margin:0 0 18px;color:#d2d8c4;font-size:12px}
.power-on .power-hint{display:none}
button:disabled{cursor:default}
#zoom:disabled{opacity:.4}
.screen-mode{overflow:hidden}
@media(max-width:1100px){.guide .power-hint{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.power-switch input{scroll-behavior:auto}}

/* A small manual beside the console, with an accessible, two-page settings spread. */
.guide{bottom:120px;width:205px}
.manual-cover{display:flex;position:relative;flex-direction:column;align-items:flex-start;text-align:left;width:188px;min-height:248px;padding:20px 17px 17px 24px;margin:0 0 30px;border:1px solid #cac6b9;border-radius:2px 6px 6px 2px;color:#28282a;background:#ece9de;box-shadow:3px 3px 0 #c5c2b8,5px 5px 0 #e7e4d9,7px 7px 0 #aeaca1,12px 20px 30px #0005;transform:rotate(6deg);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}
.manual-cover::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:3px;background:#00000012;box-shadow:1px 0 #fff8}
.manual-cover:hover{transform:rotate(2deg) translateY(-4px);box-shadow:3px 3px 0 #c5c2b8,5px 5px 0 #e7e4d9,7px 7px 0 #aeaca1,13px 24px 34px #0006}
.cover-number{font:9px monospace;letter-spacing:.6px;color:#6b6c62}
.manual-cover img{width:90px;height:36px;object-fit:contain;filter:grayscale(1) brightness(.3);margin:19px 0 15px;image-rendering:pixelated}
.manual-cover strong{font-size:23px;line-height:.98;letter-spacing:-1px;font-weight:900}
.cover-description{font-size:11px;margin-top:9px;line-height:1.4}
.cover-open{font-size:9px;font-weight:700;letter-spacing:1px;border-top:1px solid #28282a;margin-top:20px;padding-top:10px;width:100%;display:flex;justify-content:space-between;align-items:center}
.cover-open span{font-size:17px;color:#8c204c}
.guide .desktop-keys{font:11px monospace;line-height:1.5;white-space:normal;margin-top:12px}
#manual{color-scheme:light;border:0;background:transparent;color:#292c29;padding:0;width:min(910px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:visible;box-shadow:0 28px 100px #0008;border-radius:5px;margin:auto;font-family:Arial,Helvetica,sans-serif}
#manual::backdrop{background:#10120ecc;backdrop-filter:blur(5px)}
#manual[open]{animation:manual-arrive .25s ease-out}
.manual-book{display:grid;grid-template-columns:290px minmax(0,1fr);border-radius:5px;overflow:hidden;background:#f5f2e9;box-shadow:4px 4px 0 #d0cfc3,7px 7px 0 #eeece2,9px 9px 0 #898d7d;max-height:calc(100dvh - 48px)}
.manual-index{padding:37px 28px 28px;background:linear-gradient(90deg,#e8e4d8 0%,#f0ede3 92%,#d2cec2 100%);display:flex;flex-direction:column}
.manual-edition{font:11px monospace;letter-spacing:1px;margin:0 0 28px;color:#6f7368}
.manual-logo{width:98px;height:auto;filter:grayscale(1) brightness(.3);image-rendering:pixelated;margin-bottom:20px}
#manual-title{font-size:40px;line-height:.98;letter-spacing:-2px;margin:0;font-weight:800}
.manual-subtitle{font-size:14px;line-height:1.5;margin:15px 0 26px;color:#606457}
.manual-index nav{display:flex;flex-direction:column;gap:6px;margin:5px -10px 28px}
.manual-index nav button{appearance:none;border:0;border-radius:2px;display:flex;align-items:center;gap:14px;background:transparent;padding:14px 12px;font-size:14px;text-align:left;color:#4e554a;min-height:46px}
.manual-index nav button span{font:11px monospace;color:#7f8675}
.manual-index nav button[aria-current="page"]{background:#31392d;color:#f7f6ed;box-shadow:2px 2px 0 #bcc1ab}
.manual-index nav button[aria-current="page"] span{color:#cbd5b8}
.manual-index nav button:hover:not([aria-current="page"]){background:#dce0d0}
.manual-note{font-size:12px;line-height:1.6;color:#686e5f;margin:auto 0 0;padding-top:22px;border-top:1px solid #c5c8ba}
.manual-paper{position:relative;padding:48px 38px 22px;overflow:auto;overscroll-behavior:contain;min-width:0;background:linear-gradient(90deg,#e1dfd4 0%,#f5f2e9 4%,#f5f2e9 100%)}
#manual-close{position:absolute;right:18px;top:9px;min-height:36px;display:flex;gap:10px;align-items:center;border:0;background:none;color:#5c6355;font-size:12px;padding:8px}
#manual-close span{font-size:22px;line-height:1}
.page-kicker{font:10px monospace;letter-spacing:1.3px;color:#7a806f;margin:0 0 10px}
.manual-paper h2{font-size:29px;letter-spacing:-1.1px;line-height:1.1;margin:0 0 23px;font-weight:700}
.manual-paper h2:focus{outline:none}
.page-intro{font-size:15px;line-height:1.6;color:#656c5c;margin:0 0 20px}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #d8ddcd;min-width:0;font-size:15px;line-height:1.35}
.setting-row label{flex:1;min-width:0}
.setting-row small{display:block;font-size:12px;line-height:1.45;color:#707765;margin-top:5px;max-width:300px}
.setting-row select{font:14px Arial,sans-serif;max-width:55%;background:#e8ecdf;color:#303b27;padding:10px 25px 10px 10px;border:1px solid #c0c8b0;border-radius:4px;min-height:40px;cursor:pointer}
.setting-row input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 43px;width:43px;height:25px;border:1px solid #a1aa96;border-radius:15px;background:#c3c9b9;margin:0;cursor:pointer;transition:background .15s}
.setting-row input[type="checkbox"]::after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fffdf6;box-shadow:0 1px 3px #33412344;transition:transform .15s}
.setting-row input[type="checkbox"]:checked{background:#4c5c39;border-color:#4c5c39}
.setting-row input[type="checkbox"]:checked::after{transform:translateX(18px)}
.setting-range{padding:16px 0 9px;border-bottom:1px solid #d8ddcd}
.setting-range label{display:flex;justify-content:space-between;gap:20px;font-size:15px}
.setting-range output{font:13px monospace;color:#54623e}
.setting-range input{width:100%;height:30px;margin:6px 0 0;accent-color:#536341;cursor:pointer}
.setting-range input:disabled{opacity:.45;cursor:default}
#manual input:focus-visible,#manual select:focus-visible,#manual button:focus-visible{outline:2px solid #913152;outline-offset:3px}
.lcd-sample{position:relative;width:100%;height:108px;border:7px solid #6b6d66;border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 5px #0004;background:#b6c78b}
.sample-display{background:#b6c78b;display:grid;grid-template-columns:120px 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:22px;height:100%;padding:10px 18px;filter:grayscale(var(--lcd-grayscale,0)) brightness(var(--lcd-brightness,1)) contrast(var(--lcd-contrast,1))}
.sample-display>img{width:104px;height:auto;image-rendering:pixelated;grid-row:1/3}
.sample-display>span{font:bold 10px monospace;line-height:1.3;color:#1f321b}
.sample-swatches{display:flex;gap:0;height:17px;margin-top:8px}
.sample-swatches i{flex:1;background:#b6c78b;border:1px solid #516344}
.sample-swatches i:nth-child(2){background:#8c9d65}.sample-swatches i:nth-child(3){background:#516344}.sample-swatches i:nth-child(4){background:#1f321b}
.sample-lines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#18250e0b 0px,#18250e0b 1px,transparent 1px,transparent 3px);box-shadow:inset 2px 3px 8px #243f2240}
.sample-caption{font-size:11px;color:#79806d;margin:8px 0 0;line-height:1.5}
.lcd-clean .lcd-glass,.lcd-clean .sample-lines{background:none}
.lcd canvas{filter:grayscale(var(--lcd-grayscale,0)) brightness(var(--lcd-brightness,1)) contrast(var(--lcd-contrast,1))}
.left-handed .controls .dpad{left:auto;right:0}
.left-handed .controls .ab{right:auto;left:0}
.paper-button{background:#e7ebdf;color:#35402e;border:1px solid #acb69d;border-radius:3px;padding:11px 16px;min-height:43px;font-size:14px;margin-top:16px;box-shadow:0 2px 0 #bdc4b2}
.paper-button:hover:not(:disabled){background:#dce4d0}.paper-button:disabled{opacity:.45}
.field-note{font-size:12px;color:#707966;line-height:1.55;margin:10px 0 17px}
.key-summary{background:#e8ecdf;border-radius:3px;padding:12px;font:12px/1.6 monospace;color:#46523b}
.manual-callout{padding:18px;background:#e6eadc;border-left:3px solid #63764b;margin:25px 0;color:#48533c}
.manual-callout strong{font-size:14px}.manual-callout p{font-size:13px;line-height:1.6;margin:8px 0 0}
.reset-area{border-top:1px solid #d2d8c7;margin-top:30px;padding-top:22px}.reset-area h3{font-size:18px;margin:0 0 7px;letter-spacing:-.3px}.reset-area p{font-size:13px;line-height:1.5;color:#737b68;margin:0}
.control-legend{margin:0}.control-legend>div{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid #d8ddcd}.control-legend dt{font:bold 12px/1.6 monospace;color:#465437}.control-legend dd{font-size:14px;line-height:1.55;margin:0;color:#626d55}
.page-footer{border-top:1px solid #d2d8c7;padding-top:15px;margin-top:25px;display:flex;gap:15px;justify-content:space-between;font:11px/1.5 monospace;color:#79836c;min-height:34px}
#manual-status{font-family:Arial,sans-serif}#page-number{white-space:nowrap;margin-left:auto}
.manual-open{overflow:hidden}
.screen-mode .manual-cover{position:fixed;right:24px;top:20px;transform:none;z-index:30;width:auto;min-height:44px;padding:12px 16px;margin:0;background:#ece9de;box-shadow:2px 3px 0 #a9ad9b;border-radius:3px}
.screen-mode .manual-cover>*{display:none}.screen-mode .manual-cover .cover-description{display:block;margin:0;font-size:13px}.screen-mode .manual-cover::before{display:none}
@keyframes manual-arrive{from{opacity:0;transform:translateY(18px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.reduce-motion .console,.reduce-motion #manual[open]{animation:none!important}.reduce-motion .manual-cover,.reduce-motion .setting-row input,.reduce-motion .setting-row input::after{transition:none!important}
@media(max-width:1100px){.guide{display:flex;flex-direction:column;align-items:center;width:min(330px,90vw);margin-top:27px}.manual-cover{width:100%;min-height:85px;padding:16px 20px 16px 85px;margin:0 0 19px;transform:rotate(-2deg);display:grid;grid-template-columns:1fr auto;gap:6px 14px}.manual-cover img{position:absolute;left:22px;top:24px;width:49px;height:auto;margin:0}.manual-cover strong{font-size:15px;line-height:1;letter-spacing:-.3px}.manual-cover strong br{display:none}.cover-number{display:none}.cover-description{grid-column:1;font-size:11px;margin:0}.cover-open{grid-column:2;grid-row:1/3;border:0;margin:0;padding:0;font-size:0;width:auto}.cover-open span{font-size:25px}.guide .desktop-keys{display:none}.guide #zoom{margin:0}.guide .power-hint{margin:0 0 10px}}
@media(max-width:720px){#manual{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);overflow:hidden;box-shadow:0 20px 60px #0008}.manual-book{display:flex;flex-direction:column;max-height:calc(100dvh - 30px);box-shadow:none}.manual-index{padding:18px 18px 0;flex:none;background:#e8e5d9;border-bottom:1px solid #cbd0bc}.manual-edition,.manual-logo,.manual-subtitle,.manual-note{display:none}#manual-title{font-size:22px;letter-spacing:-.8px;margin-right:68px}#manual-title br{display:none}.manual-index nav{flex-direction:row;gap:5px;margin:18px 0 0;overflow-x:auto;padding:0 0 9px;scrollbar-width:thin}.manual-index nav button{white-space:nowrap;gap:6px;padding:11px 12px;font-size:12px;min-height:41px}.manual-index nav button span{font-size:10px}.manual-paper{padding:25px 22px 18px;position:static;min-height:0;background:#f5f2e9}#manual-close{top:9px;right:10px;min-height:44px}.manual-paper h2{font-size:27px;letter-spacing:-1px;margin-bottom:19px}.page-kicker{font-size:9px}.setting-row{font-size:14px;gap:12px}.setting-row small{font-size:12px;max-width:225px}.setting-row select{font-size:13px;padding-right:20px;max-width:56%}.setting-range label{font-size:14px}.control-legend>div{grid-template-columns:78px 1fr;gap:12px}.control-legend dd{font-size:13px}.sample-display{column-gap:7px;padding:10px;grid-template-columns:100px 1fr}.sample-display>img{width:88px}.sample-display>span{font-size:9px}.sample-caption{font-size:11px}.screen-mode .manual-cover{width:auto;top:15px;right:15px;left:auto;display:block}.screen-mode .manual-cover .cover-description{grid-column:auto}.screen-mode .manual-cover img{display:none}}
@media(prefers-reduced-motion:reduce){#manual[open]{animation:none}.manual-cover,.setting-row input,.setting-row input::after{transition:none}}
.sync-info{font:12px/1.5 Arial,sans-serif;color:#bbc5a7;width:100%;text-align:center}.sync-info p{white-space:normal!important;font-size:12px!important}.sync-info button{border:1px solid #7b8864;background:#323b29;border-radius:3px;padding:8px 15px;color:#e4ebd7;font-size:12px}.sync-info [hidden]{display:none}.screen-mode .sync-info{display:none}

/* Embedded console keeps scrolling within its own document. */
body.svgb-embedded { position:relative; }
.svgb-embedded.svgb-no-header main { padding-top:32px; }
@media(max-width:319px) {
 .console-space { width:252px; height:411px; }
 .console { transform:scale(.6); }
}

/* Hide only the embedded document's scrollbar; preserve wheel/touch/keyboard
   scrolling and the manual's own scrollable controls. */
html.svgb-embedded,
body.svgb-embedded {
 scrollbar-width:none;
}
html.svgb-embedded::-webkit-scrollbar,
body.svgb-embedded::-webkit-scrollbar {
 display:none;
 width:0;
 height:0;
}