.cinematic-quality{width:max-content;max-width:100%;color:var(--apu-ink,#21452c);font:600 14px/1.2 var(--apu-font,"Fredoka", "Trebuchet MS", sans-serif);pointer-events:auto;position:relative}.cinematic-quality button{box-sizing:border-box;border:2.5px solid var(--apu-ink,#21452c);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;margin:0}.cinematic-quality-trigger{background:var(--apu-cream,#fff4cd);box-shadow:0 3px 0 var(--apu-ink,#21452c), 0 8px 18px #0000004d;opacity:.9;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:transform .12s,box-shadow .12s,opacity .15s,filter .12s;display:flex}.cinematic-quality-trigger>span{white-space:nowrap;font-variant-numeric:tabular-nums}.cinematic-quality-trigger[aria-expanded=true]{opacity:1;background:var(--apu-leaf,#bfe95d)}.cinematic-quality-options{z-index:12;box-sizing:border-box;border:3px solid var(--apu-ink,#21452c);background:var(--apu-card,#fff8dc);width:180px;box-shadow:0 4px 0 var(--apu-ink,#21452c), 0 14px 26px #10301c38, inset 0 -3px 0 var(--apu-card-edge,#f3e2a6);border-radius:18px 20px 17px 19px;padding:6px;animation:.15s ease-out both cinematic-quality-enter;position:absolute;bottom:calc(100% + 10px);left:0}.cinematic-quality-down .cinematic-quality-options,.apu-world-cinematic-quality .cinematic-quality-options{inset:calc(100% + 10px) 0 auto auto}.cinematic-quality-options button{text-align:left;font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 12px;display:flex}.cinematic-quality-options button+button{margin-top:2px}.cinematic-quality-options button[aria-checked=true]{border-color:var(--apu-ink,#21452c);background:var(--apu-leaf,#bfe95d);color:var(--apu-ink,#21452c);box-shadow:0 2px 0 var(--apu-ink,#21452c)}.cinematic-quality .cinematic-quality-trigger:not(:disabled):hover{opacity:1;filter:brightness(1.04)}.cinematic-quality .cinematic-quality-trigger:not(:disabled):active{box-shadow:0 1px 0 var(--apu-ink,#21452c), 0 4px 10px #0000004d;transform:translateY(2px)}.cinematic-quality .cinematic-quality-options button:not(:disabled):hover{filter:none}.cinematic-quality .cinematic-quality-options button:not(:disabled):active{transform:translateY(1px)}.cinematic-quality .cinematic-quality-trigger:focus-visible{opacity:1;outline:3px solid var(--apu-ink,#21452c);outline-offset:3px;box-shadow:0 3px 0 var(--apu-ink,#21452c), 0 0 0 3px var(--apu-cream,#fff4cd)}.cinematic-quality .cinematic-quality-options button:focus-visible{outline:3px solid var(--apu-ink,#21452c);outline-offset:1px}@media (hover:hover){.cinematic-quality .cinematic-quality-options button:not([aria-checked=true]):hover{background-color:#21452c14}}@keyframes cinematic-quality-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cinematic-quality-options{animation:none}.cinematic-quality-trigger{transition:none}}:where(.reduce-motion) .cinematic-quality-options{animation:none}:where(.reduce-motion) .cinematic-quality-trigger{transition:none}