/* MAH / University of Science & Technology — LEVEL UP
   An independent, accessible editorial experience inspired by the original film.
   No external illustration assets or gameplay artwork. */
.ust-case{--ust-navy:#052E5E;--ust-blue:#006ABD;--ust-royal:#075AAB;--ust-cyan:#73E3FF;--ust-paper:#F5F7F7;--ust-ink:#152F44;--ust-muted:#627C8D;background:var(--ust-paper);color:var(--ust-ink);overflow:clip;font-family:var(--body-ar, "Alexandria",sans-serif)}
html[lang=en] .ust-case{font-family:var(--body-en,"DM Sans",sans-serif)}
.ust-case *{box-sizing:border-box}.ust-case img,.ust-case video{max-width:100%}.ust-case a{color:inherit;text-decoration:none}.ust-case button{font:inherit;cursor:pointer}.ust-case h1,.ust-case h2,.ust-case h3,.ust-case p,.ust-case figure{margin:0}.ust-case p{line-height:2.05}.ust-wrap{width:min(1280px,calc(100% - 100px));margin:auto}.ust-kicker,.ust-eyebrow,.ust-index,.ust-small{font:700 11px/1.6 "DM Sans",sans-serif;letter-spacing:.13em}.ust-case section[id]{scroll-margin-top:148px}
.ust-hero{background:radial-gradient(ellipse at 68% 53%,#1279CE 0%,#085CA8 34%,#053F79 73%,#032B56 100%);color:#EFFBFF;min-height: min(875px,calc(100svh - 70px));position:relative;overflow:hidden;padding:74px clamp(28px,5.1vw,94px) 25px}.ust-hero:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:linear-gradient(90deg,transparent 49%,#5DCEFF 50%,transparent 51%),linear-gradient(transparent 49%,#5DCEFF 50%,transparent 51%);background-size:130px 130px;mask-image:linear-gradient(90deg,transparent,#000)}.ust-hero:after{content:"LEVEL / UP";position:absolute;inset:auto 3% 0 auto;opacity:.075;font:900 clamp(90px,16vw,250px)/1 "DM Sans",sans-serif;pointer-events:none;letter-spacing:-.08em;white-space:nowrap}.ust-hero-grid{max-width:1420px;position:relative;margin:auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4%;align-items:center;z-index:1}.ust-hero-copy{max-width:720px;padding-block:22px}.ust-eyebrow{color:#B6EEFF;display:block;max-width:600px}.ust-level-status{display:flex;gap:12px;align-items:center;margin-top:31px;color:#E6F8FF;font:600 11px/1.6 "DM Sans",sans-serif;letter-spacing:.1em}.ust-level-status i{width:30px;height:1px;background:#88DBF8;display:block}.ust-hero h1{font-size:clamp(50px,5.55vw,95px);font-weight:800;line-height:1.31;letter-spacing:-.065em;margin:20px 0 21px;color:#fff}.ust-hero h1 em{font-style:normal;color:#A4EAFF}.ust-hero-copy>p{font-size:clamp(13px,1.2vw,17px);line-height:2.1;color:#D5ECF6;max-width:620px}.ust-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:37px}.ust-btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:100px;padding:16px 24px;font-size:13px;font-weight:700;min-height:50px;transition:transform .25s,background .25s}.ust-btn:hover{transform:translateY(-3px)}.ust-btn-white{background:#EDF8FF;color:#063D6D!important}.ust-inline-link{font-size:12px;border-bottom:1px solid #C0F4FF;padding-bottom:6px;color:#F3FCFF!important}.ust-meta{margin-top:66px;display:flex;flex-wrap:wrap;gap:16px 24px;color:#CCE3F6;font-size:10px}.ust-meta span+span{border-inline-start:1px solid #6D9CC1;padding-inline-start:18px}.ust-hero-foot{position:relative;display:flex;max-width:1420px;margin:42px auto 0;justify-content:space-between;gap:15px;z-index:1;color:#ACD9EF;letter-spacing:.1em;font:600 10px/1.5 "DM Sans",sans-serif}
/* The introductory interaction uses untouched visual frames and motion from the original user video.
   No synthetic ball animation / fake game scene. */
.ust-hero-visual{border:1px solid #6ACDFF65;border-radius:22px;position:relative;background:#F4F6F8;box-shadow:0 36px 100px #011B3966;overflow:hidden;min-width:0;align-self:center}
.ust-jump-stage{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden;background:#F3F4F4;isolation:isolate}
.ust-jump-stage>img,.ust-jump-stage>video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transition:opacity .36s ease;pointer-events:none}
.ust-jump-before{z-index:1;opacity:1}.ust-jump-real{z-index:2;opacity:0;background:#F3F4F4}.ust-jump-after{z-index:3;opacity:0}
.ust-hero-visual.is-playing .ust-jump-before{opacity:0}.ust-hero-visual.is-playing .ust-jump-real{opacity:1}
.ust-hero-visual.is-complete .ust-jump-before,.ust-hero-visual.is-complete .ust-jump-real{opacity:0}
.ust-hero-visual.is-complete .ust-jump-after{opacity:1}
.ust-jump-footer{background:#073A68;padding:16px 18px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#E7F9FF}
.ust-jump-caption{display:flex;flex-direction:column;min-width:0;gap:6px}
.ust-jump-caption>span{font:700 9px/1.5 "DM Sans",sans-serif;letter-spacing:.16em;color:#A7E1FB}
.ust-jump-caption>small{font-size:11px;line-height:1.6;color:#EFFAFF}
.ust-game-trigger{position:static!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#E6F9FF;color:#064476;border:1px solid #DDF8FFAA;border-radius:40px;padding:11px 17px;min-height:43px;min-width:143px;white-space:nowrap;font-size:12px;font-weight:700;box-shadow:0 6px 18px #00295055;z-index:2;flex-shrink:0}
.ust-game-trigger:hover{background:#FFFFFF;color:#033659}.ust-game-trigger:focus-visible{outline:3px solid #FDD787;outline-offset:3px}
.ust-game-trigger:disabled{cursor:progress;opacity:.7}
@media(max-width:560px){.ust-jump-footer{padding:13px 12px;min-height:86px;gap:9px}.ust-jump-caption>span{font-size:7px;letter-spacing:.08em}.ust-jump-caption>small{font-size:9px}.ust-game-trigger{min-width:auto;padding:10px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ust-jump-stage>img,.ust-jump-stage>video{transition:none}}
.ust-chapter-nav{position:sticky;top:78px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#062F5BF0;color:#DEFAFF;min-height:66px;padding:0 clamp(30px,5vw,85px);border-bottom:1px solid #B6EEFF37;backdrop-filter:blur(12px);font-size:11px}.ust-chapter-nav strong{white-space:nowrap;font:700 14px "DM Sans",sans-serif;letter-spacing:.05em}.ust-chapter-nav strong span{color:#83D4F5;font-size:11px}.ust-chapter-nav>div{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}.ust-chapter-nav>div a{white-space:nowrap;padding:21px 0;color:#C0E2F0;border-bottom:2px solid transparent}.ust-chapter-nav>div a:hover,.ust-chapter-nav>div a.active{color:white;border-color:#5ED6FF}.ust-nav-index{white-space:nowrap;color:#83D4F5;font:700 10px "DM Sans",sans-serif}
.ust-section{padding:clamp(85px,10vw,155px) 0}.ust-sec-head{max-width:890px;margin-bottom:58px}.ust-kicker{display:inline-block;color:#1B84AD}.ust-sec-head h2{font-size:clamp(36px,4.5vw,74px);letter-spacing:-.06em;line-height:1.45;margin:14px 0 0;font-weight:800}.ust-sec-head h2 em{font-style:normal;color:#84E4FF}.ust-sec-head>p{color:#587587;font-size:15px;max-width:750px;margin-top:16px}
.ust-concept{background:#F2F6F9}.ust-concept-body{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:8%;align-items:start}.ust-concept-body>div>p{font-size:15px;color:#385468;margin-bottom:25px}.ust-concept-body blockquote{border-inline-start:3px solid #16A7E0;margin:40px 0 0;padding:10px 23px;font-size:clamp(17px,1.8vw,26px);line-height:1.8;font-weight:700;color:#004D86}.ust-contrast{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ust-contrast figure{background:#FFFFFF;border:1px solid #D6E2E9;border-radius:11px;overflow:hidden;min-width:0}.ust-contrast img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.ust-contrast figcaption{font-size:11px;padding:16px 12px;color:#3E6276}
.ust-levels{background:#032F60;color:#EAF8FF;position:relative}.ust-levels:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 35%,#0587DB38,transparent 46%),radial-gradient(circle at 100% 90%,#26C2FF29,transparent 50%);pointer-events:none}.ust-levels .ust-wrap{position:relative}.ust-levels .ust-kicker{color:#95E6FF}.ust-levels .ust-sec-head>p{color:#ACD8EA}.ust-progress-map{display:flex;align-items:center;gap:22px;font:700 12px "DM Sans",sans-serif;letter-spacing:.14em;color:#95DFFF;margin:20px 0 35px}.ust-progress-map>div{position:relative;flex:1;display:flex;justify-content:space-between;align-items:center}.ust-progress-map>div:before{content:"";position:absolute;left:0;right:0;height:2px;background:#3779A7}.ust-progress-map b{width:13px;height:13px;border:3px solid #86DAFF;border-radius:50%;background:#064E87;z-index:1}.ust-progress-map .ust-map-ball{position:absolute;z-index:3;inset-inline-start:0;width:21px;height:21px;border-radius:50%;background:white;box-shadow:0 0 20px 5px #52D9FF;transform:translateY(-2px)}.ust-level-list{display:grid;gap:16px}.ust-level{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:35px;align-items:center;padding:30px;border:1px solid #347AA760;background:#07477890;border-radius:15px;min-width:0}.ust-level:nth-child(even) .ust-level-text{order:2}.ust-level-text{max-width:450px;padding:16px 5px}.ust-index{display:block;color:#A9E9FF;margin-bottom:30px}.ust-small{display:block;color:#74BFDF}.ust-level-text h3{font-size:clamp(25px,2.6vw,43px);color:white;margin:10px 0 15px}.ust-level-text p{font-size:14px;color:#C2DEEF}.ust-level-image{position:relative;overflow:hidden;border-radius:10px;border:1px solid #2EA4E080;background:#0370C3;min-width:0}.ust-level-image>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .8s}.ust-level:hover .ust-level-image>img{transform:scale(1.04)}.ust-frame-time{position:absolute;bottom:16px;inset-inline-end:15px;color:#D1F5FF;font:700 10px "DM Sans",sans-serif;background:#043A62B9;padding:6px 9px;border-radius:7px}
.ust-storyboard{background:#EBF3F7}.ust-storyboard .ust-sec-head h2{color:#063A66}.ust-story-shell{border:1px solid #BBD0DC;border-radius:18px;background:#FCFDFD;padding:25px}.ust-story-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 0 20px;border-bottom:1px solid #D6E4EB;scrollbar-width:thin}.ust-story-tab{border:1px solid transparent;background:transparent;color:#597184;border-radius:9px;padding:11px 17px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px}.ust-story-tab b{font:700 12px "DM Sans",sans-serif;color:#2B82B7}.ust-story-tab[aria-selected=true]{background:#064F86;color:white}.ust-story-tab[aria-selected=true] b{color:#AFF2FF}.ust-story-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px;align-items:start}.ust-story-pair figure{min-width:0;align-self:start;border:1px solid #D2E0E9;border-radius:8px;overflow:hidden;background:white}.ust-story-pair img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.ust-story-pair figcaption{padding:13px 15px;background:#F7FAFB;color:#426479;font-size:11px;display:flex;justify-content:space-between;gap:20px}.ust-story-pair figcaption span{color:#0081BC;font:700 10px "DM Sans",sans-serif}.ust-story-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.ust-story-foot p{font-weight:700;font-size:14px;color:#274E67}.ust-story-foot>div{display:flex;gap:8px}.ust-story-foot button{width:43px;height:43px;display:grid;place-items:center;background:#F5FBFD;border:1px solid #A7C6D9;border-radius:50%;color:#115585;font-size:20px}.ust-story-foot button:hover{background:#07548E;color:white}
.ust-motion{background:#081C35;color:#F5FBFF}.ust-motion .ust-kicker{color:#8FDFFF}.ust-motion .ust-sec-head>p{color:#B5CFDE}.ust-moment-list{display:grid;gap:38px}.ust-moment{padding:35px 0 50px;border-top:1px solid #49647B}.ust-moment-name{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:19px}.ust-moment-name>span{font:700 11px "DM Sans",sans-serif;color:#7DDCFA;letter-spacing:.07em}.ust-moment-name h3{font-size:25px;color:#fff}.ust-moment-name p{font-size:12px;color:#BDD4E3;max-width:490px}.ust-moment-media{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.ust-moment-media figure{min-width:0;align-self:start;border:1px solid #365371;background:#073661;border-radius:11px;overflow:hidden}.ust-moment-media img,.ust-moment-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0D487C}.ust-moment-media figcaption{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:12px 15px;color:#B9D9E8;font-size:11px}.ust-moment-media video{pointer-events:none;user-select:none;-webkit-user-select:none}.ust-moment-media video::-webkit-media-controls,.ust-moment-media video::-webkit-media-controls-panel,.ust-moment-media video::-webkit-media-controls-enclosure{display:none!important;opacity:0!important}
.ust-craft{background:#F1F6F8;color:#123F5F}.ust-craft-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9%;align-items:start}.ust-craft-lead{font-size:16px;color:#3E5E70}.ust-craft-quote{margin-top:33px;padding-inline-start:22px;border-inline-start:3px solid #1898D2}.ust-craft-quote span{font-size:11px;font-weight:700;color:#008BC6}.ust-craft-quote p{font-size:15px;color:#26546E;margin-top:10px}.ust-role-box{background:#063A69;color:white;border-radius:15px;padding:36px 32px;box-shadow:0 25px 58px #013C6D22}.ust-role-box>div{font:700 11px "DM Sans",sans-serif;letter-spacing:.05em;color:#9EE0F5;display:flex;justify-content:space-between;gap:15px}.ust-role-box>div span{color:#D1F2FB}.ust-role-box ol{list-style:none;counter-reset:role;margin:25px 0 0;padding:0}.ust-role-box li{counter-increment:role;display:flex;gap:18px;border-top:1px solid #37698F;padding:15px 0;font-size:13px}.ust-role-box li:before{content:counter(role,decimal-leading-zero);font:700 11px "DM Sans",sans-serif;color:#63D5F2}
.ust-film{background:linear-gradient(155deg,#084679,#032947);color:#E9F9FF}.ust-film .ust-kicker{color:#97E8FF}.ust-film .ust-sec-head>p{color:#C0DBEB}.ust-film .ust-player{position:relative;aspect-ratio:16/9;background:#031F3F;border:1px solid #4484A8;border-radius:15px;overflow:hidden}.ust-film .ust-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.ust-player-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;background:#041D39B8;padding:20px}.ust-player-message p{font-size:15px;color:#E2F8FF;max-width:450px}.ust-player-icon{font-size:25px;width:74px;height:74px;border-radius:50%;border:1px solid #D2F3FF;display:grid;place-items:center;padding-inline-start:4px}.ust-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;background:#02295055;border:0;color:white;font-size:18px;font-weight:700}.ust-play:hover{background:#022950A0}.ust-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ust-film-caption{color:#BCD9E8;font-size:11px;margin-top:19px}
.ust-final-cta{background:#EAF6FD;padding:105px 0;color:#063859}.ust-cta-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:center}.ust-final-cta h2{font-size:clamp(32px,4vw,64px);line-height:1.4;max-width:820px;margin-top:17px}.ust-final-cta p{color:#496C80;max-width:750px;font-size:16px;margin-top:18px}.ust-cta-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.ust-btn-navy{background:#06528C;color:white!important}.ust-text-link{border-bottom:1px solid #40799D;padding-bottom:6px;font-size:13px}.ust-copyright{background:#042F57;color:#92C5E2;padding:22px 0;font:600 10px "DM Sans",sans-serif;letter-spacing:.06em}
@media(max-width:1100px){.ust-wrap{width:calc(100% - 66px)}.ust-hero{padding-inline:34px}.ust-hero h1{font-size:clamp(48px,6vw,70px)}.ust-chapter-nav{padding-inline:34px}.ust-concept-body{gap:4%}}
@media(max-width:800px){.ust-hero{padding:52px 24px 24px;min-height:unset}.ust-hero-grid{grid-template-columns:1fr;gap:30px}.ust-hero h1{font-size:clamp(46px,9vw,75px)}.ust-meta{margin-top:34px}.ust-chapter-nav{top:70px;padding:0 22px}.ust-chapter-nav strong,.ust-nav-index{display:none}.ust-chapter-nav>div{width:100%;justify-content:space-between}.ust-section{padding:90px 0}.ust-concept-body,.ust-craft-grid,.ust-cta-grid{grid-template-columns:1fr;gap:33px}.ust-level{gap:15px;grid-template-columns:1fr}.ust-level:nth-child(even) .ust-level-text{order:0}.ust-level-text{max-width:none;padding:5px}.ust-cta-buttons{align-items:start}.ust-moment-name{display:block}.ust-moment-name h3{margin-top:9px}.ust-moment-name p{margin-top:5px}}
@media(max-width:560px){.ust-wrap{width:calc(100% - 30px)}.ust-hero{padding:45px 15px 20px}.ust-eyebrow{font-size:9px}.ust-hero h1{font-size:clamp(39px,11vw,59px)}.ust-hero-copy>p,.ust-concept-body>div>p,.ust-sec-head>p{font-size:13px}.ust-meta{font-size:9px;gap:10px}.ust-meta span+span{border:0;padding:0}.ust-hero-foot{font-size:8px;gap:15px}.ust-chapter-nav{top:68px;min-height:56px;padding:0 14px}.ust-chapter-nav>div{gap:13px;justify-content:initial}.ust-chapter-nav>div a{padding:17px 0;font-size:11px}.ust-section{padding:70px 0}.ust-sec-head{margin-bottom:33px}.ust-sec-head h2{font-size:clamp(30px,8.7vw,45px)}.ust-concept-body blockquote{font-size:17px}.ust-contrast{gap:8px}.ust-contrast figcaption{font-size:9px;line-height:1.5;min-height:54px}.ust-level{padding:15px}.ust-level-text h3{font-size:27px}.ust-level-text p{font-size:12px}.ust-levels .ust-sec-head>p{font-size:12px}.ust-progress-map{font-size:9px;gap:11px}.ust-story-shell{padding:12px}.ust-story-tabs{gap:5px}.ust-story-tab{font-size:10px;padding:8px}.ust-story-tab b{display:none}.ust-story-pair,.ust-moment-media{grid-template-columns:1fr;gap:12px}.ust-story-pair figcaption{font-size:10px}.ust-story-foot p{font-size:11px}.ust-story-foot button{width:37px;height:37px}.ust-moment{padding:25px 0 32px}.ust-moment-name h3{font-size:21px}.ust-moment-name p{font-size:11px}.ust-role-box{padding:27px 19px}.ust-role-box li{font-size:11px}.ust-final-cta{padding:75px 0}.ust-final-cta h2{font-size:31px}.ust-final-cta p{font-size:13px}.ust-player-message p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ust-case *,.ust-case *:before,.ust-case *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Center the game control regardless of RTL or LTR; avoid label collapse. */