.rotating-image-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.image-container{flex-shrink:0;position:relative}#rotatableImage{backface-visibility:hidden;display:block;height:auto;max-width:100%;transform-origin:center center;transform-style:preserve-3d;will-change:transform}.rotate-btn{border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;font-size:20px;padding:6px 10px;position:absolute;top:8px;z-index:2}.rotate-btn.top-left{left:8px}.rotate-btn.top-right{right:8px}.image-container.swipe-glow img{box-shadow:0 0 12px;transition:box-shadow .3s ease-in-out}.rotation-debug{background:rgba(0,0,0,.6);border-radius:4px;bottom:8px;color:#fff;font-family:monospace;font-size:14px;padding:4px 8px;pointer-events:none;position:absolute;right:8px;z-index:1}.rotation-debug.hidden{display:none}.overlay-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:3}.overlay-image{display:block;height:auto}.triangle-overlay{background:#6ea4bf;pointer-events:none;position:absolute;right:0;top:50%;transform:translate(2px,-50%);z-index:3}.problem-text-wrapper{display:flex;flex:1;flex-direction:column;justify-content:center;z-index:5}.problem-row{align-items:center;display:flex}.problem-detail,.problem-title{color:#111;display:inline-block;font-size:1.2rem;vertical-align:middle}@media (max-width:768px){.rotating-image-wrapper{flex-direction:column;gap:12px}#rotatableImage{height:auto;max-width:90vw}.rotate-btn{font-size:18px;padding:8px 12px}.problem-row{align-items:flex-start;flex-direction:column}}