/* Shared acid-yellow toybox palette from the public playground. */
body.personalized-scene{font-family:Arial,Helvetica,sans-serif;color:#10100d;background:#edff20}
.personalized-scene #studio{height:100svh;min-height:540px;background:radial-gradient(ellipse at 50% 45%,#faf5ff 0%,#e9d8ff 55%,#cfb4ef 100%)}
.personalized-scene .intro,.personalized-scene .physics-panel,.personalized-scene .puppet-back,.personalized-scene .arcade-heading{display:none!important}
.personalized-scene .play-header{position:absolute;inset:0 0 auto;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-bottom:2px solid #10100d;background:#edff20;color:#10100d}
.play-logo{font-size:23px;font-weight:900;letter-spacing:-1.2px;text-decoration:none;color:inherit;white-space:nowrap}
.play-navigation,.view-switch{display:flex;align-items:center;gap:8px}
.play-navigation a,.play-navigation button,.view-switch button{font:700 12px Arial,sans-serif;color:#10100d;text-decoration:none;background:transparent;padding:10px 15px;border:2px solid #10100d;border-radius:999px;white-space:nowrap}
.view-switch{gap:0;background:#fff;border:2px solid #10100d;border-radius:999px;padding:3px}.view-switch button{border:0}.view-switch button[aria-pressed=true]{background:#7027eb;color:white}
.play-navigation .create-puppet{background:#ff4bc5;box-shadow:3px 3px 0 #10100d}.play-navigation #helpButton{width:34px;height:34px;padding:0}
.personalized-scene:not(.arcade-mode) #stage{top:76px;height:calc(100% - 204px);width:100%}
.face-controls{position:absolute;z-index:10;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:520px;text-align:center}
.face-actions{display:flex;gap:9px;justify-content:center;align-items:stretch}
.face-actions button{border:2px solid #10100d;border-radius:18px;background:#fff;color:#10100d;box-shadow:4px 4px 0 #10100d;padding:12px 21px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:9px;transition:transform .12s}
.face-actions button span{font-size:23px}.face-actions button[data-play=slap]{background:#ff4bc5}.face-actions button[data-play=nail]{background:#edff20}.face-actions button[aria-pressed=true]{background:#7027eb;color:#fff;transform:translateY(-5px)}
.face-actions button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #10100d}.face-actions .face-reset{padding:8px 14px;font-size:25px;box-shadow:none;background:transparent}
.face-instructions{min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.face-instructions p{font-size:12px;font-weight:600;margin:0;color:#40304f}.face-instructions select{max-width:190px;padding:7px;border:2px solid #10100d;background:white;border-radius:9px;font-size:11px}
.play-guide{position:absolute;z-index:20;left:24px;top:100px;width:240px;padding:20px;background:#edff20;border:2px solid #10100d;border-radius:22px;box-shadow:5px 5px 0 #10100d;transform:rotate(-2deg)}
.play-guide h2{font:30px/.95 Impact,'Arial Narrow',sans-serif;margin:0 0 15px;text-transform:uppercase;letter-spacing:.1px}.play-guide ol{padding-left:21px;font-size:12px;line-height:1.5;margin:0 0 15px}.play-guide li{padding:5px 0}.play-guide button{width:100%;border:2px solid #10100d;border-radius:999px;padding:11px;background:#7027eb;color:white;font-weight:800}.play-guide a{color:inherit;font-weight:800}
.personalized-scene .studio-dock{position:absolute;z-index:40;top:86px;right:20px;left:auto;bottom:55px;width:400px;max-width:calc(100% - 24px);height:auto;overflow:auto;display:block;border:2px solid #10100d;border-radius:22px;background:#fffdf6;box-shadow:6px 6px 0 #10100d;padding:20px;color:#10100d;opacity:1}
.debug-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.debug-heading strong{font:32px Impact,sans-serif}.debug-heading small{display:block;font-size:9px;letter-spacing:1px;margin-top:4px}.debug-heading button{font-size:28px;background:transparent;color:#111;width:40px;height:40px}
.studio-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.studio-tabs button{border:1px solid #10100d;border-radius:20px;background:#eee2ff;color:#10100d;padding:9px 12px;font-size:11px}.studio-tabs button[aria-pressed=true]{background:#7027eb;color:white}
.studio-page{display:flex;flex-direction:column;align-items:stretch;gap:14px}.studio-page .modes{display:flex}.studio-page .modes button{padding:12px 8px;font-size:11px}.studio-page .modes button.active{background:#7027eb;color:white}.studio-page .actions{margin:8px 0}.studio-page .actions button{font-size:12px;color:#7027eb}.studio-page #status{font:11px/1.5 monospace;overflow-wrap:anywhere}.studio-page select,.studio-page audio{width:100%;max-width:100%}.studio-page #framing{padding:12px;border-radius:10px;background:#edff20;color:#10100d}
.studio-page #skinLab,.studio-page #faceScanner{position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;background:transparent!important;color:#10100d!important;padding:0!important}.studio-page #skinLabOpen,.studio-page #openFaceScanner{display:none!important}.studio-page #skinLab input[type=range],.studio-page #faceScanner input[type=range]{max-width:100%}
.personalized-scene footer{left:auto;right:20px;bottom:12px;z-index:12}.personalized-scene footer button{border:1px solid #10100d;color:#10100d;background:#fff;font-size:10px;padding:7px 10px}.personalized-scene #toast{left:50%;bottom:150px;z-index:42;background:#7027eb;color:white;max-width:80%;text-align:center}
.personalized-scene [hidden]{display:none!important}.arcade-mode .face-controls,.arcade-mode .play-guide{display:none!important}.personalized-scene.arcade-mode #stage{top:76px;height:calc(100% - 310px)}
.personalized-scene .toybox{border:2px solid #10100d;box-shadow:4px 4px 0 #10100d;background:#fffdf6}.personalized-scene #useToy{background:#7027eb;border:2px solid #10100d;box-shadow:3px 3px 0 #10100d}.personalized-scene #toyGrid button.selected{background:#7027eb}.personalized-scene .scoreboard{top:100px}.personalized-scene .arena-tools{top:100px}
.personalized-scene button:focus-visible,.personalized-scene a:focus-visible,.personalized-scene select:focus-visible{outline:3px solid #7027eb;outline-offset:4px}
@media(max-width:1050px){.play-header{flex-wrap:wrap}.personalized-scene .play-header{padding:10px 16px;gap:8px}.play-logo{font-size:20px}.play-navigation a,.play-navigation button,.view-switch button{font-size:11px;padding:9px 11px}.play-guide{width:200px;left:16px;padding:16px}.play-guide h2{font-size:26px}}
@media(max-width:760px){.personalized-scene .play-header{gap:10px;justify-content:space-between}.play-logo{font-size:21px}.view-switch{order:1}.play-navigation{width:100%;justify-content:center;order:2;gap:6px}.play-navigation a,.play-navigation button{padding:8px 12px;font-size:11px}.personalized-scene:not(.arcade-mode) #stage{top:124px;height:calc(100% - 255px)}.personalized-scene.arcade-mode #stage{top:124px;height:calc(100% - 360px)}.face-controls{bottom:28px}.face-actions{gap:7px}.face-actions button{padding:10px 12px;gap:5px;font-size:11px;border-radius:14px}.face-actions button span{font-size:20px}.face-actions .face-reset{padding:8px;font-size:22px}.face-instructions{flex-wrap:wrap;gap:5px;margin-top:11px}.face-instructions p{font-size:11px}.play-guide{left:12px;top:135px;width:220px;padding:14px;transform:none}.play-guide h2{font-size:24px;margin-bottom:7px}.play-guide li{padding:2px 0}.play-guide ol{margin-bottom:10px}.personalized-scene .studio-dock{top:126px;right:12px;bottom:45px;padding:16px}.personalized-scene footer{bottom:4px;right:10px}.personalized-scene .scoreboard,.personalized-scene .arena-tools{top:145px}.personalized-scene .toybox{bottom:35px}.personalized-scene #toast{bottom:160px}.personalized-scene #studio{min-height:600px}}
@media(prefers-reduced-motion:reduce){.face-actions button{transition:none}}

/* v2: every tool is visible, with no expandable accessory menu. */
.personalized-scene .play-header{pointer-events:auto}
.personalized-scene .play-header a,.personalized-scene .play-header button{pointer-events:auto}
.play-navigation{flex-wrap:wrap}.play-navigation #mute{background:#fff}
.personalized-scene:not(.arcade-mode) #stage{top:var(--play-header-height,76px);height:calc(100% - var(--play-header-height,76px) - var(--face-controls-height,150px) - 35px)}
.personalized-scene.arcade-mode #stage{top:var(--play-header-height,76px);height:calc(100% - var(--play-header-height,76px) - 234px)}
.face-controls{width:850px;bottom:16px;max-width:calc(100% - 32px)}
.play-tool-groups{display:flex;justify-content:center;align-items:start;gap:30px}
.play-tool-groups h2{font:21px/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.8px;margin:0 0 9px;text-align:left}
.face-actions,.accessory-icons{display:flex;gap:7px;justify-content:center}
.face-actions button,.accessory-icons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:62px;min-height:64px;padding:8px 4px;border:2px solid #10100d;border-radius:14px;box-shadow:3px 3px 0 #10100d;color:#10100d;background:#fff;cursor:pointer}
.face-actions button span,.accessory-icons button span{font-size:25px;line-height:1.1}.face-actions button small,.accessory-icons button small{font-size:10px;font-weight:800}
.accessory-icons button{background:#edff20}.face-actions button[data-play=slap]{background:#ff4bc5}.face-actions #quickTalk{background:#b9f6d8}
.face-actions button[aria-pressed=true],.accessory-icons button[aria-pressed=true]{background:#7027eb;color:white;transform:translateY(-3px)}
.accessory-icons button:active,.face-actions button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #10100d}
.face-actions .face-reset{font-size:inherit;padding:8px 4px;box-shadow:3px 3px 0 #10100d;background:#fff}
#playHint{font-size:12px;color:#40304f;font-weight:600;line-height:1.4;min-height:17px;margin:12px 0 0}
.personalized-scene footer{display:none}
@media(max-width:760px){.play-tool-groups{flex-wrap:wrap;gap:12px}.play-tool-groups h2{text-align:center;font-size:17px;margin-bottom:7px}.face-actions button,.accessory-icons button{width:48px;min-height:51px;padding:6px 2px;gap:3px;border-radius:12px}.face-actions button span,.accessory-icons button span{font-size:22px}.face-actions button small,.accessory-icons button small{font-size:9px}.face-actions .face-reset{padding:6px 2px}.face-controls{bottom:10px;max-width:calc(100% - 24px)}#playHint{font-size:10px;margin-top:9px}.play-navigation{gap:5px}.play-navigation a,.play-navigation button{padding:7px 10px;font-size:10px}.personalized-scene .scoreboard,.personalized-scene .arena-tools{top:calc(var(--play-header-height,124px) + 15px)}.personalized-scene .studio-dock{top:calc(var(--play-header-height,124px) + 10px)}.play-guide{top:calc(var(--play-header-height,124px) + 12px)}}
@media(max-width:360px){.accessory-icons{gap:4px}.accessory-icons button{width:45px}}

.personalized-scene.arcade-mode #stage{height:calc(100% - var(--play-header-height,76px) - var(--arena-controls-height,234px))}
@media(max-width:760px){.personalized-scene.arcade-mode #studio{--arena-controls-height:290px}}
.face-impact-hud{position:absolute;z-index:8;top:calc(var(--play-header-height,70px) + 18px);left:50%;display:grid;gap:3px;justify-items:center;pointer-events:none;opacity:0;transform:translate(-50%,-8px) scale(.85);transition:opacity .12s,transform .16s}
.face-impact-hud.visible{opacity:1;transform:translate(-50%,0) rotate(-4deg) scale(1)}
.face-impact-hud strong{font:900 clamp(24px,5vw,48px)/1 sans-serif;color:#edff20;-webkit-text-stroke:1px #17131e;text-shadow:3px 4px 0 #7027eb}
.face-impact-hud span{background:#fff;color:#17131e;border:2px solid #17131e;padding:4px 9px;box-shadow:3px 3px 0 #17131e;font:700 11px/1.2 sans-serif}
.reaction-settings{margin-top:16px;border-top:2px solid #17131e;padding-top:12px}
.reaction-settings h3{font-size:14px;margin:0 0 6px}.reaction-settings p{font-size:12px;line-height:1.4}
.reaction-settings label{display:flex!important;align-items:center;gap:8px;margin:10px 0!important;font-size:12px!important;letter-spacing:normal!important;text-transform:none!important}
.reaction-settings input[type=checkbox]{width:16px;height:16px;accent-color:#7027eb}
.reaction-settings input[type=range]{min-width:70px;width:100%;accent-color:#7027eb}
@media(prefers-reduced-motion:reduce){.face-impact-hud{transition:none}}