.light-art{width:88px;height:88px;flex-shrink:0;pointer-events:none}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.source-object{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid #aecfe8;border-radius:20px;background:#fff;padding:16px;color:#16395e;min-width:0;text-align:center;line-height:1.4}.source-object[aria-pressed=true]{border-color:#076dcb;background:#dff1ff;box-shadow:0 0 0 3px #80c5f6}.source-object:disabled{opacity:1;background:#eaf9e9;border-color:#73ba7b}.source-object small{font-size:.85rem}.scene-focus{outline:4px solid #e6b620;outline-offset:3px}.light-controls{display:flex;flex-direction:column;gap:12px;margin:18px 0}.region-controls,.tool-choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tool-choices button{display:flex;flex-direction:column;gap:7px;align-items:center}.tool-choices .light-art{width:56px;height:56px}.light-controls button[aria-pressed=true]{background:#dff1ff;border-color:#277bbb;color:#173d65}.light-state{font-weight:750;color:#284d71;text-align:center;line-height:1.6}.light-controls p{margin:0;text-align:center}.answer-buttons button{white-space:normal}
.light-room{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:linear-gradient(#17223e,#27385c);border:4px solid #80bde6;border-radius:24px;padding:16px;min-height:290px;overflow:hidden;isolation:isolate}.room-region{position:relative;min-height:245px;border:1px solid #607497;border-radius:15px;background:#18233b;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px 10px 20px;color:#f2f7ff;min-width:0}.room-region.illuminated,.room-bright .room-region{background:radial-gradient(ellipse at 50% 30%,#fff4ad,#ffe8a2 50%,#c8c5ab);color:#203856;border-color:#e4c765}.room-region-name{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:.85rem;font-weight:700}.room-shelf{position:absolute;bottom:18px;left:8%;width:84%;height:10px;border-radius:4px;background:#7089a7;pointer-events:none}.room-object{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;text-align:center;min-width:0}.room-object button{font-size:.85rem;padding:12px;white-space:normal}.room-object .light-art{width:78px;height:78px}.room-mystery{font-size:2rem;color:#9eaec4}.room-obstruction{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;gap:8px}.box-shadow{position:absolute;width:65%;height:95px;right:0;bottom:45px;background:#17233dd9;transform:skewY(-12deg);pointer-events:none;z-index:1}.light-room button:focus-visible{outline:4px solid #003f80;outline-offset:3px}
.shadow-scene{height:310px;position:relative;border:4px solid #85c1e8;background:linear-gradient(#243b62,#394f7b);border-radius:24px;margin:20px 0 12px;isolation:isolate;overflow:hidden;color:white}.light-beam{position:absolute;left:18%;top:15%;width:70%;height:65%;background:linear-gradient(90deg,#ffe995a6,#fff4b733);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);opacity:0;pointer-events:none}.lamp-on .light-beam{opacity:1}.shadow-lamp{position:absolute;left:3%;top:33%;width:24%;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;z-index:2}.shadow-lamp .light-art{width:80px;height:80px}.shadow-lamp span{font-size:.7rem;font-weight:800;line-height:1.3}.blocking-object{position:absolute;left:47%;top:62%;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b6e8ff,#2792dc 65%,#1760a0);border:3px solid #b9e5fb;transform:translate(-50%,-50%);z-index:2;transition:top .25s}.blocking-object.in-path{top:47%}.blocking-object.out-path{top:80%}.blocking-object span{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:.75rem;white-space:nowrap;margin-top:5px;color:#fff}.blocking-object.square-object{border-radius:5px;background:#b98755;border-color:#f1ce9b}.blocking-object.clear-plastic{background:#cff8ff44;border:3px solid #d6f8ff;box-shadow:inset 4px 0 0 #ffffff55}.shadow-screen{position:absolute;right:4%;top:10%;width:24%;height:72%;border:6px solid #809abb;border-radius:10px;background:#586780;display:flex;align-items:center;justify-content:center}.lamp-on .shadow-screen{background:#fff3b4}.shadow-screen>span{position:absolute;bottom:-26px;font-size:.75rem;font-weight:800;color:white}.projected-shadow{width:80%;aspect-ratio:1;border-radius:50%;background:#263750;opacity:0;pointer-events:none}.shadow-visible .projected-shadow{opacity:1}.projected-shadow.square-shadow{border-radius:3px}.scene-order{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:.8rem;color:#e8f3ff;font-weight:700;pointer-events:none}
@media(max-width:640px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-object{padding:12px 8px;font-size:.9rem}.source-object .light-art{width:68px;height:68px}.source-object small{font-size:.75rem}.light-room{grid-template-columns:1fr;padding:10px;gap:10px}.room-region{min-height:175px;padding-top:32px}.room-object{flex-direction:row;flex-wrap:wrap;justify-content:center}.room-object .light-art{width:64px;height:64px}.room-obstruction{flex-direction:row}.room-obstruction .light-art{width:70px;height:70px}.box-shadow{bottom:30px;width:45%;height:70px}.region-controls{display:grid;grid-template-columns:1fr;width:100%}.tool-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tool-choices button{padding:10px 5px;font-size:.75rem}.tool-choices .light-art{width:42px;height:42px}.shadow-scene{height:280px}.shadow-lamp .light-art{width:54px;height:54px}.shadow-lamp span{font-size:.6rem}.blocking-object{width:43px;height:43px}.shadow-screen{border-width:4px}.blocking-object span{font-size:.65rem}.scene-order{font-size:.7rem}.light-controls .answer-buttons{display:grid;grid-template-columns:1fr}}
@media(max-height:550px) and (min-width:641px){.light-room{min-height:230px}.room-region{min-height:200px}.shadow-scene{height:260px}}
@media(prefers-reduced-motion:reduce){.blocking-object{transition:none}}