.naga-root{touch-action:none;-webkit-user-select:none;user-select:none;background:#061430;position:fixed;inset:0;overflow:hidden}.naga-field{position:absolute;inset:0}.naga-canvas{width:100%;height:100%;display:block}.naga-hud{padding:max(8px, env(safe-area-inset-top)) 12px 10px;pointer-events:none;background:linear-gradient(#061430ee,#06143000);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.naga-hud>*{pointer-events:auto}.naga-hud>:last-child:not(.naga-progress),.naga-hud>:nth-child(3){justify-self:end}.naga-score{flex-direction:column;align-items:center;line-height:1.05;display:flex}.naga-pearl{color:#081c3b;background:radial-gradient(circle at 35% 30%,#fff,#ffe7a8 55%,#e8b85a);border-radius:999px;place-items:center;width:26px;height:26px;display:inline-grid;box-shadow:0 0 10px #ffd45e66}.naga-progress{background:#ffffff1a;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.naga-progress-fill{background:linear-gradient(90deg,#f0b429,#ff6b5e);border-radius:99px;height:100%}.naga-combo{pointer-events:none;font-family:var(--font-display);color:#081c3b;background:#ffd45e;border-radius:99px;padding:4px 12px;font-size:15px;position:absolute;top:84px;left:50%;translate:-50%;box-shadow:0 4px 14px #0006}.naga-listen{left:50%;bottom:max(14px, env(safe-area-inset-bottom));color:#081c3b;background:#ffd45e;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:800;display:flex;position:absolute;translate:-50%;box-shadow:0 5px #b77d06,0 10px 24px #0007}.naga-listen:active{translate:-50% 3px;box-shadow:0 2px #b77d06}.naga-listen:focus-visible{outline-offset:3px;outline:3px solid #fff}.naga-hint{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 58px);text-align:center;width:max-content;max-width:calc(100% - 32px);color:var(--color-mist);pointer-events:none;background:#081c3bcc;border-radius:12px;padding:6px 12px;font-size:13px;position:absolute;translate:-50%}.naga-hint .mouse-only{display:none}@media (hover:hover) and (pointer:fine){.naga-hint .mouse-only{display:inline}.naga-hint .touch-only{display:none}}.naga-chip{color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:112px;padding:10px 12px;display:flex}.naga-chip-ok{background:#1f7a4d55;border:2px solid #3ddc84}.naga-chip-bad{background:#c8232a44;border:2px solid #ff4d4f}.naga-title{background-color:#050f24;background-position:70% 0;background-repeat:no-repeat;background-size:max(100%,900px);position:fixed;inset:0;overflow-y:auto}.naga-stage{text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:transform .15s,background .15s;display:grid}.naga-stage:hover{background:#ffffff1a;transform:translateY(-2px)}.naga-stage:focus-visible{outline-offset:2px;outline:3px solid #ffd45e}