/* BREAK THE GATE — one scene, sixteen papers, five legal states. */
#intro.gate-intro{background:var(--red);color:var(--paper);overflow:hidden;isolation:isolate;min-height:100svh;height:100dvh;inset:0;z-index:10000;display:block;font-family:Arial,'PingFang SC',sans-serif}
.gate-background{position:absolute;inset:0;background:var(--red);pointer-events:none;overflow:hidden}.gate-black-field{position:absolute;inset:-10%;background:var(--black);clip-path:polygon(0 0,100% 0,100% 13%,25% 100%,0 100%);transform:translate(-6%,0)}.gate-paper-field{position:absolute;inset:-10%;background:var(--paper);clip-path:polygon(96% 0,100% 0,100% 100%,83% 100%,100% 10%);opacity:.96}.gate-dots{position:absolute;inset:0;background:radial-gradient(#f5f1e85e 1px,transparent 1.3px) 0 0/8px 8px;clip-path:polygon(0 0,23% 0,0 90%);opacity:.5}.gate-speed{position:absolute;left:-5%;top:67%;width:115%;height:9%;background:repeating-linear-gradient(0deg,transparent 0 9px,#f5f1e859 10px 11px);transform:rotate(-17deg);clip-path:polygon(0 0,100% 25%,100% 62%,0 100%)}
#intro .gate-top{position:absolute;top:calc(18px + env(safe-area-inset-top));left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:30;font:900 10px/1.5 monospace;letter-spacing:1px}.gate-top>span{display:flex;gap:7px;align-items:center}.gate-top .fr-star{width:19px;height:22px;color:var(--red)}#intro-skip{min-height:44px;padding:9px 14px;background:var(--black);color:var(--paper);border:1px solid var(--paper);font:900 10px/1.4 monospace;letter-spacing:.7px;cursor:pointer;box-shadow:3px 3px 0 var(--red)}#intro-skip svg{width:15px;height:15px;vertical-align:middle;margin-left:6px}
.gate-canvas{position:absolute;width:min(1080px,90vw);height:min(700px,calc(100svh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}
.gate-brand{position:absolute;left:5%;top:6%;width:70%;z-index:7;transform:rotate(-7deg);transform-origin:50% 50%}.gate-brand-label{font:900 10px monospace;letter-spacing:1.6px;display:block;margin-bottom:12px}.gate-brand h1{margin:0;font:1000 italic clamp(80px,10vw,140px)/.8 Arial,sans-serif;letter-spacing:-.065em;transform:none;text-shadow:4px 4px 0 var(--red);padding:0;white-space:nowrap}.gate-brand h1>span{display:block}.gate-brand h1>span:last-child{margin:8px 0 0 13%;width:fit-content;padding:7px 23px 10px 8px;background:var(--paper);color:var(--black);text-shadow:3px 2px 0 var(--red);clip-path:polygon(4% 0,100% 9%,95% 100%,0 89%)}.gate-brand>small{display:block;font:900 9px monospace;letter-spacing:1.4px;margin:14px 0 0 17%}.gate-brand-star{display:inline-block;width:.22em;height:.25em;color:var(--red);vertical-align:top;margin:9px 0 0 5px}.gate-brand-star .fr-star{width:100%;height:100%}
#intro .gate-track{position:absolute;inset:0;height:auto;border:0;box-shadow:none;overflow:visible;background:none;transform:none;z-index:2;margin:0;clip-path:none;padding:0}
.gate-cell{position:absolute;left:calc(8% + var(--i)*5.15%);top:calc(65% - var(--i)*.7% + var(--lift));width:5.15%;height:76px;transform:rotate(-13deg);transform-origin:center;background:#27262a;box-shadow:5px 6px 0 var(--black);border:2px solid #f5f1e855;clip-path:polygon(23% 0,100% 6%,80% 100%,0 93%);overflow:hidden;z-index:2}.gate-cell i{position:absolute;inset:0;background:var(--red);clip-path:polygon(0 0,calc(var(--charge,0)*100%) 0,calc(var(--charge,0)*100%) 100%,0 100%);transition:clip-path 60ms linear;pointer-events:none}.gate-cell:nth-child(3n) i{background:var(--paper)}.gate-cell small{position:absolute;bottom:8px;left:29%;font:900 8px monospace;color:var(--paper);z-index:2}.gate-cell.charged{border-color:var(--black)}.gate-cell.charged:nth-child(3n) small{color:var(--black)}.gate-cell.charged:nth-child(4n){translate:0 -2px}
.gate-arrow{position:absolute;left:calc(8% + var(--gate-progress,0)*.824%);top:calc(64% - var(--gate-progress,0)*.112%);width:72px;height:72px;color:var(--paper);z-index:11;filter:none;transform:rotate(27deg);pointer-events:none}.gate-arrow svg{display:block;width:100%;height:100%;filter:drop-shadow(4px 4px 0 var(--black))}
.gate-counter{position:absolute;left:47%;top:33%;width:52%;z-index:8;transform:rotate(5deg);transform-origin:center;background:var(--black);padding:8px 16px 12px;box-shadow:6px 7px 0 var(--paper);clip-path:polygon(6% 0,100% 7%,95% 100%,0 92%)}.gate-counter>div{display:flex;align-items:baseline;gap:3px;padding-right:5px}.gate-counter-label,.gate-counter-rule{display:block;font:900 9px monospace;letter-spacing:1.3px;padding:4px 0 5px 9px}.gate-counter-rule{font-size:7px;letter-spacing:.7px}.gate-number{display:block;font:1000 italic clamp(100px,14vw,188px)/.88 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.07em;min-width:1.65em;flex-shrink:0;color:var(--paper);text-shadow:3px 2px 0 var(--red);padding-right:6px}.gate-percent{font:1000 italic 45px/1 Arial;color:var(--red);align-self:end;margin-bottom:4px}.gate-number.counter-snap{animation:gate-digit-snap 130ms var(--scene-snap) both}@keyframes gate-digit-snap{from{translate:0 3px;clip-path:inset(4% 0 0)}to{translate:0 0;clip-path:inset(0)}}
.gate-scene-state{position:absolute;left:9%;top:82%;z-index:12;max-width:72%;transform:rotate(-3deg);border-left:4px solid var(--paper);padding-left:12px}.gate-scene-label{display:block;font:900 8px/1.6 monospace;letter-spacing:1.1px;color:var(--paper)}.gate-stage{display:block;font:1000 italic 27px/1.2 Arial;letter-spacing:-1px;margin-top:5px;color:var(--paper)}.gate-subtitle{display:block;font:500 13px/1.7 'PingFang SC',sans-serif;margin-top:6px;color:var(--paper)}
#intro .gate-star{position:absolute;width:24%;height:31%;top:24%;right:-2%;z-index:9;transform:rotate(12deg);pointer-events:none}.gate-star>.cut-device{width:100%;height:100%}.gate-star .chiqi-loading-seal{right:14%;bottom:18%;background:var(--black);padding:3px}.gate-keeper{position:absolute;right:3%;bottom:4%;z-index:12;font:900 8px monospace;letter-spacing:1px;border-left:2px solid var(--chiqi-mint);padding:6px 9px;background:var(--black)}.gate-registration{position:absolute;left:1%;bottom:16%;font:900 8px/1.7 monospace;letter-spacing:1px;z-index:3}
#intro .gate-bottom{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;z-index:30;font:900 8px/1.7 monospace;letter-spacing:.7px}.gate-ready-word{position:absolute;left:8%;top:28%;z-index:10;font:1000 italic clamp(65px,11vw,130px)/.92 Arial;letter-spacing:-.07em;color:var(--paper);text-shadow:4px 5px 0 var(--red);transform:rotate(6deg);opacity:0;pointer-events:none}.gate-ready-word>span{color:var(--red);-webkit-text-stroke:2px var(--paper)}
.gate-enter{position:absolute;inset:38% 4% 5% 8%;border:0;padding:0;background:transparent;box-shadow:none;z-index:14;opacity:0;cursor:pointer;transform:none;color:var(--black);text-align:left;touch-action:pan-y pinch-zoom;pointer-events:none}.gate-enter>span{position:absolute;display:block;font-weight:1000;font-style:italic;line-height:.88;letter-spacing:-.065em}.gate-press{left:5%;top:4%;font-size:clamp(66px,10vw,125px);transform:rotate(-7deg);color:var(--black);text-shadow:3px 3px 0 var(--paper)}.gate-to{left:0;top:38%;font-size:28px!important;letter-spacing:1px!important;background:var(--black);color:var(--paper);padding:8px 12px;transform:rotate(6deg)}.gate-enter-word{left:12%;top:49%;font-size:clamp(76px,12vw,150px);transform:rotate(-6deg);color:var(--paper);text-shadow:5px 6px 0 var(--red)}.gate-enter>small{position:absolute;left:23%;bottom:4%;font:900 9px monospace;letter-spacing:1.4px;color:var(--paper);background:var(--black);padding:7px 10px;transform:rotate(-3deg)}.gate-enter:focus-visible{outline:3px solid var(--chiqi-mint);outline-offset:4px;clip-path:polygon(0 0,100% 3%,96% 100%,0 96%)}
/* Target layout. The sixteen original charged cells, counter, arrow and brand FLIP here. */
.gate-poster .gate-cell{left:var(--rx);top:var(--ry);width:var(--rw);height:var(--rh);transform:rotate(var(--rt));translate:0 0;clip-path:polygon(5% 0,100% 7%,94% 100%,0 90%);box-shadow:7px 8px 0 var(--black);border:0}.gate-poster .gate-cell i{clip-path:none!important;background:var(--red)}.gate-poster .gate-cell[data-tone="black"] i{background:var(--black)}.gate-poster .gate-cell[data-tone="paper"] i{background:var(--paper)}.gate-poster .gate-cell small{display:none}.gate-poster .gate-brand{left:3%;top:-1%;width:40%;transform:rotate(-4deg)}.gate-poster .gate-brand h1{font-size:24px;letter-spacing:-1.5px}.gate-poster .gate-brand h1>span{display:inline-block}.gate-poster .gate-brand h1>span:last-child{margin:0 0 0 5px;padding:3px 6px;clip-path:none}.gate-poster .gate-brand-label,.gate-poster .gate-brand>small{font-size:7px;letter-spacing:1px;margin:6px 0}.gate-poster .gate-brand-star{width:10px;height:12px;margin:2px 0 0 3px}.gate-poster .gate-counter{left:16%;top:5%;width:68%;transform:rotate(-9deg);box-shadow:none;background:transparent;padding:0;clip-path:none}.gate-poster .gate-number{font-size:clamp(150px,22vw,270px);text-shadow:6px 7px 0 var(--red);color:var(--paper)}.gate-poster .gate-percent{font-size:60px;color:var(--paper)}.gate-poster .gate-counter-rule,.gate-poster .gate-counter-label{visibility:hidden}.gate-poster .gate-ready-word{opacity:1}.gate-poster .gate-enter{opacity:1;pointer-events:auto}.gate-poster .gate-arrow{left:77%!important;top:43%!important;width:16%;height:20%;transform:rotate(12deg);color:var(--red)}.gate-poster .gate-star{top:25%!important;right:-3%!important;width:30%!important;height:30%!important}.gate-poster .gate-scene-state{left:4%;top:94%;border-left:2px solid var(--red);max-width:50%;padding-left:8px} .gate-poster .gate-scene-label,.gate-poster .gate-subtitle{display:none}.gate-poster .gate-stage{font:900 8px monospace;letter-spacing:1px;margin:0;color:var(--paper)}.gate-poster .gate-registration{bottom:32%;left:2%}
#intro[data-gate-state="RECONSTRUCTING"] .gate-counter{animation:gate-lock 140ms var(--scene-snap) both} @keyframes gate-lock{40%{translate:-3px 2px;scale:1.045}to{translate:0 0;scale:1}}
#gate-error{position:absolute;z-index:60;left:8%;right:8%;bottom:calc(65px + env(safe-area-inset-bottom));padding:18px;background:var(--paper);color:var(--black);border:3px solid var(--black);box-shadow:6px 6px 0 var(--red);max-width:550px;margin:auto}#gate-error[hidden]{display:none}#gate-error strong{font:900 italic 17px Arial}#gate-error p{font-size:14px;line-height:1.8}#gate-error button{min-height:44px;background:var(--black);color:var(--paper);padding:10px 13px;border:0;margin:4px 7px 0 0;font:900 10px monospace;cursor:pointer}
/* Shatter uses four large actual scene copies, an anchored face aperture and three matched papers. */
#gate-shards,#gate-carry{position:absolute;inset:0;pointer-events:none;z-index:22;overflow:visible}#gate-shards[hidden],#gate-carry[hidden]{display:none}.gate-shard{position:absolute;inset:0;will-change:transform;overflow:hidden;pointer-events:none}.gate-shard .gate-canvas{pointer-events:none}.gate-shard button{pointer-events:none!important}.gate-shard .gate-enter{opacity:1!important}.gate-carry-paper,.gate-carry-star{position:absolute;pointer-events:none;transform-origin:center}.gate-carry-paper{clip-path:polygon(5% 0,100% 7%,94% 100%,0 90%)}.gate-carry-star svg{width:100%;height:100%}#gate-carry{z-index:20}
#intro.gate-shattered{background:transparent}.gate-shattered>.gate-background,.gate-shattered>.gate-canvas,.gate-shattered>.gate-top,.gate-shattered>.gate-bottom{visibility:hidden}.gate-enter-pressed .gate-press{animation:gate-press-impact 120ms var(--scene-snap) both}.gate-enter-pressed .gate-enter-word{animation:gate-press-impact 120ms 12ms var(--scene-snap) both}.gate-enter-pressed .gate-counter{animation:gate-counter-impact 120ms var(--scene-snap) both}@keyframes gate-press-impact{45%{translate:4px 5px;scale:.96}to{translate:0 0;scale:1}}@keyframes gate-counter-impact{50%{translate:-5px 3px}to{translate:0 0}}
/* V6.0 Intro reveal freezes the completed composition. Direct entry is unchanged. */
body.gate-home-prepared #main .v2-hero *,body.gate-home-prepared>header{animation:none!important;transition:none!important}
body.gate-home-prepared #main .v2-hero,body.gate-home-prepared #main .v2-hero-title,body.gate-home-prepared #main .v2-title-make,body.gate-home-prepared #main .v2-title-your,body.gate-home-prepared #main .v2-title-own,body.gate-home-prepared #main .frost-character,body.gate-home-prepared #main .v2-hero-art{visibility:visible}
body.gate-home-prepared:not(.gate-home-arrival) #main .v2-hero-description,body.gate-home-prepared:not(.gate-home-arrival) #main .v2-cta,body.gate-home-prepared:not(.gate-home-arrival) #main .chiqi-response-slot,body.gate-home-prepared:not(.gate-home-arrival) #main .v2-hero-top,body.gate-home-prepared:not(.gate-home-arrival) #main .hero-bottom,body.gate-home-prepared:not(.gate-home-arrival)>header{visibility:hidden}
body.gate-home-prepared.gate-home-arrival #main .v2-hero-description,body.gate-home-prepared.gate-home-arrival #main .v2-cta,body.gate-home-prepared.gate-home-arrival #main .chiqi-response-slot,body.gate-home-prepared.gate-home-arrival #main .v2-hero-top,body.gate-home-prepared.gate-home-arrival #main .hero-bottom,body.gate-home-prepared.gate-home-arrival>header{animation:gate-home-small 160ms var(--scene-snap) both!important}
@keyframes gate-home-small{from{translate:0 5px;opacity:0}to{translate:0 0;opacity:1}}
@media(max-width:600px){#intro .gate-top{left:6%;right:6%;top:calc(12px + env(safe-area-inset-top));font-size:7px;letter-spacing:.5px}#intro-skip{font-size:8px;padding:8px 10px}.gate-top .fr-star{width:14px;height:16px}.gate-canvas{width:88vw;height:calc(100svh - 134px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:360px;max-height:740px}.gate-brand{left:4%;top:7%;width:86%}.gate-brand h1{font-size:clamp(60px,19.2vw,84px)}.gate-brand-label{font-size:7px;letter-spacing:.8px;margin-bottom:13px}.gate-brand>small{font-size:7px;margin-top:12px}.gate-counter{left:30%;top:39%;width:70%;padding:7px 10px 9px;box-shadow:4px 5px 0 var(--paper)}.gate-number{font-size:clamp(77px,26vw,116px);padding-right:4px}.gate-percent{font-size:30px}.gate-counter-label{font-size:6px;letter-spacing:.7px}.gate-counter-rule{font-size:5px;letter-spacing:.3px}.gate-cell{height:50px;width:5.15%;top:calc(67% - var(--i)*.7% + var(--lift));border-width:1px;box-shadow:3px 4px 0 var(--black)}.gate-cell small{font-size:5px;left:27%;bottom:7px}.gate-arrow{width:44px;height:44px;top:calc(66% - var(--gate-progress,0)*.112%)}.gate-scene-state{left:8%;top:83%;max-width:87%;padding-left:9px}.gate-scene-label{font-size:6px;letter-spacing:.6px}.gate-stage{font-size:22px}.gate-subtitle{font-size:12px}.gate-star{height:25%!important;top:29%!important;width:32%!important;right:-5%!important}.gate-keeper{font-size:6px;letter-spacing:.4px;bottom:1%;right:0;padding:5px}.gate-registration{font-size:6px;left:0;bottom:24%}#intro .gate-bottom{font-size:6px;letter-spacing:.2px;left:6%;right:6%;bottom:calc(12px + env(safe-area-inset-bottom));max-width:88%;align-items:end}.gate-bottom>span{max-width:48%}.gate-poster .gate-counter{left:9%;top:7%;width:86%}.gate-poster .gate-number{font-size:clamp(98px,35vw,155px);letter-spacing:-.07em}.gate-poster .gate-percent{font-size:37px}.gate-poster .gate-brand{left:3%;top:-1%;width:78%}.gate-poster .gate-brand h1{font-size:19px}.gate-poster .gate-brand-label{font-size:6px;margin-bottom:6px}.gate-poster .gate-brand>small{font-size:6px}.gate-ready-word{left:4%;top:29%;font-size:clamp(64px,22vw,96px)}.gate-enter{inset:41% 1% 6% 3%}.gate-press{font-size:clamp(55px,20vw,86px);top:2%;left:5%}.gate-to{font-size:19px!important;top:36%;padding:6px 9px;left:0}.gate-enter-word{font-size:clamp(63px,22.5vw,99px);top:49%;left:7%}.gate-enter>small{font-size:6px;letter-spacing:.5px;left:14%;bottom:1%}.gate-poster .gate-star{top:24%!important;width:32%!important;right:-7%!important}.gate-poster .gate-arrow{width:17%;height:18%;left:76%!important;top:47%!important}.gate-poster .gate-cell{box-shadow:4px 5px 0 var(--black)}.gate-poster .gate-scene-state{top:96%;max-width:45%}.gate-poster .gate-stage{font-size:6px}.gate-poster .gate-registration{left:0;bottom:33%}#gate-error{left:6%;right:6%;padding:15px}#gate-error strong{font-size:14px}#gate-error button{font-size:8px}}
@media(max-width:360px){.gate-number{font-size:clamp(72px,25.7vw,92px)}.gate-poster .gate-number{font-size:34vw}.gate-poster .gate-percent{font-size:31px}.gate-ready-word{font-size:21vw}.gate-enter-word{font-size:22vw}.gate-press{font-size:19.6vw}.gate-counter-rule{letter-spacing:0}.gate-canvas{width:88vw}}
@media(max-height:580px) and (min-width:601px){.gate-canvas{height:calc(100svh - 115px);width:min(780px,88vw)}.gate-brand h1{font-size:80px}.gate-number{font-size:110px}.gate-poster .gate-number{font-size:160px}.gate-ready-word{font-size:80px}.gate-press{font-size:75px}.gate-enter-word{font-size:90px}.gate-cell{height:45px}}
#intro.gate-quiet *{animation:none!important;transition:none!important}.reduced .gate-home-arrival *,body.reduced.gate-home-arrival *,body.reduced.gate-home-arrival>header{animation:none!important}
@media(prefers-reduced-motion:reduce){#intro.gate-intro *,.gate-home-arrival *,.gate-home-arrival>header{animation:none!important;transition:none!important}}

html:not(.intro-pending) #intro.gate-intro[hidden]{display:none!important}html.intro-pending{background:var(--red)}
/* V5.9: the PAGE is the preparation meter. No path/track is visible. */
.gate-background{background:var(--black)}.gate-page-progress{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.gate-background .gate-dots{opacity:.23;clip-path:polygon(0 0,30% 0,0 55%)}
#intro:not(.gate-poster) .gate-cell{opacity:0;left:var(--rx);top:var(--ry);width:var(--rw);height:var(--rh);transform:rotate(var(--rt));border:0;pointer-events:none}
#intro .gate-arrow{transform:rotate(-15deg);width:90px;height:98px;z-index:12}.gate-arrow svg{filter:none!important}
#intro:not(.gate-poster) .gate-brand{top:12%;left:5%;z-index:7}
#intro:not(.gate-poster) .gate-counter{left:12%;top:47%;width:79%;transform:translate(calc(var(--counter-nudge,0)*1px),0) rotate(-7deg);background:var(--black);box-shadow:6px 8px 0 var(--paper);clip-path:polygon(5% 0,100% 7%,93% 100%,0 89%);padding:12px 19px 18px;z-index:8}
#intro:not(.gate-poster) .gate-number{font-size:clamp(105px,16vw,205px);letter-spacing:-.065em}.gate-counter::after{content:'';position:absolute;right:4%;top:0;width:5%;height:100%;background:var(--red);transform:skew(-13deg);opacity:calc(var(--gate-progress,0)*.00667);pointer-events:none}.gate-poster .gate-counter::after{display:none}
.gate-poster .gate-cell{opacity:1;left:var(--rx);top:var(--ry);width:var(--rw);height:var(--rh);transform:rotate(var(--rt));box-shadow:none;border:0;z-index:2}.gate-poster .gate-cell:nth-child(1){clip-path:polygon(6% 0,100% 4%,94% 35%,89% 38%,96% 100%,0 93%,5% 57%,0 53%);z-index:2}.gate-poster .gate-cell:nth-child(2){clip-path:polygon(3% 0,100% 5%,91% 100%,0 87%);box-shadow:5px 7px 0 var(--black);z-index:4}.gate-poster .gate-cell:nth-child(3){clip-path:polygon(0 0,85% 0,100% 39%,83% 100%,0 87%);z-index:3}
.gate-poster .gate-counter{left:7%;top:13%;width:87%;z-index:8;transform:rotate(-7deg);padding:0;clip-path:none;background:none;box-shadow:none}.gate-poster .gate-counter-label,.gate-poster .gate-counter-rule{display:none!important}.gate-poster .gate-number{font-size:clamp(165px,23vw,275px);text-shadow:5px 6px 0 var(--red);letter-spacing:-.065em}.gate-poster .gate-percent{font-size:clamp(42px,5.5vw,68px);margin-left:4px;color:var(--paper)}
.gate-poster .gate-brand{left:3%;top:0;width:63%}.gate-poster .gate-ready-word{left:auto;right:3%;top:3%;padding:6px 12px 7px;font:1000 italic clamp(23px,3.5vw,37px)/1 Arial;letter-spacing:-.03em;transform:rotate(7deg);background:var(--paper);color:var(--black);border:2px solid var(--black);box-shadow:3px 4px 0 var(--red);text-shadow:none;z-index:11}.gate-poster .gate-ready-word>span{color:var(--red);-webkit-text-stroke:0}
.gate-poster .gate-enter{inset:47% 2% 10% 4%;transform:rotate(-7deg);z-index:14}.gate-poster .gate-press{left:6%;top:0;font-size:clamp(65px,10vw,120px);color:var(--black);-webkit-text-fill-color:var(--black);text-shadow:none;transform:none}.gate-poster .gate-to{left:1%;top:42%;font-size:20px!important;transform:none;z-index:2;padding:5px 10px;border-left:3px solid var(--red)}.gate-poster .gate-enter-word{left:10%;top:50%;font-size:clamp(79px,12vw,145px);color:var(--paper);-webkit-text-fill-color:var(--paper);text-shadow:4px 4px 0 var(--black);transform:none}.gate-poster .gate-enter>small{left:20%;bottom:-12%;color:var(--paper);transform:none}.gate-poster .gate-arrow{left:80%!important;top:60%!important;width:11%!important;height:15%!important;transform:rotate(-15deg);z-index:12}.gate-poster .gate-star{top:89%!important;left:-2%;right:auto!important;width:10%!important;height:11%!important;z-index:9}.gate-poster .gate-registration{display:none}.gate-poster .gate-keeper{bottom:0}.gate-poster .gate-scene-state{top:98%;max-width:65%;left:13%}
.gate-intro.gate-frozen{width:var(--gate-vw);height:var(--gate-vh)}.gate-intro.gate-frozen .gate-canvas{left:var(--frozen-x);top:var(--frozen-y);width:var(--frozen-w);height:var(--frozen-h);transform:none}.gate-intro.gate-frozen .gate-shard{width:var(--gate-vw);height:var(--gate-vh);transform-origin:50% 50%}.gate-shard{overflow:visible;backface-visibility:hidden}.gate-shard-face,.gate-shard-depth,.gate-shard-lip{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gate-shard-depth{background:var(--black);transform:translate(7px,10px)}.gate-shard-lip{background:var(--paper);transform:translate(3px,5px)}.gate-shard-face{z-index:2}.gate-fracture{position:absolute;inset:0;pointer-events:none;z-index:24}.gate-fracture svg{display:block;width:100%;height:100%}
@media(max-width:600px){#intro .gate-arrow{width:62px;height:68px}#intro:not(.gate-poster) .gate-brand{top:11%;left:4%}.gate-brand h1{font-size:18.5vw}#intro:not(.gate-poster) .gate-counter{left:8%;top:48%;width:88%;padding:10px 13px 15px}#intro:not(.gate-poster) .gate-number{font-size:clamp(92px,31.5vw,138px)}.gate-poster .gate-counter{left:6%;top:13%;width:91%}.gate-poster .gate-number{font-size:clamp(108px,37vw,160px)}.gate-poster .gate-percent{font-size:clamp(29px,9vw,38px);margin-left:1px}.gate-poster .gate-ready-word{top:3%;right:2%;font-size:clamp(21px,7vw,30px);padding:5px 8px}.gate-poster .gate-enter{inset:47% 1% 13% 4%}.gate-poster .gate-press{font-size:clamp(54px,18.7vw,82px);left:5%;top:1%}.gate-poster .gate-enter-word{font-size:clamp(63px,21.6vw,94px);top:53%;left:7%}.gate-poster .gate-to{font-size:15px!important;top:42%;padding:4px 7px}.gate-poster .gate-enter>small{bottom:-16%;font-size:6px;letter-spacing:.7px}.gate-poster .gate-stage{font-size:6px}.gate-scene-state{top:84%}.gate-subtitle{font-size:12px}.gate-poster .gate-arrow{left:80%!important;top:61%!important}.gate-poster .gate-star{left:-1%;top:90%!important;width:11%!important;height:10%!important}}
@media(max-height:580px) and (min-width:601px){.gate-poster .gate-number{font-size:140px}.gate-poster .gate-press{font-size:65px}.gate-poster .gate-enter-word{font-size:78px}.gate-poster .gate-ready-word{font-size:22px}}
/* The cutter owns the loading focus; the secondary identity mark stays small. */
#intro:not(.gate-poster) .gate-star{top:89%!important;left:0;right:auto!important;width:8%!important;height:10%!important;z-index:5}.gate-poster .gate-counter>div{gap:3px}.gate-counter{font-variant-numeric:tabular-nums}