.door-hotspot{position:absolute;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;pointer-events:auto;border-radius:25px;z-index:2}.door-hotspot:hover,.door-hotspot:focus-visible{background:#fff4b929;outline:3px solid #ffedaf}.door-hotspot span{position:absolute;bottom:90%;left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:9px;background:#fff1d3;color:#795b40;border:2px solid #b39361;white-space:nowrap;font-size:12px;opacity:0;pointer-events:none}.door-hotspot:hover span,.door-hotspot:focus-visible span{opacity:1}.subject-shelf{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:14px 4px;background:#dac5a0;border-bottom:9px solid #ac8053;border-radius:14px}.subject-shelf button{padding:5px;background:transparent;border:2px solid transparent;border-radius:12px;width:calc(20% - 11px);min-width:92px;font-size:12px}.subject-shelf canvas{width:100%;height:auto;max-width:120px}.subject-shelf .book-correct{border-color:#639f72;background:#d2e6bda6}.subject-shelf .book-wrong{border-color:#ca9a61;background:#f4dba389}.book-feedback{padding:10px 14px;border-radius:10px;background:#eee1c7;font-size:15px!important;min-height:55px}.book-feedback.correct{background:#d8e8c9;color:#446b49}.book-feedback.wrong{background:#f3dfb5;color:#8a5c35}.class-cheer{text-align:center;font-size:40px;color:#d2a555;animation:cheer7 .7s ease-in-out alternate 4}@keyframes cheer7{to{transform:scale(1.1);color:#9d80b7}}@media(max-width:650px){.subject-shelf{gap:4px}.subject-shelf button{width:30%;min-width:75px}.door-hotspot span{font-size:10px}}