:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f1e3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0f0b17;--panel:#1c142bf0;--panel-strong:#241837;--panel-border:#7f5af0;--text:#f7f1e3;--muted:#c9c2dd;--accent:#ef4565;--accent-2:#ffd166;--shadow:0 18px 42px #00000057;background:radial-gradient(circle at top,#2d1f47 0%,#171122 45%,#0e0b14 100%);font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit}button{font:inherit}body,button{font-family:Inter,system-ui,sans-serif}#app{min-height:100svh}.game-shell{box-sizing:border-box;flex-direction:column;gap:8px;max-width:560px;height:100svh;min-height:100svh;margin:0 auto;padding:6px 6px 10px;display:flex}.game-shell__topbar-wrap{flex:none}.game-shell__frame{min-width:0;min-height:0;box-shadow:var(--shadow);border:2px solid #ffffff14;border-radius:16px;flex:auto;justify-content:center;align-items:stretch;display:flex;position:relative;overflow:hidden}.game-shell__canvas{flex:auto;min-width:0;min-height:0}.game-shell__canvas canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.game-shell__character-switch,.game-shell__hearts-overlay{z-index:6;position:absolute;top:14px}.game-shell__character-switch{color:var(--text);background:#191324bd;border:0;border-radius:16px;padding:12px 16px;left:14px}.game-shell__hearts-overlay{pointer-events:none;background:#191324bd;border-radius:16px;gap:6px;padding:10px 12px;display:flex;right:14px}.game-shell__heart{object-fit:contain;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;image-rendering:pixelated;filter:drop-shadow(0 2px #00000073);display:block}.pixel-panel{border:3px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow)}.hud-bar{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.hud-bar__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin:0 0 4px;font-size:.62rem}.hud-bar h1{margin:0;font-size:1.05rem}.hud-bar__subtext{color:var(--muted);margin:4px 0 0;font-size:.74rem}.hud-bar__switcher{gap:8px;margin-top:10px;display:flex}.hud-bar__switch-button{color:var(--text);background:#7f5af02e;border:2px solid #ffffff29;border-radius:999px;padding:6px 10px}.hud-bar__attack-state{color:var(--accent-2);margin:8px 0 0;font-size:.78rem}.hud-bar__mariachi-state{color:#7df9c1;margin:8px 0 0;font-size:.8rem}.hud-bar__meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hud-bar__badge{text-align:center;color:#ffd7df;background:#ef456533;border-radius:10px;min-width:42px;padding:6px 8px;font-weight:700}.hud-bar__count{color:var(--muted);margin:0;font-size:.72rem}.touch-controls{z-index:5;padding:0 2px max(12px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-controls__dpad,.touch-controls__button{pointer-events:auto;color:var(--text)}.touch-controls__dpad{touch-action:none;background:#191324bd;border-radius:24px;width:138px;height:138px;position:relative}.touch-controls__dpad-button,.touch-controls__dpad-core{font:inherit;border:0;position:absolute}.touch-controls__dpad-button{color:#f7f1e3;background:#3a2b56;border-radius:10px;width:44px;height:44px;box-shadow:inset 0 -3px #00000040}.touch-controls__dpad-button--up{top:12px;left:47px}.touch-controls__dpad-button--left{top:47px;left:12px}.touch-controls__dpad-button--right{top:47px;right:12px}.touch-controls__dpad-button--down{bottom:12px;left:47px}.touch-controls__dpad-core{background:#241837;border-radius:10px;width:44px;height:44px;top:47px;left:47px}.touch-controls__actions{align-items:flex-end;gap:10px;display:flex}.touch-controls__button{touch-action:manipulation;border:3px solid #ffd7df;border-radius:999px;min-width:72px;min-height:72px;padding:18px 16px;font-weight:700}.touch-controls__button--primary{background:#ef4565eb;min-width:128px;min-height:72px;padding:16px 18px;transform:translateY(-24px)}.touch-controls__button--secondary{background:#7f5af0eb}.touch-controls__button--active{box-shadow:0 0 0 3px #58d85473}.touch-controls__button:disabled{opacity:.45;background:#504368d9;border-color:#fff3}.intro-overlay,.project-overlay{z-index:10;padding:8px 0 max(8px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.intro-overlay{z-index:11}.intro-overlay__scrim,.project-overlay__scrim{background:#07060ab8;position:absolute;inset:0}.intro-overlay__panel,.project-overlay__panel{z-index:1;-webkit-overflow-scrolling:touch;border-radius:24px 24px 16px 16px;width:min(100%,480px);max-height:85svh;margin:0 12px;padding:20px 18px 24px;position:relative;overflow-y:auto}.intro-overlay__kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);margin:0 0 8px;font-size:.72rem}.intro-overlay h2{margin:0 0 12px;font-size:1.7rem}.intro-overlay__list{color:var(--muted);margin:0;padding-left:18px}.intro-overlay__list li+li{margin-top:10px}.intro-overlay__button{background:var(--accent);color:#fff;border:0;border-radius:14px;margin-top:22px;padding:14px 16px;font-weight:700;text-decoration:none;display:inline-flex}.project-overlay__close{color:var(--accent-2);background:0 0;border:0;margin-bottom:14px;padding:0;font-weight:700}.project-overlay__kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);margin:0 0 8px;font-size:.72rem}.project-overlay h2{margin:0 0 8px;font-size:1.8rem}.project-overlay__summary,.project-overlay__description{color:var(--muted);margin:0}.project-overlay__description{margin-top:12px}.project-overlay__media{border-radius:18px;margin-top:18px;padding:10px;overflow:hidden}.project-overlay__image{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.project-overlay__media-inner{aspect-ratio:1;min-height:min(100vw - 68px,460px);color:var(--muted);text-align:center;border:2px dashed #ffffff2e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.project-overlay__media-inner small{color:#f3d9ff}.project-overlay__section{margin-top:18px}.project-overlay__section h3{margin:0 0 10px;font-size:.95rem}.project-overlay__chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-overlay__chips li{color:#eee7ff;background:#7f5af033;border:1px solid #7f5af080;border-radius:999px;padding:8px 10px}.project-overlay__link{background:var(--accent);color:#fff;border-radius:14px;margin-top:22px;padding:14px 16px;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=420px){.game-shell{padding-inline:4px}.touch-controls{padding-inline:2px}.touch-controls__dpad{width:118px;height:118px}.touch-controls__dpad-button--up,.touch-controls__dpad-button--down{left:35px}.touch-controls__dpad-button--up{top:5px}.touch-controls__dpad-button--down{bottom:5px}.touch-controls__dpad-button--left{top:35px;left:5px}.touch-controls__dpad-button--right{top:35px;right:5px}.touch-controls__dpad-core{top:35px;left:35px}.touch-controls__button--primary{min-width:112px;min-height:68px;padding:14px 16px}}