:root{--fantasy-bg-deep: #1a0f2e;--fantasy-bg-panel: #2a1a3d;--fantasy-bg-panel-light: #3d2858;--fantasy-gold: #f0c14b;--fantasy-gold-dark: #b8860b;--fantasy-gold-light: #ffe08a;--fantasy-stone: #6b5b4f;--fantasy-stone-dark: #3e342c;--fantasy-stone-light: #9a8575;--fantasy-hp: #e63946;--fantasy-hp-dark: #9b1c2c;--fantasy-mana: #4cc9f0;--fantasy-magic: #9d4edd;--fantasy-grass: #4a7c3f;--fantasy-grass-dark: #2d5016;--fantasy-sky-top: #2b1d4e;--fantasy-sky-mid: #5c3d7a;--fantasy-sky-bottom: #d4845a;--fantasy-text: #f5e6d3;--fantasy-text-muted: #b8a99a;--fantasy-border: #8b6914;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Fredoka", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#0d0818;color:var(--fantasy-text);overscroll-behavior:none}.game-viewport{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.app{display:flex;flex-direction:column;width:min(100vw,50dvh);height:min(100dvh,200vw);max-width:1200px;max-height:2400px;aspect-ratio:1 / 2;margin:0 auto;background:var(--fantasy-bg-deep);box-shadow:0 0 0 2px var(--fantasy-border),0 0 40px #9d4edd26;overflow:hidden;position:relative}.combat-section{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.main-section{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.main-section>*{pointer-events:auto}.scroll-touch{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (min-width: 600px){body{background:radial-gradient(ellipse at 50% 0%,rgba(157,78,221,.12) 0%,transparent 50%),linear-gradient(160deg,#0d0818,#1a1030,#0d0818)}.app{border-radius:16px}}