html,body{width:100%;height:100%;overflow:hidden;background:#061522}.shell{position:fixed;inset:0;padding:0!important;max-width:none!important;margin:0}.shell>.top,.shell>.progress,.shell>p,.shell>.foot{display:none!important}.game-area{position:absolute;inset:0;min-height:0!important}#gameFrame{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;border-radius:0}.loading{position:fixed;inset:0;z-index:3;align-items:center;flex-direction:column;gap:20px;padding:24px;font-size:clamp(20px,3vw,40px);background:#071c2fee;backdrop-filter:blur(12px);text-align:center}.game-menu{position:fixed;right:16px;top:12px;z-index:4;background:#09253cdd;font-size:16px;min-height:44px}.modal{z-index:7}.attract{z-index:6;min-height:0}.card{width:min(980px,95vw);max-height:92dvh;padding:clamp(20px,3vw,42px)}#menuOptions .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;gap:12px}#menuOptions button,#resumeGame{min-height:48px;font-size:18px}.volume-control{justify-content:center}.name-card{max-width:620px}.card h2{font-size:clamp(28px,3vw,48px)}.card p,.card label{font-size:18px}.scroll{max-height:50vh}.animated-cast{height:clamp(140px,30vh,390px)}@media(max-height:650px){.attract{padding:12px}.attract h2{font-size:42px}.event-theme{font-size:14px;margin:8px auto}.animated-cast{height:23vh}.start-note{font-size:12px;margin:8px}.enter-button{font-size:20px;padding:10px 24px}.event-logo{width:100px;top:12px;left:12px}}@media(max-width:600px){.game-menu{right:8px;top:8px;font-size:13px;padding:8px}.card{padding:20px}.card p{font-size:16px}#menuOptions .tools{grid-template-columns:1fr}}
