*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Cormorant Garamond,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a1e;color:#f0e6d3;overflow:hidden}#root{width:100vw;height:100vh;height:100dvh}@media (max-height: 500px) and (orientation: landscape){.title-screen{overflow-y:auto!important}.title-buttons button{min-width:clamp(90px,20vw,140px)!important;padding:clamp(4px,1vh,8px) clamp(10px,3vw,18px)!important;font-size:clamp(11px,2.2vh,14px)!important;letter-spacing:.5px!important}.title-buttons{gap:clamp(4px,1vh,8px)!important;padding-bottom:20px}.title-logo{max-height:clamp(40px,12vh,80px)!important}.title-text{font-size:clamp(20px,5vh,32px)!important;letter-spacing:2px!important}.save-slot-title{font-size:clamp(16px,4vh,24px)!important;letter-spacing:2px!important;margin-bottom:clamp(8px,2vh,16px)!important}.save-slot-item{padding:clamp(6px,1.5vh,12px) clamp(10px,2vw,16px)!important}.save-slot-item .slot-number{font-size:clamp(12px,2.5vh,16px)!important}.save-slot-item .slot-date{font-size:clamp(10px,1.8vh,12px)!important;margin-left:8px!important}.save-slot-item .slot-stats{font-size:clamp(10px,1.8vh,12px)!important;gap:10px!important;flex-wrap:wrap!important}.cg-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.cg-gallery-header{padding:12px 16px!important}.cg-gallery-title{font-size:clamp(16px,4vh,22px)!important}.cg-gallery-scroll{padding:10px 16px 20px!important}.modal-content{min-width:unset!important;width:calc(100vw - 32px)!important;max-width:400px!important;padding:16px!important}.dialogue-box{font-size:clamp(12px,2.5vh,15px)!important;padding:clamp(8px,2vh,16px) clamp(12px,3vw,24px)!important}.dialogue-speaker{font-size:clamp(11px,2.2vh,14px)!important}.hud-btn{padding:3px 8px!important;font-size:10px!important}}@media (max-width: 768px) and (orientation: portrait){#root:before{content:"Please rotate your device to landscape mode";position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;padding:2rem;background:#0a0a1e;color:#f0e6d3;z-index:9999}}