/* Learning objects belong in the room: no vocabulary cards or shields. */
.learning-art-wrap{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.learning-art{display:block;max-width:100%;max-height:100%;background-repeat:no-repeat;pointer-events:none;user-select:none}
.learning-token,.learning-symbol{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}
.arcade-target.real-object{width:10%;height:14%;min-height:46px;min-width:45px;background:none;border:0;border-radius:50%;filter:none;animation:none;cursor:pointer}
.arcade-target.real-object:before,.arcade-target.real-object:after,.arcade-target.real-object .arcade-target-carrier,.arcade-target.real-object .arcade-hits,.arcade-target.real-object .arcade-target-name,.arcade-target.real-object .arcade-check{display:none!important}
.arcade-target.real-object .arcade-word,.arcade-target.arcade-heli.real-object .arcade-word{position:relative;inset:auto;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none;filter:none;scale:1}
.canvas-ready .arcade-target.real-object .learning-art{visibility:hidden}
.arcade-target.real-object .arcade-aim-ring{inset:auto 12% -6%;height:12%;border-radius:50%;border:1px solid #e4ca78aa;background:none;box-shadow:none}
.canvas-ready .arcade-target.real-object .arcade-aim-ring{display:none}
.arcade-target.real-object:focus-visible{outline:2px solid #f4dd8a;outline-offset:2px}
.arcade-target:has(.learning-token) .arcade-word{inset:auto;width:100%;height:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:none!important}
.arcade-target:has(.learning-token) .arcade-target-carrier,.arcade-target:has(.learning-token):before,.arcade-target:has(.learning-token):after{display:none!important}
.arcade-target:has(.learning-token){filter:drop-shadow(0 4px 2px #26382c26)}
.learning-color{position:relative;display:block;width:64%;height:66%;margin:auto;border-radius:48% 48% 47% 47%;background:radial-gradient(ellipse at 30% 23%,#ffffffb8 0,transparent 26%),radial-gradient(ellipse at 30% 28%,var(--word-color),color-mix(in srgb,var(--word-color),black 20%));box-shadow:inset -5px -7px 6px #0002,inset 2px 2px 3px #fff6}
.learning-color:after{content:'';position:absolute;top:98%;left:49%;width:12%;height:36%;border-left:1px solid #efe9d0;border-radius:50%;transform:rotate(-9deg)}
.learning-number{font-family:var(--font),sans-serif;font-size:clamp(35px,6vw,88px);font-weight:900;color:var(--word-color);-webkit-text-stroke:1px color-mix(in srgb,var(--word-color),#fff 45%);text-shadow:1px 2px 0 color-mix(in srgb,var(--word-color),#51442d 30%),2px 4px 0 color-mix(in srgb,var(--word-color),#51442d 30%),3px 5px 3px #0003;transform:rotate(-5deg)}
.learning-shape{display:block;width:67%;height:67%;margin:auto;background:linear-gradient(135deg,#ffffff55,transparent 45%),var(--word-color);box-shadow:inset 3px 3px 1px #fff5,inset -3px -3px 1px #0002}
.shape-cerchio{border-radius:50%}.shape-quadrato{border-radius:12%}.shape-triangolo{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-stella{clip-path:polygon(50% 0,61% 34%,98% 37%,70% 61%,79% 98%,50% 77%,21% 98%,30% 61%,2% 37%,39% 34%)}.shape-cuore{clip-path:polygon(50% 18%,66% 3%,84% 3%,98% 18%,98% 39%,50% 99%,2% 39%,2% 18%,16% 3%,34% 3%)}.shape-rombo{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.fire-lesson{width:5vw;height:5vw;min-width:36px;min-height:36px;max-width:75px;max-height:75px;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none;opacity:1;bottom:6%;left:72%;filter:drop-shadow(0 3px 2px #3d422126)}
.fire-target.out .fire-lesson{background:none;opacity:1}.fire-lesson .learning-art-wrap{width:100%;height:100%}.fire-lesson .learning-number{font-size:42px}.fire-lesson .learning-color:after{display:none}
.hero-doll.hero-individual{display:block;width:100%;height:150px;background:none;box-shadow:none;border-radius:0}
.hero-doll.hero-individual:before,.hero-doll.hero-individual:after{display:none}
.hero-individual img{width:100%;height:100%;object-fit:contain;display:block}
.arcade-heroes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.arcade-hero-choice{width:auto;min-width:0;height:200px;padding:7px}.arcade-hero-choice small{margin-top:8px}
@media(max-width:700px){.arcade-heroes{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-hero-choice{height:160px}.hero-doll.hero-individual{height:110px}.arcade-target.real-object{min-height:35px;min-width:35px}.fire-lesson{min-width:28px;min-height:28px}}