.skits-layer{position:absolute;inset:42px 0 0;z-index:12;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;padding:12px 12px 10px;gap:5px;background:radial-gradient(ellipse at 50% 45%,#fff8ec 15%,#f4e5ee 75%);border-radius:0 0 22px 22px;color:#887087;overflow:hidden;isolation:isolate}
.skits-layer[hidden]{display:none!important}.skit-heading{font-size:clamp(16px,2.5vw,23px);letter-spacing:.1em;background:#fffaf0c9;border-radius:20px;padding:7px 15px;line-height:1.3}.skit-line{font-size:12px;min-height:18px;letter-spacing:.06em;text-align:center;color:#a4879b}
.skit-actor-button{width:100%;height:100%;min-height:44px;border:0;padding:0;margin:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;border-radius:22px;color:inherit}
.skit-actor-button svg{width:100%;height:100%;max-height:100%;overflow:hidden;pointer-events:none}.skit-actor-button:focus-visible{outline:3px dashed #b296d4;outline-offset:-4px}.skit-actor-button:active{background:#fffef336}
.skit-controls{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;min-height:48px}.skit-controls button{min-height:44px;min-width:86px;padding:8px 17px;border-radius:18px;border:2px solid #c6aecb;color:#806788;background:#e9d9f1;box-shadow:0 4px 0 #bca6c4;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.skit-controls .skit-stop{min-width:72px;background:#fff4df;border-color:#deccb5;color:#ab8a70;box-shadow:0 4px 0 #deccb5}.skit-controls button:active{transform:translateY(3px);box-shadow:0 1px 0 #bca6c4}.skit-controls button:focus-visible{outline:3px solid #aa89c3;outline-offset:2px}
.skit-word{font-family:inherit;font-size:40px;font-weight:900;letter-spacing:.05em;fill:#b79ac5;paint-order:stroke;stroke:#fff4e8;stroke-width:3px;stroke-linejoin:round}.skit-smallword{font-family:inherit;font-size:25px;font-weight:800;fill:#b490aa}.skit-clone{pointer-events:none}
.browser-shell[data-skits=active] #creature,.browser-shell[data-skits=active] .stage-caption,.browser-shell[data-skits=active] .specimen-label,.browser-shell[data-skits=active] .serial,.browser-shell[data-skits=active] .utterance,.browser-shell[data-skits=active] .big-word,.browser-shell[data-skits=active] .paper-shadow-layer,.browser-shell[data-skits=active] .water-zip-layer,.browser-shell[data-skits=active] .optics-layer,.browser-shell[data-skits=active] .residue-layer{visibility:hidden;pointer-events:none}
.browser-shell[data-skits=active] #creature{min-height:430px}
.skits-launch{display:flex;justify-content:center;margin:14px 0 16px}.skits-launch button{width:100%;min-height:62px;border:2px solid #bdabce;border-radius:22px;background:linear-gradient(120deg,#efdfc3,#e7d8f1 55%,#d8eadf);box-shadow:0 5px 0 #c8b7d1;color:#84688a;font:inherit;font-weight:800;font-size:17px;letter-spacing:.09em;cursor:pointer;touch-action:manipulation}.skits-launch button span{font-size:25px;margin-right:10px}.skits-launch button:active{transform:translateY(3px);box-shadow:0 2px 0 #c8b7d1}.skits-launch button:focus-visible{outline:3px solid #aa89c3;outline-offset:3px}
@media(max-width:420px){.skits-layer{padding:8px 7px;gap:3px}.skit-heading{font-size:16px}.skit-line{font-size:11px}.skit-controls button{padding:8px 12px}.skits-launch{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.skit-controls button:active,.skits-launch button:active{transform:none}}
