/* The first two local AI activities keep their controls on the room's empty board. */
.drawing{top:20%;height:51%;left:8%;width:84%;border:1px dashed #c5bd92;border-radius:12px}
.drawing-note{left:8%;bottom:10%;max-width:86%;font-size:14px;line-height:1.35;color:#3e6656}
.drawing-note.recognized{font-weight:700;color:#236654}
.draw-task{font-size:18px;left:8%;top:4%}
.learn-count{position:absolute;left:8%;bottom:2%;margin:0;font-size:12px;color:#6b7859}
.room-actions.digit-actions{flex-direction:row;align-items:center;gap:10px}
.digit-main-actions{display:contents}
.room-actions.game-actions{flex-direction:column;align-items:center;gap:9px}
.round-actions{display:flex;gap:10px;justify-content:center;width:100%}
#teachDigit{background:#e2eec3}
#digitTeacher{max-height:calc(100dvh - 28px);overflow:auto;padding:22px}
.digit-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.digit-options button{min-height:48px;border:2px solid #a27847;border-radius:13px;color:#205b4c;background:#edf3cc;font-family:'Shantell Sans',sans-serif;font-size:23px;font-weight:800;box-shadow:0 3px 0 #a5854555}
.digit-options button:hover{background:#d6e9a5}
#digitTeacher .teacher-memory{font-size:13px;line-height:1.4;color:#627258}
#forgetDigits{min-height:44px;padding:8px 13px;border:2px solid #a27847;border-radius:13px;background:#fff0ce;color:#4e634c;font:inherit;font-size:14px;font-weight:700}
.game-mode{display:flex;align-items:center;gap:7px;padding:0 8px;border:2px solid #957543;border-radius:13px;background:#fff4d5;color:#40634e;font-size:12px;box-shadow:0 2px 0 #755b3e55}
.game-mode select{min-height:42px;max-width:142px;padding:0 22px 0 5px;border:0;background:transparent;color:#255a49;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.game-mode select:focus-visible{outline:3px solid #19776b;outline-offset:3px;border-radius:10px}
.rps-board{position:absolute;inset:0;padding:3% 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.rps-board .task{margin:0;font-family:'Shantell Sans','Trebuchet MS',sans-serif;font-weight:800;font-size:19px}
.rps-score{display:flex;gap:24px;font-size:14px}
.rps-score b{display:inline-block;min-width:23px;border-radius:8px;background:#d7e7b0;padding:2px 5px}
.rps-reveal{display:flex;gap:30px;justify-content:center;font-size:13px}
.rps-reveal>div{display:flex;flex-direction:column;gap:4px}
.move-card{display:grid;place-items:center;border:2px solid #c0ae78;border-radius:16px;background:#fff9e5;width:65px;height:62px;font-family:'Shantell Sans',sans-serif;font-size:30px;color:#577661}
.move-card svg{width:48px;height:48px}
#gameResult{font-size:14px;line-height:1.3;margin:0;min-height:2.6em;display:flex;align-items:center;max-width:100%;font-weight:600}
.learning-note{font-size:13px;line-height:1.3;margin:0;color:#637759}
.rps-choices{display:flex;gap:10px;justify-content:center;width:100%}
.rps-choices button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:83px;min-height:74px;padding:7px 10px;background:#fff4d5}
.rps-choices svg{width:36px;height:36px}
body[data-room='game'] .room-actions{top:70%;left:18%;width:52%}
.room-actions button:focus-visible{outline:3px solid #19776b;outline-offset:4px}
@media(max-width:900px){.rps-board{gap:6px}}
@media(max-width:600px){.draw-task{font-size:16px}.drawing-note{font-size:12px}.rps-board .task{font-size:17px}.rps-choices button{font-size:12px;padding:6px 9px;min-width:79px}.rps-reveal{gap:25px}.rps-board{gap:6px}#gameResult{font-size:13px}.learning-note{font-size:12px}}
@media(max-width:600px){body[data-room='game'] .room-actions{left:16%;width:47%}}
@media(max-width:600px){#digitTeacher{padding:18px}.digit-options{gap:7px}.digit-options button{min-height:44px}.learn-count{font-size:11px}.drawing-note{font-size:12px}.room-actions.game-actions{gap:8px}.game-mode select{min-height:42px}.room-actions.digit-actions{left:calc(var(--scene-scroll,0px) + 12px);top:71%;width:calc(100vw - 24px);gap:6px}.digit-actions button{padding:9px 8px}}
@media(max-width:360px){.digit-actions button{padding-inline:4px}.room-actions.digit-actions{gap:4px}}