:root{--shell-ink:#31483e;--shell-accent:#acbc88;--shell-panel:#13231f;--utility-bg:#edddbb;--utility-ink:#283331}
:root[data-skin=arcade]{--shell-ink:#403688;--shell-accent:#a5e8f5;--shell-panel:#141329;--utility-bg:#292153;--utility-ink:#69deef}
:root[data-skin=family]{--shell-ink:#275039;--shell-accent:#c5e7a2;--shell-panel:#173c2b;--utility-bg:#7bb66b;--utility-ink:#143d29}
:root[data-skin=astro]{--shell-ink:#243c50;--shell-accent:#c4e9ef;--shell-panel:#1e3341;--utility-bg:#71838e;--utility-ink:#c3edf2}
:root[data-skin=vector]{--shell-ink:#382b3d;--shell-accent:#ffda96;--shell-panel:#382b3d;--utility-bg:#382b3d;--utility-ink:#ffda96}
[data-skin=arcade] .console{background-image:url('assets/skins/arcade.svg?v=compressed-7')}[data-skin=family] .console{background-image:url('assets/skins/family.svg?v=compressed-7')}[data-skin=astro] .console{background-image:url('assets/skins/astro.svg?v=compressed-7')}[data-skin=vector] .console{background-image:url('assets/skins/vector.svg?v=compressed-7')}
:root:not([data-skin=cream]) .console::before,:root:not([data-skin=cream]) .console::after{display:none}
.bezel,.screen-title,.lcd-footer{background:var(--shell-panel);color:var(--shell-accent)}.indicator{border-color:var(--shell-accent)}
.console>footer #library,.console>footer #sound{background:var(--utility-bg)}.console>footer #library:after{border-color:var(--utility-ink);background:repeating-linear-gradient(90deg,var(--utility-ink) 0 18%,transparent 18% 30%);box-shadow:none}.console>footer #sound:after,.console>footer #sound.muted:after{background:var(--utility-ink)}.console>footer #sound:before{color:var(--utility-ink)}
:root:not([data-skin=cream]) .console>footer #rules{background:var(--utility-bg);color:var(--utility-ink);border-color:var(--utility-ink);box-shadow:1px 1px var(--utility-ink)}
#options{width:min(650px,94vw)}.setting-label{display:block;margin:20px 0 9px;font-size:14px;font-weight:700}#language{width:100%;padding:12px;border:2px solid #ae9874;background:#fff7e4;color:#273c36;font:inherit;border-radius:0}#skinChoices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#skinChoices button{border:2px solid #b5a483;background:#e8dbbf;color:#30423c;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:9px}#skinChoices button[aria-pressed=true]{border-color:#397a66;box-shadow:0 0 0 2px #397a66;background:#d4e4ca}#skinChoices img{display:block;width:100%;max-width:68px;height:auto;aspect-ratio:850/1850;object-fit:contain;image-rendering:pixelated}#skinChoices span{font-size:11px;line-height:1.4}#catalogStickers{border:2px solid #ad9873;background:#e3d4ae;padding:7px 12px;color:#31483e;margin-bottom:10px;font:inherit}#stickerAlbumGrid .sticker-card{cursor:default}
@media(max-width:420px){#skinChoices{grid-template-columns:repeat(3,1fr)}#skinChoices img{max-width:48px}#skinChoices span{font-size:10px}.setting-label{margin-top:12px}}

/* One crisp pixel icon per hit target; no painted icon under the controls. */
:root:not([data-skin=cream]) .console>header #settings{opacity:1;background:transparent;border:0;padding:0;font-size:0;color:transparent}
:root:not([data-skin=cream]) .console>header #settings::after{content:'';position:absolute;inset:13% 20%;background:var(--utility-ink);mask:url('assets/ui-settings.svg') center/contain no-repeat;-webkit-mask:url('assets/ui-settings.svg') center/contain no-repeat}
:root:not([data-skin=cream]) .console>footer #sound,:root:not([data-skin=cream]) .console>footer #sound.muted{background:transparent;opacity:1}
:root:not([data-skin=cream]) .console>footer #sound::before{content:none}
:root:not([data-skin=cream]) .console>footer #sound::after{content:'';inset:15% 7%;clip-path:none;background:var(--utility-ink);mask:url('assets/ui-sound-on.svg') center/contain no-repeat;-webkit-mask:url('assets/ui-sound-on.svg') center/contain no-repeat}
:root:not([data-skin=cream]) .console>footer #sound.muted::after{mask-image:url('assets/ui-sound-off.svg');-webkit-mask-image:url('assets/ui-sound-off.svg')}

#confirmSettings{display:block;width:100%;margin-top:22px;padding:12px;border:2px solid #627b60;background:#3c6855;color:#fff8e5;font:inherit;cursor:pointer;box-shadow:inset 0 2px #ffffff30,0 3px #294536}#licenseButton{display:block;margin:18px auto 0;padding:8px 16px;border:0;background:transparent;color:#6b6049;font:inherit;font-size:.85em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}#confirmSettings:focus-visible,#licenseButton:focus-visible{outline:3px solid #c57a33;outline-offset:3px}#licenses{width:min(720px,94vw);max-height:90dvh}#licenseFrame{display:block;width:100%;height:65dvh;border:0;margin-top:12px;background:#f7eed9}

/* Long localized labels must wrap rather than overflow narrow portrait dialogs. */
.dialog-head h2{min-width:0;overflow-wrap:anywhere}.dialog-head button{flex-shrink:0}#paused{text-align:center;padding:12px}#paused b{max-width:100%;font-size:clamp(17px,6cqw,29px);overflow-wrap:anywhere}#paused span{max-width:100%;line-height:1.5}#stickerAlbumGrid .sticker-card span{overflow-wrap:anywhere}#pointerHelp{padding:10px;border-left:3px solid #ad9873;background:#eaddc4}

:root:not([data-skin=cream]) .console>footer #library{background:transparent}

#licenseContent{max-height:65dvh;overflow:auto;overscroll-behavior:contain;padding:4px 8px;color:#283d36;font:15px/1.6 system-ui;text-align:left}#licenseContent details{border:2px solid #b8a37d;padding:12px;margin:14px 0;background:#fff9ec}#licenseContent summary{font-weight:700;cursor:pointer;overflow-wrap:anywhere}#licenseContent pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 monospace}#licenseContent p{overflow-wrap:anywhere}

.console>header #debugLight{visibility:visible;pointer-events:auto;position:absolute;left:6%;top:20%;width:8%;height:52%;padding:0;border:0;background:transparent;box-shadow:none;color:transparent;cursor:pointer;touch-action:manipulation;z-index:10}.console>header #debugLight:focus-visible{outline:2px solid #ffd55c;outline-offset:2px}#unlockAllStickers{width:100%;margin-top:18px;padding:14px;border:2px solid #617c5f;background:#3c6855;color:#fff8e5;font:inherit;cursor:pointer}#unlockAllStickers:disabled{opacity:.5;cursor:wait}#debugStatus{line-height:1.6}

#grantSticker{width:100%;margin-top:12px;padding:14px;border:2px solid #ad9873;background:#e3d4ae;color:#31483e;font:inherit;cursor:pointer}#grantSticker:disabled{opacity:.5}

#spaceGuide{position:fixed;inset:0;z-index:10000;overflow:hidden;touch-action:none}#spaceGuide .space-guide-target{position:fixed;background:transparent;border:3px solid #ffe182;border-radius:10px;box-shadow:0 0 0 9999px #000c,0 0 22px #ffe182;cursor:pointer;padding:0}#spaceGuide .space-guide-label{position:fixed;left:50%;transform:translateX(-50%);width:min(320px,85vw);text-align:center;color:#fff7d2;font:bold 18px/1.5 system-ui;pointer-events:none}#spaceHint{position:fixed;z-index:9000;top:12px;left:50%;transform:translateX(-50%);width:min(320px,85vw);padding:12px;background:#171f24ed;color:#fff7d2;border:2px solid #efc878;font:14px/1.5 system-ui;pointer-events:none}