#stage canvas { cursor: pointer; }
.reel-now{position:absolute;z-index:7;transform:translate(-50%,-100%);border-radius:20px;background:#fff4df;color:#7a6745;border:2px solid #d3c396;min-height:44px;padding:10px 18px;font-size:15px;white-space:nowrap;box-shadow:0 5px 20px #35524725}.reel-now[hidden]{display:none}.reel-now:disabled{opacity:.9;cursor:default}.reel-now.bite{background:#da8b37;color:white;border-color:#fff3c4;animation:reel-nudge .8s ease-in-out infinite}.reel-now:active:not(:disabled){transform:translate(-50%,-100%) scale(.96)}@keyframes reel-nudge{50%{box-shadow:0 0 0 8px #efb75b30,0 5px 20px #35524725}}@media(prefers-reduced-motion:reduce){.reel-now.bite{animation:none}}
.creative-notes{position:absolute;bottom:53px;left:24px;z-index:3;font-size:12px;color:#677966;text-decoration:underline;text-underline-offset:3px}
.drop-label{pointer-events:auto;z-index:4;min-height:38px;cursor:pointer}.drop-label:hover{background:#fff0ca}
#camera-mode{font:inherit;font-size:14px;min-height:40px;border:1px solid #c7c9b8;border-radius:14px;background:#fffaf1;color:#4c6055;padding:0 10px}.camera-hint{position:absolute;bottom:16px;right:20px;font-size:12px;color:#667869;background:#fffaf0d9;padding:6px 10px;border-radius:12px;pointer-events:none}.keyboard-help{position:relative;font-size:12px;color:#8c806a}.keyboard-help summary{cursor:pointer;padding:10px}.keyboard-help nav{position:absolute;bottom:42px;right:0;width:240px;display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px;background:#fffaf1;border:1px solid #d9d2c0;border-radius:16px;box-shadow:0 10px 40px #40503e25;z-index:12}.keyboard-help button{padding:9px;border-radius:9px;background:#e8eedf;color:#4c6556;font-size:14px}.keyboard-help button[hidden]{display:none}@media(max-width:760px){.camera-hint{right:12px;bottom:45px;font-size:11px}.brand small{display:none}.toolbar{gap:5px}#camera-mode{max-width:100px;font-size:12px}.toolbar .circle-button{width:34px;height:34px}.playbar{min-height:138px}.play-actions{order:unset;width:auto}.counter{margin-left:auto}.guide-copy{min-width:170px}}
.play-actions { gap: 8px; }
#jump { min-height: 48px; white-space: nowrap; }
@media (min-width: 761px) and (max-width: 1100px) {
  .playbar { flex-wrap: wrap; }
  .play-actions { order: 4; width: 100%; justify-content: center; }
  .guide-copy { min-width: 240px; }
}
@media (max-width: 420px) {
  .play-actions { gap: 3px; }
  .play-actions .primary-button { padding: 13px 17px; }
  .play-actions .quiet-button { padding: 12px 15px; }
  .play-actions .text-button { padding: 10px 9px; }
  .guide-copy p { font-size: 14px; }
}
.activity-picker{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;white-space:nowrap}.activity-picker button{font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;padding:10px 16px;border:1px solid #b9b29c;border-radius:22px;background:rgba(255,250,235,.93);color:#4b6155;box-shadow:0 3px 12px #786c4b14;cursor:pointer}.activity-picker button:hover{background:#fff8dc;transform:translateY(-2px)}.activity-picker button:disabled{opacity:.45;cursor:wait}.activity-picker button[hidden]{display:none}.activity-picker #leave{background:#527b6e;color:white;border-color:#527b6e}@media(max-width:600px){.activity-picker{gap:5px;bottom:42px;max-width:96%}.activity-picker button{padding:9px 10px;font-size:12px}}

/* Keep the floating target under the finger while it is pressed. */
.drop-label:active:not(:disabled){transform:translate(-50%,-130%) scale(.97)}
.drop-label{min-height:44px}
#play{min-height:48px;white-space:nowrap}
#ancient-word-picture .modern-character{font:88px/1.3 "Kaiti SC",KaiTi,serif;color:#a65332}
@media(max-width:760px){.playbar>.play-actions{order:4;width:100%;justify-content:center;flex-wrap:wrap}.playbar{padding-bottom:4px}.keyboard-help summary{font-size:14px}}