.ubi-story{min-height:100vh}.story-header{border-bottom:1px solid #d5d5d0;justify-content:space-between;align-items:center;gap:25px;padding:24px 3vw;display:flex}.story-header>a:nth-child(2){margin-left:auto;font-size:13px}.ubi-story main{max-width:1600px;margin:auto;padding:0 3vw}.story-heading{padding:70px 0 45px}.story-heading h1{letter-spacing:-.055em;margin:25px 0 22px;font-size:clamp(35px,4.8vw,70px);line-height:1.12}.story-heading>p:last-child{color:#72726d;font-size:17px;line-height:1.6}.story-player{color:#eee;background:#111;border:1px solid #303030;border-radius:6px;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);display:grid;overflow:hidden}.story-stage{background:#0c0c0d;flex-direction:column;justify-content:space-between;min-width:0;display:flex;position:relative}.story-stage-meta{letter-spacing:.1em;color:#929095;justify-content:space-between;gap:16px;padding:23px 25px 0;font-size:10px;display:flex}.story-scene{min-width:0;animation:.7s cubic-bezier(.22,1,.36,1) both story-enter}.story-art{width:100%;height:auto;min-height:230px;display:block}.story-stage-caption{background:#1a191d;border:1px solid #37343b;border-radius:5px;align-items:center;gap:12px;margin:0 25px 25px;padding:15px 17px;font-size:13px;display:flex}.story-speaking-dot{background:#a18bff;border-radius:50%;flex-shrink:0;width:6px;height:6px}.story-caption-label{letter-spacing:.13em;color:#a398b9;margin-left:auto;font-size:9px}.story-explanation{background:linear-gradient(145deg,#252525,#141414);border-left:1px solid #303030;flex-direction:column;padding:38px 30px;display:flex}.story-explanation h2{letter-spacing:-.04em;margin:28px 0 22px;font-size:clamp(25px,2.5vw,39px);font-weight:450;line-height:1.15}.story-explanation>p{color:#b6b6b6;margin:0 0 25px;font-size:15px;line-height:1.7}.story-result{border-top:1px solid #424242;margin-top:auto;padding-top:22px}.story-result>span{letter-spacing:.1em;color:#a69bc9;font-size:10px}.story-result p{color:#e5e1ed;margin:10px 0 0;font-size:15px;line-height:1.5}.story-controls{background:#171717;border-top:1px solid #353535;grid-column:1/-1;align-items:center;gap:25px;padding:18px 25px;display:flex}.story-controls button{color:#eee;font:inherit;border:0}.story-play{background:#3b2acb;border-radius:30px;min-width:195px;padding:12px 19px;font-size:13px!important}.story-play:hover{background:#5140e5}.story-progress{flex:1;gap:8px;display:flex}.story-progress button{background:0 0;flex:1;min-width:12px;padding:12px 0;position:relative}.story-progress button:before{content:"";background:#434343;border-radius:2px;height:3px;position:absolute;top:11px;left:0;right:0}.story-progress button>span{z-index:1;background:#a294ff;border-radius:2px;height:3px;position:absolute;top:11px;left:0}.story-progress button[aria-current=step]:before{background:#675e7d}.story-arrows{gap:8px;display:flex}.story-arrows button{background:#292929;border:1px solid #444;border-radius:50%;width:38px;height:38px}.story-arrows button:hover:enabled{background:#443777}.story-chapters{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.story-chapters button{text-align:left;color:#777;font:inherit;background:0 0;border:1px solid #d2d2ce;border-radius:4px;padding:17px 12px;font-size:12px;line-height:1.3;transition:background .3s,border-color .3s}.story-chapters button span{color:#999;letter-spacing:.06em;margin-bottom:12px;font-size:10px;display:block}.story-chapters button[aria-current=step]{color:#271968;background:#efedff;border-color:#9389db}.story-chapters button[aria-current=step] span{color:#6350c4}.story-chapters button:hover{border-color:#8a7ade}.story-disclaimer{color:#7d7d77;max-width:820px;margin:24px 0 60px;font-size:12px;line-height:1.6}.story-end{border-top:1px solid #ccc;justify-content:space-between;align-items:center;gap:35px;padding:60px 0 80px;display:flex}.story-end h2{letter-spacing:-.045em;margin:24px 0 15px;font-size:clamp(30px,3.4vw,50px);font-weight:400;line-height:1.15}.story-end p{color:#6a6a65;max-width:570px;font-size:16px;line-height:1.6}.story-route{fill:none;stroke:#a292ff;stroke-width:2px;stroke-dasharray:7 9;animation:2s linear infinite story-flow}.story-float{animation:4s ease-in-out infinite story-float}.story-hub-ring{transform-box:fill-box;transform-origin:50%;animation:30s linear infinite story-spin}.story-beacon{animation:3s ease-in-out infinite story-beacon}.story-scanner{animation:3s ease-in-out infinite story-scan}.story-chosen{transform-origin:450px 220px;animation:3s ease-in-out infinite story-selected}.story-signature{stroke-dasharray:250;stroke-dashoffset:0;animation:3s ease-in-out infinite story-sign}.story-market{animation:3s ease-in-out infinite story-market}.ubi-story:not(.is-playing) .story-art *{animation-play-state:paused}.ubi-story.reduce-motion *{transition:none!important;animation:none!important}@keyframes story-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes story-flow{to{stroke-dashoffset:-64px}}@keyframes story-float{50%{translate:0 -8px}}@keyframes story-spin{to{rotate:360deg}}@keyframes story-beacon{50%{opacity:.35}}@keyframes story-scan{50%{opacity:.5;translate:0 190px}}@keyframes story-selected{50%{scale:1.025}}@keyframes story-sign{0%{stroke-dashoffset:250px}65%,to{stroke-dashoffset:0}}@keyframes story-market{50%{opacity:.65}}@media (max-width:1050px){.story-player{grid-template-columns:1fr}.story-explanation{border-top:1px solid #333;border-left:0;grid-template-columns:45px 1fr;gap:15px 20px;padding:25px;display:grid}.story-explanation h2{align-self:center;margin:0}.story-explanation>p,.story-result{grid-column:2;margin:0}.story-art{max-height:450px}.story-chapters{grid-template-columns:repeat(4,1fr)}.story-heading{padding-top:45px}}@media (max-width:600px){.story-header{gap:15px;padding:20px 18px}.story-header .ubi-pill{display:none}.ubi-story main{padding:0 16px}.story-heading{padding:40px 0 28px}.story-heading h1{font-size:34px}.story-heading>p:last-child{font-size:14px}.story-stage-meta{gap:10px;padding:17px 14px 0;font-size:8px}.story-stage-caption{gap:8px;margin:0 12px 15px;padding:12px 10px;font-size:11px}.story-caption-label{font-size:8px}.story-explanation{grid-template-columns:35px 1fr;gap:18px 12px;padding:23px 19px}.story-explanation h2{font-size:27px}.story-explanation>p,.story-result{grid-column:1/-1}.story-explanation>p{font-size:14px}.story-controls{flex-wrap:wrap;gap:12px;padding:15px}.story-play{flex:1;min-width:0;font-size:12px!important}.story-progress{flex-basis:100%;order:3}.story-chapters{scrollbar-width:thin;padding-bottom:10px;display:flex;overflow-x:auto}.story-chapters button{flex:1;min-width:115px}.story-end{padding-top:40px;display:block}.story-end .ubi-pill{margin-top:15px}.story-disclaimer{margin-bottom:40px}.story-art{min-height:210px}.story-result p{font-size:14px}}@media (prefers-reduced-motion:reduce){.ubi-story *{transition:none!important;animation:none!important}}.story-stage-meta{align-items:center}.story-stage-meta>span:nth-child(2){white-space:nowrap;margin-left:auto}.story-stage-toggle{font:inherit;color:#eee;white-space:nowrap;background:#2a2535;border:1px solid #655880;border-radius:30px;padding:8px 13px;font-size:11px}.story-stage-toggle:hover{background:#46375e}@media (max-width:1050px){.story-stage{order:0}.story-controls{order:1}.story-explanation{order:2}}@media (max-width:600px){.story-stage-meta{flex-wrap:wrap;gap:10px}.story-stage-meta>span:first-child{font-size:7px}.story-stage-toggle{padding:7px 10px;font-size:10px}}