.kf-narrator{background:linear-gradient(0deg, var(--leather), var(--leather-2)), var(--noise);border-top:2px solid var(--gold);color:var(--on-leather);grid-area:player;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.kf-narrator.floating{z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:2px solid var(--gold);border-radius:var(--radius-md);max-width:460px;margin:0 auto;position:fixed;box-shadow:0 10px 24px #00000080}.kf-narrator button{width:var(--touch-min);height:var(--touch-min);cursor:pointer;color:var(--on-accent);border:0;border-radius:50%;place-items:center;display:grid}.kf-narrator .pp{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--red) 75%, #fff), var(--red-deep));box-shadow:0 0 0 2px var(--gold)}.kf-narrator .x{color:var(--gold-light);background:0 0}.kf-narrator .kf-ic{fill:currentColor}.kf-narrator .what{min-width:0;color:inherit;gap:3px;text-decoration:none;display:grid}.kf-narrator small{font:700 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--on-leather) 70%, transparent)}.kf-narrator b{font:400 15px var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kf-narrator .bar{background:#00000059;border-radius:2px;height:4px;overflow:hidden}@container game (width>=900px){.kf-narrator:not(.floating){padding-inline:max(16px,50% - 360px)}}.kf-narrator .bar i{background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;display:block}