@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap";:root{--neon-blue:#00f3ff;--neon-purple:#bc13fe;--bg-dark:#020205}*{box-sizing:border-box;cursor:crosshair;margin:0;padding:0}html{overscroll-behavior:none;height:100%}body{overscroll-behavior:none;background-color:var(--bg-dark);color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;width:100vw;height:100dvh;font-family:Outfit,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas{z-index:1;position:absolute;top:0;left:0;width:100%!important;height:100%!important}#ui-root{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2.5rem;display:flex;position:absolute;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;text-transform:uppercase;background:#000c;border:1px solid #00f3ff33;border-radius:4px;padding:1.2rem}.stat-label{letter-spacing:3px;color:var(--neon-blue);margin-bottom:.4rem;font-size:.65rem}.stat-value{font-size:1.8rem;font-weight:700}.hud-bottom{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.ability-bar{gap:1.5rem;padding:1rem 2rem;display:flex}.ability-icon{background:#ffffff08;border:1px solid #00f3ff4d;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.key-hint{opacity:.6;margin-top:4px;font-size:.6rem}#ui-root:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:none) and (pointer:coarse) and (orientation:portrait){body{width:var(--lvh,100vh);height:var(--lvw,100vw);transform-origin:0 0;transform:rotate(90deg) translateY(calc(-1 * var(--lvw,100vw)));position:fixed;top:0;left:0}}