.advice-panel{position:fixed;left:0;top:0;bottom:0;width:350px;max-width:30vw;background-color:var(--background-color);padding:20px;border-right:1px solid #ddd;display:flex;flex-direction:column;z-index:50}.advice-panel h3{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #ddd}.advice-panel ul{list-style:none;padding:0;margin:0;text-align:left}.advice-panel li{padding:12px;margin-bottom:8px;background-color:var(--background-color);border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);text-align:left}.advice-scroll-container{flex-grow:1;overflow-y:auto;padding:0 10px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.advice-scroll-container::-webkit-scrollbar{width:8px}.advice-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.advice-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.advice-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.mobile-advice-text{text-align:center;margin:.5rem 0;padding:.5rem;font-size:clamp(.8rem,2vmin,.95rem);line-height:1.3;background-color:rgba(255,255,255,.2);border-radius:8px}.mobile-advice-text i{font-style:italic}.mobile-author{margin-top:5px;font-weight:500;text-align:right}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:1050;display:none}.overlay.open{display:block}.author-image-container{position:fixed;right:0;top:0;bottom:0;width:350px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color);overflow-y:auto;text-align:center;box-sizing:border-box;z-index:10}.author-image{width:auto;max-height:35vh!important;max-width:300px;border-radius:8px;object-fit:contain;margin:0;padding:0;display:block}.author-image-container i{display:block;margin:0;padding:0;line-height:1.2;font-size:clamp(.875rem,2vmin,1rem)}.author-image-container br{display:none}.mobile-author-image{position:relative;width:100%;margin:10px 0;padding:0;text-align:center;max-height:15vh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.mobile-author-image img{opacity:.6;max-width:100%;height:auto;max-height:12vh;margin:0 auto;display:block;object-fit:contain}.mobile-author-image i,.mobile-author-image i+br+span{margin-top:5px;font-size:clamp(.7rem,1.8vmin,.85rem);line-height:1.2}@media (max-width:768px){.game-content{padding:10px;overflow:hidden}.game-content,.main-content{flex-direction:column;width:100%}.main-content{max-width:100%;margin:0;padding:0;display:flex}.title{margin-top:0}.subtitle,.title{margin-bottom:.25rem}.plot-section{width:100%;margin:.5rem auto;border-radius:8px;overflow:hidden}.level-description{max-height:25vh}.game-layout{width:100%;height:100vh;height:100dvh;touch-action:manipulation}.level-description,.score-text,p{padding:0 .5rem}.level-complete-screen .level-description,.level-complete-screen .score-text{width:100%;padding:5px;font-size:clamp(.75rem,2vmin,.9rem)}.level-complete-screen .plot-section{width:100%;margin:5px 0}.button-container{margin-top:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}button{padding:.3rem .8rem;margin-top:.3rem}.author-image-container{display:none}.menu-button{display:block}.advice-panel{position:fixed;top:0;left:-100%;width:100%!important;height:100vh!important;max-width:100%!important;z-index:1100;transition:left .3s ease;background:var(--background-color)!important;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.3)}.advice-panel.open{left:0}.welcome-container{padding:15px;max-width:100%}.welcome-content{max-height:70vh;font-size:clamp(.8rem,2vmin,1rem);padding:5px}.welcome-screen h1{font-size:clamp(1.2rem,3vmin,1.8rem);margin-bottom:10px}.welcome-screen .button-container{margin-top:10px}}