/* Playback controls only. The approved general website controls are unchanged. */
:root{--player-space:0px}
body.soundtrack-active{padding-bottom:var(--player-space)}
body.soundtrack-active dialog{max-height:calc(100dvh - var(--player-space) - 32px);margin-top:16px;margin-bottom:calc(var(--player-space) + 16px)}
#soundtrack-audio[hidden]{display:none}
.audio-console{display:grid;gap:13px;min-width:0}.audio-timeline{display:grid;grid-template-columns:38px minmax(70px,1fr) 38px;gap:12px;align-items:center}.audio-time{font:11px monospace;color:#c3d4ee;font-variant-numeric:tabular-nums}.audio-time:last-child{text-align:right}.audio-range{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:28px;margin:0;border:0;background:transparent;cursor:pointer;--fill:0%}.audio-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,#3D6DFF var(--fill),#29364b var(--fill));box-shadow:0 0 8px #3d6dff33}.audio-range::-moz-range-track{height:5px;background:#29364b;border-radius:3px}.audio-range::-moz-range-progress{height:5px;background:#3D6DFF}.audio-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:2px solid #b7d5ff;border-radius:50%;background:#5EA8FF;margin-top:-4px;box-shadow:0 0 8px #3d6dff80}.audio-range::-moz-range-thumb{width:11px;height:11px;border:2px solid #b7d5ff;border-radius:50%;background:#5EA8FF}.audio-range:disabled{opacity:.4;cursor:wait}.audio-range:focus-visible{outline:2px solid #b8d6ff;outline-offset:2px}
.audio-control-row{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.audio-transport,.audio-modes,.audio-volume,.audio-tools{display:flex;align-items:center;gap:7px;min-width:0}.media-control,.audio-console .media-control{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #5576a355;color:#e1edff;background:#172439;clip-path:none;border-radius:3px;cursor:pointer;font:12px Arial,sans-serif;text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s}.media-control svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.media-control:hover:not(:disabled){background:#25436c;border-color:#83b4ff}.media-control:focus-visible{outline:2px solid #c3dcff;outline-offset:3px}.media-control:disabled{opacity:.3;cursor:default}.media-control.is-primary{background:#3D6DFF;border-color:#80acff;color:white;width:48px;height:48px}.media-control[aria-pressed=true],.media-control.is-active{background:#244e91;border-color:#79b2ff;color:#fff}.media-control.text-control{width:auto;gap:7px;padding:10px 12px;white-space:nowrap}.audio-volume{max-width:180px}.audio-volume .audio-range{width:90px}.audio-volume-output{min-width:28px;color:#b5c7e2;font:10px monospace}.audio-secondary-row{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.audio-status{color:#b8d3f9;font-size:11px;margin:5px 0 0}.audio-status:empty{display:none}.audio-queue{margin-top:15px;border:1px solid #48678e;background:#0b1422;max-height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#557cad #0b1422}.audio-queue[hidden]{display:none}.audio-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid #3d6dff55}.audio-queue-heading h3{font:700 23px 'Agency FB',sans-serif;margin:0}.audio-queue-heading small{font-size:10px;color:#b2c6e4}.audio-queue ol{padding:0;margin:0;list-style:none}.audio-queue li button{display:flex;gap:13px;width:100%;padding:12px 18px;border:0;border-bottom:1px solid #32465f66;background:transparent;color:#d5e1f3;text-align:left;font:12px Arial,sans-serif;min-height:44px;align-items:center}.audio-queue li button[aria-current=true]{background:#203e69;color:white}.audio-queue li button:hover{background:#1a2e4a}.audio-queue .queue-position{color:#94baf0;font:10px monospace;min-width:20px}.audio-queue .queue-label{font:9px monospace;color:#b2c6e4;margin-left:auto;white-space:nowrap}
.media-dock{position:fixed;z-index:50;bottom:0;left:0;width:100%;padding:13px max(20px,calc((100vw - 1370px)/2)) calc(13px + env(safe-area-inset-bottom));border-top:1px solid #5c8ee7;background:linear-gradient(110deg,#111d2cfb,#0c111cfb 65%,#1b1930fb);box-shadow:0 -5px 40px #0009;backdrop-filter:blur(16px);display:grid;grid-template-columns:minmax(260px,.8fr) minmax(600px,2fr);gap:20px;align-items:center}.media-dock[hidden]{display:none}.dock-summary{display:flex;gap:12px;align-items:center;min-width:0}.dock-summary>img{flex-shrink:0;width:54px;height:54px;object-fit:contain;border:1px solid #7088a3}.dock-track-copy{min-width:0;flex:1;display:grid;gap:5px}.dock-track-copy small{font:8px monospace;letter-spacing:1px;color:#9db9df}.dock-track-copy strong{font-size:13px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dock-track-copy>span{font:9px monospace;color:#8fb7e9}.dock-quick-play{display:none}.dock-expanded{min-width:0}.media-dock .audio-console{gap:3px}.media-dock .audio-control-row{gap:12px;flex-wrap:nowrap}.media-dock .audio-secondary-row{display:contents}.media-dock .audio-console{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px}.media-dock .audio-timeline{grid-column:1/-1}.media-dock .audio-control-row{display:contents}.media-dock .audio-volume{grid-column:3;grid-row:2}.media-dock .audio-transport{grid-column:1;grid-row:2}.media-dock .audio-modes{grid-column:2;grid-row:2;justify-content:center}.media-dock .audio-tools{grid-column:1/-1;justify-content:flex-end;display:none}.media-dock .media-control.text-control{padding-inline:8px;font-size:10px}.media-dock.is-minimized{display:block;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.media-dock.is-minimized .dock-summary{max-width:900px;margin:auto}.media-dock.is-minimized .dock-expanded,.media-dock.is-minimized .dock-queue{display:none}.media-dock.is-minimized .dock-quick-play{display:inline-flex}.dock-queue{position:absolute;right:20px;bottom:calc(100% + 10px);width:min(580px,calc(100vw - 40px));margin:0;box-shadow:0 -10px 40px #0009}.prologue-detail-cover{float:left;width:min(180px,35%);height:auto;margin:0 24px 20px 0}.product-art-button .chapter-cover-image{width:100%;height:100%;object-fit:contain;display:block}#view-characters>.page-intro:before{background-size:contain;background-repeat:no-repeat;background-position:right center}.atlas-card:nth-child(4) img{object-fit:contain;background:#080d17}
@media(max-width:1150px) and (min-width:701px){.media-dock{grid-template-columns:minmax(200px,.7fr) minmax(480px,1.7fr);gap:15px;padding-inline:15px}.media-dock .audio-volume{display:none}.media-dock .audio-console{grid-template-columns:auto 1fr}.media-dock .audio-modes{justify-content:flex-end}.media-dock .audio-modes .media-control.text-control{font-size:9px;padding:7px}.dock-track-copy small{font-size:7px}}
@media(max-width:700px){.audio-control-row{justify-content:center;gap:13px}.audio-transport{gap:10px}.audio-secondary-row{justify-content:center;gap:8px}.audio-modes{flex-wrap:wrap;justify-content:center}.audio-volume{max-width:220px}.audio-volume .audio-range{width:105px}.media-dock{display:block;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.dock-summary{gap:10px}.dock-summary>img{width:43px;height:43px}.dock-track-copy small{font-size:7px;letter-spacing:.7px}.dock-track-copy strong{font-size:12px}.dock-track-copy>span{font-size:8px}.dock-quick-play{display:inline-flex}.dock-summary .media-control{width:44px;height:44px}.dock-expanded{padding:15px 2px 0;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.media-dock .audio-console{display:grid;grid-template-columns:1fr;gap:10px}.media-dock .audio-timeline{grid-column:auto}.media-dock .audio-control-row{display:flex;flex-direction:column}.media-dock .audio-transport,.media-dock .audio-modes,.media-dock .audio-volume{grid-column:auto;grid-row:auto}.media-dock .audio-secondary-row{display:flex;justify-content:space-between}.media-dock .audio-tools{display:flex;justify-content:center}.media-dock .audio-volume{display:flex}.media-dock .audio-modes{justify-content:center}.media-dock .media-control.text-control{font-size:11px;padding-inline:12px}.media-dock .audio-tools .media-control.text-control{font-size:10px}.media-dock.is-minimized{padding-inline:14px}.dock-queue{right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - var(--player-space) - 30px)}.audio-queue-heading{padding:12px}.audio-queue li button{padding:12px}.prologue-detail-cover{width:110px;margin-right:17px}.sample-epigraph{clear:both}}
@media(prefers-reduced-motion:reduce){.media-control{transition:none}}
@media(min-width:701px){.media-dock .audio-tools{display:flex;grid-column:3;grid-row:2}.media-dock .audio-volume{grid-column:3;grid-row:3;justify-content:flex-end}.media-dock .audio-console{grid-template-columns:auto 1fr auto}.media-dock .audio-modes{grid-column:2;grid-row:2}.media-dock .audio-transport{grid-row:2}.media-dock .audio-tools .media-control{width:38px}.media-dock .audio-volume{height:22px}.media-dock .audio-volume .media-control{height:28px;min-height:28px;width:28px;padding:5px}.media-dock .audio-volume .audio-range{height:20px}}
@media(min-width:701px) and (max-width:1150px){.media-dock .audio-volume{display:flex;grid-column:1/-1;grid-row:3;justify-content:flex-end}}
@media(min-width:701px) and (max-width:1150px){.media-dock .audio-console{column-gap:6px}.media-dock .audio-transport,.media-dock .audio-modes{gap:4px}}