html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#080614}*{box-sizing:border-box}#game-root{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(68,41,111,.28),transparent 34%),#080614}#game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;outline:1px solid rgba(255,232,148,.2);box-shadow:0 0 28px #0000008c;background:#10142d}#mobile-controls,#orientation-hint{display:none}@media(hover:none)and (pointer:coarse),(max-width:900px)and (max-height:520px){#mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease}body.game-is-playing #mobile-controls{opacity:1;visibility:visible}.mobile-dpad{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:132px;height:132px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:3px;pointer-events:none}.mobile-control,.mobile-skill{border:2px solid rgba(255,226,142,.82);color:#fff1b3;background:#261839b3;box-shadow:0 2px #090512b8,inset 0 0 8px #ffda741f;font-family:Songti SC,KaiTi,serif;font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.mobile-control{width:42px;height:42px;padding:0;border-radius:12px;font-size:17px}.mobile-up{grid-column:2;grid-row:1}.mobile-left{grid-column:1;grid-row:2}.mobile-right{grid-column:3;grid-row:2}.mobile-down{grid-column:2;grid-row:3}.mobile-skill{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:66px;height:66px;padding:0;border-radius:50%;font-size:15px;background:#743828c2}.mobile-control.is-pressed,.mobile-skill.is-pressed{transform:translateY(2px) scale(.96);color:#fff;background:#bc6f30e0;box-shadow:inset 0 0 10px #ffefb152}}@media(hover:none)and (pointer:coarse)and (orientation:portrait),(max-width:600px)and (orientation:portrait){#mobile-controls{display:none!important}#orientation-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff1b3;text-align:center;background:#080614f0;font-family:Songti SC,KaiTi,serif}#orientation-hint strong{font-size:23px}#orientation-hint span:last-child{color:#d8cce9;font-size:13px}.orientation-phone{display:block;font-size:52px;line-height:1;transform:rotate(90deg);color:#f3cb72}}