.radar-opening{--opening-bg:#101115;--opening-ink:#fff;--opening-accent:#86a1ff;background:var(--opening-bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--opening-ink);overscroll-behavior:none;opacity:1;border:0;margin:0;padding:0;transition:background-color .2s,color .2s,opacity .85s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow:hidden}.radar-opening::backdrop{background:0 0}.opening-transcript{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radar-opening[data-theme=paper]{--opening-bg:#fff;--opening-ink:#152038;--opening-accent:#3155e8}.radar-opening[data-theme=blue]{--opening-bg:#244ce3;--opening-ink:#fff;--opening-accent:#fff}.radar-opening[data-closing=true]{opacity:0;pointer-events:none}.radar-opening button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.radar-opening button:focus-visible{outline-offset:4px;outline:2px solid}.radar-opening-bar{top:max(24px,env(safe-area-inset-top));z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:40px;right:32px}.radar-opening-label{letter-spacing:.08em;opacity:.75;align-items:center;gap:8px;font-size:11px;display:flex}.radar-opening-label b{font-weight:750}.radar-opening-close{opacity:.85;align-items:center;gap:14px;min-height:44px;display:flex;padding:8px 12px!important;font-size:13px!important}.radar-opening-close:hover{opacity:1;text-underline-offset:5px;text-decoration:underline}.radar-opening-scene{text-align:center;perspective:1200px;justify-content:center;align-items:center;display:flex;position:absolute;inset:100px 32px 115px}.opening-type{letter-spacing:-.075em;text-wrap:balance;font-size:clamp(64px,9vw,140px);font-weight:800;line-height:1.13}.opening-type>span{margin:0 .11em;display:inline-block}.scene-6 .opening-type{font-size:clamp(48px,6vw,88px);line-height:1.25}.scene-6 .opening-type>span{margin:0;display:block}.radar-opening em{color:var(--opening-accent);font-style:normal}.opening-question{letter-spacing:-.055em;font-weight:750}.opening-question>span{opacity:.5;margin-bottom:20px;font-size:clamp(28px,4vw,58px);animation:.4s both opening-rise;display:block}.opening-question strong{font-size:clamp(44px,6.7vw,104px);line-height:1.25;animation:.45s .1s both opening-rise;display:block}.opening-loss{--opening-accent:#ffae9d}.opening-loss>span{opacity:.75}.opening-loss strong>span{display:block}.opening-loss strong em{display:inline}.opening-rule{background:var(--opening-accent);width:90px;height:6px;margin:40px auto 0;animation:1.2s .1s both opening-line;display:block}.type-land{animation:.7s cubic-bezier(.16,1,.3,1) both opening-land}.type-shift{animation:.48s cubic-bezier(.16,1,.3,1) both opening-shift}.type-impact{font-size:clamp(100px,15vw,220px);animation:.65s cubic-bezier(.16,1,.3,1) both opening-impact}.scene-3 .type-impact,.scene-4 .type-impact{animation-duration:.32s}.type-rewind{animation:.55s cubic-bezier(.16,1,.3,1) both opening-rewind}.type-rise{animation:.55s cubic-bezier(.16,1,.3,1) both opening-rise}.opening-underlined{position:relative}.opening-underlined:after{content:"";background:var(--opening-accent);transform-origin:0;height:.055em;animation:.55s .2s both opening-line;position:absolute;bottom:-.09em;left:.08em;right:0}.opening-resolution p{letter-spacing:-.025em;opacity:.8;margin-top:36px;font-size:clamp(15px,1.6vw,23px);animation:.6s .15s both opening-rise}.opening-brand{flex-direction:column;align-items:center;animation:1.1s cubic-bezier(.16,1,.3,1) both opening-brand-in;display:flex}.opening-brand>svg{color:#3155e8;width:74px;height:74px;margin-bottom:28px;animation:2.4s cubic-bezier(.16,1,.3,1) both opening-radar}.opening-brand>span{letter-spacing:.28em;padding-left:.28em;font-size:clamp(16px,2vw,28px);font-weight:600}.opening-brand>strong{letter-spacing:-.065em;font-size:clamp(96px,14vw,204px);font-weight:800;line-height:1.12}.opening-brand-dot{color:#3155e8}.opening-brand p{letter-spacing:-.04em;margin-top:20px;font-size:clamp(17px,1.8vw,26px);font-weight:500}.radar-opening-controls{bottom:max(30px,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;left:40px;right:40px}.radar-opening-controls>div{align-items:center;gap:10px;display:flex}.radar-opening-controls button{border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:4px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.radar-opening-controls button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.opening-duration{opacity:.55}.opening-equalizer{align-items:center;gap:2px;height:14px;margin-left:4px;display:flex}.opening-equalizer i{background:currentColor;width:2px;height:3px;display:block}.opening-equalizer[data-playing=true] i{height:14px;animation:.4s infinite alternate opening-eq}.opening-equalizer i:nth-child(2){animation-delay:-.15s}.opening-equalizer i:nth-child(3){animation-delay:-.3s}.opening-equalizer i:nth-child(4){animation-delay:-.08s}.opening-audio-error{max-width:160px;font-size:11px}.radar-opening-progress{background:color-mix(in srgb,currentColor 10%,transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.radar-opening-progress>span{transform-origin:0;background:var(--opening-accent);width:100%;height:100%;display:block;transform:scaleX(0)}.radar-opening[data-paused=true] *,.radar-opening[data-paused=true] :after{animation-play-state:paused!important}.radar-opening[data-reduced=true] *{animation:none!important}.radar-intro-replay{color:inherit;cursor:pointer;background:#ffffff90;border:1px solid #d8e0ee;border-radius:99px;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:11px;display:inline-flex}.radar-hero-bottom-actions{gap:8px;display:flex}@keyframes opening-land{0%{opacity:0;filter:blur(9px);transform:translateY(18px)scale(1.35)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes opening-shift{0%{opacity:0;filter:blur(7px);transform:translate(110px)skew(-9deg)}to{opacity:1;filter:blur();transform:translate(0)skew(0)}}@keyframes opening-impact{0%{opacity:.1;filter:blur(8px);transform:scale(1.75)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes opening-rewind{0%{opacity:0;letter-spacing:.12em;transform:translate(-130px)}to{opacity:1;letter-spacing:-.075em;transform:translate(0)}}@keyframes opening-rise{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(50px)rotateX(-25deg)}to{opacity:1;clip-path:inset(-20% -20% -30%);transform:translateY(0)rotateX(0)}}@keyframes opening-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes opening-brand-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes opening-radar{0%{transform:rotate(-150deg)scale(.65)}to{transform:rotate(0)scale(1)}}@keyframes opening-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (max-width:760px){.scene-6 .opening-type{font-size:clamp(32px,9.7vw,60px)}.radar-opening-bar{top:max(16px,env(safe-area-inset-top));gap:8px;left:20px;right:12px}.radar-opening-label{letter-spacing:.01em;gap:5px;font-size:9px}.radar-opening-label svg{width:17px}.radar-opening-close{gap:7px;font-size:11px!important}.radar-opening-scene{inset:95px 20px 135px}.opening-type{font-size:clamp(54px,12.6vw,94px);line-height:1.2}.opening-type>span{margin:0;display:block}.type-impact{font-size:clamp(100px,26vw,170px)}.opening-question>span{margin-bottom:18px;font-size:27px}.opening-question strong{max-width:340px;font-size:clamp(35px,9.5vw,58px)}.opening-question em{display:block}.opening-rule{width:64px;height:4px;margin-top:30px}.opening-resolution p{margin-top:24px;font-size:13px}.opening-brand>svg{width:58px;height:58px;margin-bottom:24px}.opening-brand>span{font-size:16px}.opening-brand>strong{font-size:clamp(72px,23vw,145px)}.opening-brand p{margin-top:22px;font-size:18px}.radar-opening-controls{left:20px;right:20px;bottom:max(24px,env(safe-area-inset-bottom));align-items:flex-end;font-size:11px}.radar-opening-controls>div{gap:6px}.radar-opening-controls>div:first-child{flex-direction:column;align-items:flex-start}.opening-duration{display:none}.radar-opening-controls button{padding:8px 10px}.opening-audio-error{max-width:230px}.radar-hero-bottom{flex-wrap:wrap}.radar-hero-bottom-actions{gap:6px}.radar-intro-replay{padding:8px 11px;font-size:10px}}@media (max-height:550px) and (orientation:landscape){.scene-6 .opening-type{font-size:40px}.radar-opening-bar{top:10px}.radar-opening-controls{bottom:12px}.radar-opening-scene{inset:68px 28px 70px}.opening-type{font-size:clamp(40px,7vw,76px)}.opening-type>span{margin:0 .1em;display:inline-block}.type-impact{font-size:90px}.opening-question>span{margin-bottom:10px;font-size:23px}.opening-question strong{max-width:none;font-size:38px}.opening-question em{display:inline}.opening-rule,.opening-resolution p{margin-top:18px}.opening-brand>svg{width:35px;height:35px;margin-bottom:10px}.opening-brand>span{font-size:12px}.opening-brand>strong{font-size:75px}.opening-brand p{margin-top:6px;font-size:15px}}@media (prefers-reduced-motion:reduce){.radar-opening *,.radar-opening :after{animation:none!important}.radar-opening{transition:opacity .2s}}
