body.intro-open{overflow:hidden}.cinematic-intro{position:fixed;z-index:200;inset:0;overflow:hidden;background:#000;color:#fff;transition:opacity .9s ease,visibility .9s ease}.cinematic-intro.finished{opacity:0;visibility:hidden;pointer-events:none}.intro-stage{position:absolute;inset:0;transition:opacity 1.2s ease,transform 7s ease}.intro-stage-mirror{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0b1d24 0,#020405 42%,#000 76%)}.intro-stage-fitting{opacity:0;transform:scale(1.04);background:#000}.cinematic-intro.fitting .intro-stage-mirror{opacity:0;transform:scale(.96)}.cinematic-intro.fitting .intro-stage-fitting{opacity:1;transform:scale(1)}.intro-stage-fitting>img{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.intro-stage-fitting>div{position:absolute;left:7vw;bottom:10vh;max-width:580px;text-shadow:0 2px 24px #000}.intro-stage-fitting span{color:#65e1ff;font-size:12px;font-weight:800;letter-spacing:.2em}.intro-stage-fitting strong{display:block;margin:12px 0;font:400 clamp(48px,7vw,92px) Georgia}.intro-stage-fitting p{font-size:18px;color:#d4dde0}.intro-live-badge{position:absolute;z-index:3;top:28px;left:50%;transform:translateX(-50%);color:#8ea0a6;font-size:9px;letter-spacing:.17em}.intro-live-badge i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#58dcff;box-shadow:0 0 12px #58dcff;animation:intro-pulse 1.8s infinite}.intro-mirror-ui{position:relative;width:min(92vw,1200px);height:min(86vh,760px);font-family:"Arial Narrow",Arial,sans-serif;color:#c9d1d4;transform:scale(.96);transition:transform 4s ease}.cinematic-intro.playing .intro-mirror-ui{transform:scale(1)}.intro-mirror-ui>div{position:absolute}.intro-mirror-ui b{display:block;margin-bottom:9px;color:#62ddff;font-size:11px;letter-spacing:.12em}.intro-mirror-ui span{display:block;margin:4px 0;color:#a7b1b5;font-size:12px}.intro-clock{top:5%;left:2%}.intro-clock>span{font-size:18px}.intro-clock strong{display:block;font-weight:300;font-size:58px;line-height:1}.intro-calendar{top:22%;left:2%;width:28%;padding:14px;border-left:2px solid #36d9ff;background:rgba(5,18,24,.65)}.intro-avatar{top:3%;left:50%;width:210px;transform:translateX(-50%);text-align:center}.intro-avatar img{display:block;width:100%;height:230px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(62,209,244,.35));mask-image:linear-gradient(#000 82%,transparent)}.intro-avatar span{margin-top:-16px;color:#5fe1ff;font-size:14px}.intro-weather{top:13%;right:3%;width:25%;text-align:right}.intro-weather strong{display:block;font-size:30px;font-weight:400}.intro-walk{top:49%;left:3%;padding:14px;border-left:3px solid #59ef7e}.intro-walk b{color:#59ef7e}.intro-walk strong{display:block;font-size:23px}.intro-school{top:39%;right:3%;width:29%;padding:18px;border:1px solid #183d49;border-radius:12px;background:rgba(4,14,19,.8);box-shadow:0 0 24px rgba(48,194,230,.12)}.intro-meal{bottom:8%;left:3%;width:32%;padding:18px;border-left:3px solid #fff}.intro-meal strong{display:block;margin-bottom:8px;font-size:20px}.intro-bus{right:3%;bottom:9%;width:30%;padding:17px;border-bottom:1px solid #526168;text-align:right}.intro-bus strong{display:block;color:#59dcff;font-size:17px}.intro-welcome{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.68);backdrop-filter:blur(9px);text-align:center;transition:opacity .65s ease,visibility .65s}.cinematic-intro.playing .intro-welcome{opacity:0;visibility:hidden}.intro-welcome>span{color:#58dcff;font-size:11px;font-weight:800;letter-spacing:.23em}.intro-welcome h1{max-width:720px;margin:18px 0;font:400 clamp(44px,7vw,86px)/1.02 Georgia}.intro-welcome p{color:#aeb9bd}.intro-welcome button{margin-top:25px;padding:16px 24px;border:1px solid #58dcff;border-radius:999px;background:#58dcff;color:#031015;font-weight:800;cursor:pointer}.intro-welcome button i{margin-left:10px;font-style:normal}.intro-subtitle{position:absolute;z-index:7;left:50%;bottom:7%;width:min(90vw,900px);min-height:62px;transform:translateX(-50%);padding:16px 24px;border:1px solid rgba(88,220,255,.36);border-radius:8px;background:rgba(1,8,11,.82);backdrop-filter:blur(12px);color:#f2fbfd;font-size:clamp(16px,2vw,23px);text-align:center;opacity:0;transition:opacity .35s}.cinematic-intro.playing .intro-subtitle{opacity:1}.intro-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:3px;background:#101719}.intro-progress i{display:block;width:0;height:100%;background:#58dcff;box-shadow:0 0 10px #58dcff}.cinematic-intro.playing .intro-progress i{animation:intro-progress 30s linear forwards}.intro-skip{position:absolute;z-index:10;top:20px;right:22px;padding:9px 13px;border:1px solid #3b4b51;border-radius:999px;background:rgba(0,0,0,.5);color:#b5c0c4;font-size:11px;cursor:pointer}@keyframes intro-progress{to{width:100%}}@keyframes intro-pulse{50%{opacity:.3}}@media(max-width:700px){.intro-mirror-ui{height:82vh}.intro-clock{top:4%}.intro-clock strong{font-size:42px}.intro-calendar{top:20%;width:43%}.intro-avatar{left:72%;width:145px}.intro-avatar img{height:170px}.intro-weather{display:none}.intro-walk{top:48%}.intro-school{top:40%;width:43%}.intro-meal{width:43%}.intro-bus{width:45%}.intro-subtitle{bottom:6%;font-size:15px}.intro-stage-fitting>div{left:24px;bottom:11vh}}