/* The shared AMGINE player palette and geometry. */
.amgine-player{--media-navy:#050f3e;--media-blue:#0071ce;--media-cyan:#6fd2ed;position:relative;isolation:isolate;width:100%;min-width:0;overflow:visible;background:#050b20;border:1px solid #31516d;border-radius:14px;box-shadow:0 20px 60px #0002;color:#f3f7ff;line-height:1.4}
.amgine-player>video{display:block!important;width:100%!important;height:auto;max-height:72vh;object-fit:contain;background:#050b20;border:0!important;border-radius:13px 13px 0 0!important;box-shadow:none!important;margin:0!important}
.media-controls{position:relative;background:linear-gradient(135deg,#0e2341,#050f3e);padding:0 17px 7px;border-radius:0 0 13px 13px;color:#e9f5ff;z-index:2}
.media-control-row{display:flex;align-items:center;gap:14px;min-height:50px}.media-button{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;position:relative;background:transparent;border:1px solid transparent;border-radius:50%;color:#d7ecfa;padding:10px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.media-button:hover,.media-button:focus-visible{background:#0071ce35;color:#6fd2ed;border-color:#6fd2ed99;box-shadow:0 0 18px #0071ce33;outline:0}.media-icon{display:flex;width:20px;height:20px}.media-icon svg{width:100%;height:100%}.media-play svg path:first-child{stroke-width:1.7}.media-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);background:#050f3e;border:1px solid #517c9f;color:#c4f2ff;font-size:11px;font-weight:500;letter-spacing:.015em;padding:7px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 8px 25px #0005;z-index:6}.media-button:hover .media-tooltip,.media-button:focus-visible .media-tooltip{opacity:1;transform:translateX(-50%)}.media-play .media-tooltip{left:0;transform:translateY(4px)}.media-play:hover .media-tooltip,.media-play:focus-visible .media-tooltip{transform:none}.media-fullscreen .media-tooltip{left:auto;right:0;transform:translateY(4px)}.media-fullscreen:hover .media-tooltip,.media-fullscreen:focus-visible .media-tooltip{transform:none}
.media-clock{display:flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;color:#b7cde1}.media-time-divider{color:#5e83a1}.media-elapsed{color:#e6f7ff}.media-volume-group{display:flex;align-items:center;gap:5px;margin-left:auto}
.media-timeline{position:relative;height:24px;display:flex;align-items:center;cursor:pointer}.media-buffer{position:absolute;left:0;top:10px;height:4px;background:#4e7290;border-radius:3px;max-width:100%;pointer-events:none}.amgine-player input[type=range]{appearance:none;-webkit-appearance:none;outline:none;border:0;border-radius:20px;margin:0;padding:0;height:4px;background:linear-gradient(90deg,#0071ce 0%,#6fd2ed var(--progress,0%),#345372 var(--progress,0%),#345372 100%);cursor:pointer;box-shadow:none}
.amgine-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#6fd2ed;border:2px solid #d5f7ff;border-radius:50%;box-shadow:0 0 10px #0071ce55;transition:box-shadow .15s}.amgine-player input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#6fd2ed;border:2px solid #d5f7ff;border-radius:50%}.amgine-player input[type=range]:hover::-webkit-slider-thumb,.amgine-player input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #6fd2ed22,0 0 18px #0071ce88}.amgine-player input[type=range]:focus-visible{outline:2px solid #6fd2ed;outline-offset:7px}.amgine-player .media-seek{width:100%;position:relative;z-index:1}.amgine-player input:disabled{opacity:.5;cursor:default}.amgine-player .media-volume{width:64px}
.media-scrub-time{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);padding:6px 9px;color:#d0f5ff;background:#050f3e;border:1px solid #579ac0;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;z-index:5;box-shadow:0 5px 20px #0004}.media-timeline:hover .media-scrub-time,.media-timeline:focus-within .media-scrub-time{opacity:1}.media-notice{position:absolute;left:18px;top:18px;max-width:calc(100% - 36px);background:#050f3eed;color:#c0ecff;border-radius:8px;font-size:12px;padding:8px 12px;pointer-events:none}.media-notice:empty{display:none}
.amgine-player:fullscreen,.amgine-player.media-expanded{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#050b20;border:0;border-radius:0}.amgine-player.media-expanded{position:fixed;inset:0;z-index:10000}.amgine-player:fullscreen>video,.amgine-player.media-expanded>video{width:100%!important;flex:1;min-height:0;height:calc(100% - 82px);max-height:none;object-fit:contain;border-radius:0!important}.amgine-player:fullscreen .media-controls,.amgine-player.media-expanded .media-controls{flex-shrink:0;border-radius:0;padding:0 max(20px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
#video-dialog,#story-modal{overflow:visible;max-height:94dvh}#video-dialog .amgine-player,#story-modal .amgine-player{border-radius:0 0 14px 14px;border:0}#video-dialog .amgine-player>video,#story-modal .amgine-player>video{max-height:calc(90dvh - 135px);border-radius:0!important}.image-dialog-head button,#close-video{border-radius:50%;background:#102c47;color:#c6edff;border:1px solid #355b7c;transition:.2s}.image-dialog-head button:hover,#close-video:hover{background:#0071ce44;color:#6fd2ed;border-color:#6fd2ed}
.story .amgine-preview,.spotlight-main .amgine-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;pointer-events:none;border:0;max-height:none}.story:after,.spotlight-main:after{pointer-events:none}.story .play-circle,.spotlight-main .play-circle{background:#050f3ed9;border:1px solid #6fd2ed99;color:#c7f3ff;backdrop-filter:blur(9px);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.story:hover .play-circle,.story:focus-visible .play-circle,.spotlight-main:hover .play-circle,.spotlight-main:focus-visible .play-circle{background:#0071cebb;border-color:#6fd2ed;box-shadow:0 0 32px #0071ce66;color:#fff;transform:scale(1.08)}.story-info{z-index:2}.media-controls button:focus-visible{outline:2px solid #6fd2ed;outline-offset:3px}
@media(max-width:760px){.media-controls{padding:0 10px 6px}.media-control-row{gap:5px;min-height:49px}.media-button{width:44px;height:44px;padding:12px}.media-clock{font-size:11px;gap:4px}.amgine-player .media-volume{width:45px}.media-volume-group{gap:2px}.media-timeline{height:28px}.media-buffer{top:12px}.media-tooltip{font-size:10px}.amgine-player{border-radius:11px}.amgine-player>video{border-radius:10px 10px 0 0!important}.media-controls{border-radius:0 0 10px 10px}.amgine-player input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.amgine-player input[type=range]::-moz-range-thumb{width:12px;height:12px}}
@media(hover:none){.media-tooltip{display:none}.media-timeline:hover .media-scrub-time{opacity:0}.media-timeline:focus-within .media-scrub-time{opacity:1}}
@media(prefers-reduced-motion:reduce){.media-button,.media-tooltip,.play-circle{transition:none!important}}
/* The full slider row is a touch target; only the visible track is thin. */
.amgine-player input[type=range]{height:28px;background:transparent;border-radius:0}.amgine-player input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#0071ce 0%,#6fd2ed var(--progress,0%),#345372 var(--progress,0%),#345372 100%)}.amgine-player input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#0071ce 0%,#6fd2ed var(--progress,0%),#345372 var(--progress,0%),#345372 100%)}.amgine-player input[type=range]::-webkit-slider-thumb{margin-top:-4px}@media(max-width:760px){.amgine-player input[type=range]::-webkit-slider-thumb{margin-top:-5px}}