.narrative-player{color:#f2ead8;background:#101d1a;border:1px solid #766339;border-radius:12px;max-width:850px;margin:1rem auto;padding:1.1rem;font:15px/1.5 system-ui,sans-serif}.narrative-title{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1rem;display:flex}.narrative-title span{color:#d0bb82;font-size:.75rem}.narrative-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.narrative-player button,.narrative-player select{color:#f9edcf;font:inherit;cursor:pointer;background:#203b32;border:1px solid #8c7b4b;border-radius:6px;padding:.55rem .75rem}.narrative-player button:disabled{opacity:.4;cursor:default}.narrative-player button:focus-visible,.narrative-player select:focus-visible,.narrative-player input:focus-visible{outline-offset:3px;outline:3px solid #a6d6c1}.narrative-scrub{font-variant-numeric:tabular-nums;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.narrative-scrub span{white-space:nowrap;font-size:.8rem}.narrative-scrub input{accent-color:#c9ac67;width:100%}.narrative-options{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:.8rem;display:flex}.narrative-options label{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.narrative-options select{max-width:100%;font-size:.85rem}.narrative-message{color:#c5c8b9;margin:.8rem 0 0;font-size:.8rem}.narrative-player audio{display:none}@media (max-width:480px){.narrative-player{padding:.8rem}.narrative-controls{gap:.3rem}.narrative-player button{padding:.55rem .6rem}.narrative-options{grid-template-columns:1fr;display:grid}.narrative-options label{justify-content:space-between}}.narrative-player{box-sizing:border-box;width:min(100%,850px);padding:.65rem .85rem}.narrative-title{margin-bottom:.4rem}.narrative-scrub,.narrative-options{margin-top:.45rem}.narrative-message{margin-top:.4rem}.narrative-options label:first-child{flex:1;min-width:0}.narrative-options select{min-width:0}.narrative-title strong{font-size:.9rem}