*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark}body{min-height:100dvh;background:#06060f;color:#e0dff0}nav{display:flex;gap:1.5rem;padding:.6rem 1.2rem;background:#0d0d1e;border-bottom:1px solid #2a2a50}nav a{color:#98c;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.04em;transition:color .15s}nav a:hover,nav a.active{color:#c8f}#app{max-width:80ch;margin-inline:auto;padding:2rem}.game-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;background:#06060f;min-height:calc(100dvh - 3rem);gap:1rem}.game-canvas-wrapper{width:100%;max-width:640px;aspect-ratio:640 / 520;position:relative;box-shadow:0 0 32px #3cd2d259,0 0 0 2px #2a3a3f}.game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:none}.mobile-controls{display:none;align-items:center;justify-content:space-between;width:100%;max-width:360px;padding:0 1rem;user-select:none;touch-action:none;-webkit-user-select:none}@media(pointer:coarse){.mobile-controls{display:flex}}.dpad{display:grid;grid-template-columns:52px 52px 52px;grid-template-rows:52px 52px;gap:4px}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-center{grid-column:2;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.dpad{grid-template-rows:52px 52px 52px}.dpad button,.dpad-center{width:52px;height:52px;background:#3c828c33;border:2px solid rgba(90,180,190,.4);border-radius:8px;color:#c8f0f5e6;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;transition:background .08s}.dpad-center{background:transparent;border:none}.dpad button:active{background:#5ab4be80;border-color:#82dce6cc}.attack-btn{width:80px;height:80px;background:#ff7a1a38;border:2px solid rgba(255,150,60,.55);border-radius:50%;color:#ffd2aae6;font-size:13px;font-weight:700;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;transition:background .08s;font-family:monospace}.attack-btn:active{background:#ff963c80;border-color:#ffb464e6}