.karen-root{--k-bg:#0a0810;--k-panel:#16101ed1;--k-ink:#f6e8dc;--k-muted:#b09aa8;--k-accent:#ff6b52;--k-accent-lit:#ffb27f;--k-gold:#ffd166;--k-line:#ffbe962e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 50% 40%, #17101f, var(--k-bg) 70%);color:var(--k-ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.k-stage{aspect-ratio:16/9;touch-action:none;width:min(100vw,177.778dvh);max-height:100dvh;position:relative;box-shadow:0 0 80px #000c}.k-canvas{cursor:none;width:100%;height:100%;display:block}.k-hud[hidden]{display:none}.k-hud{pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding:clamp(.6rem,1.6vw,1.1rem);display:flex;position:absolute;inset:0}.k-hud-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.k-label{letter-spacing:.18em;text-transform:uppercase;color:var(--k-muted);font-size:clamp(.5rem,1vw,.62rem)}.k-value{font-size:clamp(1rem,2.4vw,1.6rem);font-weight:600;line-height:1.05}.k-hearts{gap:.25rem;margin-top:.2rem;display:flex}.k-heart{aspect-ratio:1;background:var(--k-accent);border-radius:999px;width:clamp(.7rem,1.5vw,1rem);box-shadow:0 0 10px #ff6b5299}.k-heart[data-spent=true]{box-shadow:none;background:#ffffff1f}.k-ammo{flex-wrap:wrap;justify-content:flex-end;gap:.18rem;max-width:12rem;margin-top:.2rem;display:flex}.k-round{background:var(--k-gold);border-radius:2px;width:clamp(.18rem,.4vw,.26rem);height:clamp(.7rem,1.5vw,1rem)}.k-round[data-spent=true]{background:#ffffff21}.k-reloading{color:var(--k-accent-lit);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.6rem,1.2vw,.8rem)}.k-combo{color:var(--k-gold);letter-spacing:.06em;text-shadow:0 0 14px #ffd16680;align-self:center;font-size:clamp(.8rem,2vw,1.2rem);font-weight:700}.k-rack{pointer-events:auto;gap:.35rem;display:flex}.k-slot{appearance:none;border:1px solid var(--k-line);background:var(--k-panel);min-width:clamp(3.4rem,8vw,5.4rem);color:var(--k-muted);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.3rem .5rem;transition:border-color .12s,color .12s;display:flex}.k-slot[data-available=false]{opacity:.32;cursor:default}.k-slot[data-held=true]{border-color:var(--k-gold);color:var(--k-ink);box-shadow:0 0 14px #ffd16638}.k-slot-key{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;color:var(--k-gold);font-size:clamp(.48rem,.95vw,.58rem)}.k-slot-name{white-space:nowrap;font-size:clamp(.55rem,1.15vw,.72rem);font-weight:600}.k-slot-count{font-variant-numeric:tabular-nums;font-size:clamp(.5rem,1vw,.62rem)}.k-overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#08060cc7;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:2rem;display:flex;position:absolute;inset:0}.k-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--k-muted);font-size:clamp(.55rem,1.1vw,.68rem)}.k-unlock{border:1px solid var(--k-line);background:var(--k-panel);border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem 1.6rem;display:flex}.k-unlock strong{color:var(--k-gold);font-size:clamp(.95rem,2.2vw,1.3rem)}.k-title{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6.5vw,4.2rem);line-height:.95}.k-title-hero{font-size:clamp(1.8rem,5.2vw,3.4rem)}.k-title em{color:var(--k-accent);font-style:italic}.k-sub{max-width:34rem;color:var(--k-muted);margin:0;font-size:clamp(.78rem,1.7vw,.98rem);line-height:1.6}.k-keys{color:var(--k-muted);flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:clamp(.66rem,1.4vw,.8rem);display:flex}.k-keys kbd{font-family:var(--font-geist-mono), monospace;border:1px solid var(--k-line);color:var(--k-ink);background:#ffffff14;border-radius:4px;margin-right:.35rem;padding:.1rem .35rem}.k-button{pointer-events:auto;appearance:none;border:1px solid var(--k-accent);color:var(--k-ink);letter-spacing:.06em;cursor:pointer;background:#ff6b5224;border-radius:999px;padding:.62rem 1.7rem;font-size:clamp(.78rem,1.7vw,.95rem);font-weight:600;transition:background .15s,transform .15s}.k-button:hover{background:#ff6b5247;transform:translateY(-1px)}.k-stats{gap:clamp(1rem,4vw,2.6rem);margin-top:.4rem;display:flex}.k-stat{flex-direction:column;gap:.2rem;display:flex}.k-grace{color:var(--k-gold);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.6rem,1.3vw,.75rem)}.k-controls{pointer-events:auto;align-items:center;gap:clamp(.5rem,2vw,1.1rem);display:flex}.k-touch{appearance:none;border:1px solid var(--k-line);background:var(--k-panel);color:var(--k-ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:clamp(.6rem,1.3vw,.75rem)}.k-touch:active{background:#ffd16633}.k-pause{pointer-events:auto;appearance:none;color:var(--k-muted);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.2rem .4rem;font-size:clamp(.6rem,1.2vw,.72rem)}.k-pause:hover{color:var(--k-ink)}.k-exit{color:var(--k-muted);text-underline-offset:3px;font-size:clamp(.66rem,1.3vw,.78rem);text-decoration:underline}.k-rotate{display:none}@media (max-width:780px){.k-slot{min-width:0;padding:.3rem .45rem}.k-slot-name{display:none}.k-slot-key{font-size:.7rem}.k-exit{display:none}}@media (orientation:portrait) and (max-height:560px),(orientation:portrait) and (max-width:560px){.k-rotate{text-align:center;background:var(--k-bg);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem;display:flex;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.k-button,.k-slot{transition:none}}.k-overlay-top{z-index:4}.k-setting{border:1px solid var(--k-line);background:var(--k-panel);border-radius:12px;align-items:center;gap:.9rem;padding:1rem 1.4rem;display:flex}.k-bars{line-height:0;display:block;position:relative}.k-bars-row{gap:5px;display:flex}.k-bar{background:var(--k-line);border-radius:3px;width:12px;height:30px;transition:background-color .15s,box-shadow .15s}.k-bar[data-on=true]{background:var(--k-accent);box-shadow:0 0 10px -2px var(--k-accent)}.k-bars input[type=range]{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 12px);margin:0;position:absolute;inset:-6px -4px}.k-bars input[type=range]:focus-visible+.k-bars-row{outline:2px solid var(--k-gold);outline-offset:5px;border-radius:4px}.k-bars:has(input:focus-visible) .k-bars-row{outline:2px solid var(--k-gold);outline-offset:5px;border-radius:4px}.k-bars-value{text-align:left;min-width:2.4rem;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--k-gold);font-size:.95rem}.k-quiet{color:var(--k-muted);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:.2rem .4rem;font-size:.85rem;text-decoration:underline}.k-quiet:hover{color:var(--k-ink)}@media (max-width:620px){.k-bar{width:9px;height:24px}}