.playback-notice{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:32px;border:1px solid #74572d;border-radius:20px;background:#12100c;color:#fff3d6;box-shadow:0 24px 90px #0009;font-family:inherit;overflow:auto}.playback-notice::backdrop{background:#000b;backdrop-filter:blur(5px)}.playback-notice h2{font-family:Georgia,serif;font-size:clamp(26px,6vw,34px);font-weight:400;margin:12px 0 20px}.playback-notice p:not(.eyebrow){font-size:17px;line-height:1.65;margin:0 0 26px;color:#f0e2c8}.playback-notice-actions{display:grid;gap:12px}.playback-notice button{min-height:48px;padding:13px 18px;border:1px solid #d5a34f;border-radius:9px;font:600 15px/1.4 system-ui,sans-serif;cursor:pointer;background:#d5a34f;color:#15100a}.playback-notice #playback-notice-cancel{background:transparent;border-color:#665133;color:#e2d1af}.playback-notice button:focus-visible{outline:3px solid #fff3d6;outline-offset:4px}.playback-inline-notice{padding:20px;border:1px solid #74572d;border-radius:10px;line-height:1.6}@media(max-width:420px){.playback-notice{padding:24px}}@supports not selector(dialog::backdrop){.playback-notice[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:10000;box-shadow:0 0 0 100vmax #000b}}