.hq-rank-cinematic{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff9d8;background:#02050b;font-family:Jersey\ 25,LINE Seed Sans TH,sans-serif;touch-action:none}.hq-rank-cinematic-flash,.hq-rank-cinematic-space,.hq-rank-cinematic-vignette{position:absolute;inset:0;pointer-events:none}.hq-rank-cinematic-space{z-index:-3;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(80,68,127,.38),transparent 27%),radial-gradient(circle at 52% 48%,rgba(222,147,34,.12),transparent 45%),linear-gradient(180deg,#030712,#08091a 47%,#02040a);animation:hqCinematicEnter .45s ease-out both}.hq-rank-nebula{position:absolute;width:100vmax;height:100vmax;border-radius:50%;filter:blur(42px);mix-blend-mode:screen;opacity:.26}.hq-rank-nebula-a{left:-46vmax;top:-51vmax;background:conic-gradient(from 110deg,transparent,#123f78,transparent 28%,#6b286d,transparent 62%);animation:hqNebulaSpin 24s linear infinite}.hq-rank-nebula-b{right:-56vmax;bottom:-61vmax;background:conic-gradient(from 270deg,transparent,#a35b18,transparent 31%,#3432a0,transparent 65%);animation:hqNebulaSpin 30s linear infinite reverse}.hq-rank-cinematic-vignette{z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent 18%,transparent 78%,rgba(0,0,0,.78)),radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.73) 100%)}.hq-rank-cinematic-flash{z-index:19;opacity:0;background:#fffbe6}.hq-rank-cinematic-success .hq-rank-cinematic-flash{animation:hqCinematicFlash 1.1s ease-out both}.hq-rank-space-star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#fff;box-shadow:0 0 8px #9dc8ff;opacity:.25;animation:hqSpaceStarTwinkle var(--star-duration) ease-in-out infinite alternate;animation-delay:calc(var(--star-index) * -90ms)}.hq-rank-cinematic-stage{position:absolute;left:50%;top:43%;width:min(78vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.hq-rank-energy-particles,.hq-rank-energy-rings,.hq-rank-icon-aura,.hq-rank-ray-field{position:absolute;inset:0;display:grid;place-items:center}.hq-rank-energy-rings span{position:absolute;width:71%;height:71%;border:1px solid rgba(255,221,119,.52);border-radius:50%;box-shadow:0 0 13px rgba(255,190,53,.3),inset 0 0 13px rgba(255,190,53,.25);transform:rotateX(68deg) rotate(0deg);animation:hqEnergyRing 2.4s linear infinite}.hq-rank-energy-rings span:nth-child(2){width:88%;height:88%;border-style:dashed;border-color:rgba(119,185,255,.4);transform:rotateY(70deg) rotate(22deg);animation-direction:reverse;animation-duration:3.2s}.hq-rank-energy-rings span:nth-child(3){width:58%;height:58%;border-width:2px;border-color:rgba(255,244,185,.62);transform:rotateX(74deg) rotate(52deg);animation-duration:1.75s}.hq-rank-ray-field{animation:hqRayFieldSpin 18s linear infinite}.hq-rank-ray-field i{--ray-angle:calc(var(--ray-index) * 22.5deg);position:absolute;left:50%;top:50%;width:46%;height:2px;transform-origin:left center;transform:rotate(var(--ray-angle)) scaleX(.25);background:linear-gradient(90deg,rgba(255,246,191,.82),rgba(255,191,55,.14),transparent);opacity:var(--ray-opacity);filter:blur(.3px);animation:hqEnergyRay 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--ray-index) * -80ms)}.hq-rank-energy-particles i{--energy-angle:calc(var(--energy-index) * 12deg);position:absolute;left:50%;top:50%;width:var(--energy-width);height:var(--energy-height);border-radius:999px;background:linear-gradient(#fffbd0,#ffae24,transparent);box-shadow:0 0 8px rgba(255,198,69,.9);opacity:0;animation:hqEnergyParticle 1.65s ease-in infinite;animation-delay:calc(var(--energy-index) * -55ms)}.hq-rank-icon-aura{inset:19%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,229,.36) 0,rgba(255,188,50,.18) 28%,transparent 68%);filter:drop-shadow(0 0 26px rgba(255,191,53,.52));animation:hqIconAuraCharge .9s ease-in-out infinite alternate}.hq-rank-icon-backlight{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,#fffbd2 0,#ffc13c 15%,rgba(104,102,255,.2) 43%,transparent 70%);filter:blur(14px);opacity:.68;animation:hqBacklightPulse .7s ease-in-out infinite alternate}.hq-rank-icon-orbit{position:absolute;width:92%;height:32%;border-color:rgba(255,229,129,.72) transparent;border-style:solid;border-width:2px;border-radius:50%;filter:drop-shadow(0 0 5px #ffc54f);animation:hqIconOrbit 1.8s linear infinite}.hq-rank-icon-orbit-b{width:38%;height:98%;border-color:transparent rgba(125,183,255,.58);animation-direction:reverse;animation-duration:2.25s}.hq-rank-cinematic-icon{position:relative;z-index:3;width:48%;height:48%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,255,255,.92)) drop-shadow(0 0 24px rgba(255,185,43,.82));animation:hqRankIconCharge 1.05s ease-in-out infinite alternate}.hq-rank-cinematic-success .hq-rank-cinematic-stage{animation:hqSuccessStageReveal 1.25s cubic-bezier(.16,1.25,.35,1) both}.hq-rank-cinematic-success .hq-rank-cinematic-icon{animation:hqRankIconSuccess 1.35s cubic-bezier(.14,1.4,.3,1) both}.hq-rank-cinematic-success .hq-rank-icon-aura{animation:hqSuccessAura 1.45s ease-out both}.hq-rank-cinematic-copy{position:absolute;z-index:30;left:50%;top:min(72%,calc(50% + 205px));width:min(92vw,640px);transform:translateX(-50%);text-align:center;text-transform:uppercase;text-shadow:0 3px 14px #000,0 0 25px rgba(255,192,54,.42)}.hq-rank-cinematic-kicker{display:flex;align-items:center;justify-content:center;gap:7px;color:#f6cc69;font-family:LINE Seed Sans TH,sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:900;letter-spacing:.32em;animation:hqCopyFadeUp .5s ease-out .15s both}.hq-rank-cinematic-copy h2{margin:4px 0 3px;color:#fff8cf;font-size:clamp(42px,12vw,84px);font-weight:400;line-height:.9;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#fff2ad 38%,#e6a42e 72%,#81490b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(78,42,4,.9));animation:hqTitleReveal .7s cubic-bezier(.15,1.25,.3,1) .25s both}.hq-rank-transition-names{margin-top:9px;display:flex;align-items:center;justify-content:center;gap:11px;color:hsla(0,0%,100%,.55);font-family:LINE Seed Sans TH,sans-serif;font-size:clamp(11px,3vw,15px);font-weight:800;letter-spacing:.13em;animation:hqCopyFadeUp .55s ease-out .4s both}.hq-rank-transition-names strong{color:#ffe28a}.hq-rank-charge-track{width:min(72vw,330px);height:4px;margin:15px auto 7px;overflow:hidden;border:1px solid rgba(255,230,146,.48);border-radius:99px;background:rgba(0,0,0,.6);box-shadow:0 0 13px rgba(255,190,50,.25)}.hq-rank-charge-track span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#6f54ff,#6dc9ff 37%,#fff0a7 72%,#ffb52e);box-shadow:0 0 12px #fff2a6;animation:hqChargeTrack 2.55s cubic-bezier(.18,.72,.22,1) both}.hq-rank-cinematic-copy p{margin:0;color:rgba(220,228,255,.58);font-weight:700;letter-spacing:.16em}.hq-rank-cinematic-copy p,.hq-rank-unlocked-label{font-family:LINE Seed Sans TH,sans-serif;font-size:10px}.hq-rank-unlocked-label{margin-top:13px;color:rgba(255,240,178,.72);font-weight:900;letter-spacing:.28em;animation:hqCopyFadeUp .5s ease-out .45s both}.hq-rank-cinematic-new-name{display:block;margin-top:3px;color:#fff0a1;font-size:clamp(28px,8vw,50px);font-weight:400;letter-spacing:.09em;animation:hqNewRankName .8s cubic-bezier(.16,1.35,.3,1) .55s both}.hq-rank-cinematic-error-card{max-width:470px;margin:auto;padding:28px 24px;border:1px solid hsla(0,100%,70%,.4);border-radius:8px;color:#ffb4b4;background:rgba(34,5,11,.88);box-shadow:0 0 45px rgba(255,40,76,.16);animation:hqErrorCard .45s cubic-bezier(.2,1.2,.4,1) both}.hq-rank-cinematic-error .hq-rank-cinematic-copy{top:50%;transform:translate(-50%,-50%)}.hq-rank-cinematic-error .hq-rank-cinematic-copy h2{font-size:clamp(36px,10vw,65px);background:linear-gradient(#fff,#f77,#841d2d);-webkit-background-clip:text;background-clip:text}.hq-rank-cinematic-error-card p{margin-top:15px;color:hsla(0,100%,94%,.72);letter-spacing:.04em;text-transform:none}.hq-rank-cinematic-skip{position:absolute;z-index:30;bottom:max(18px,env(safe-area-inset-bottom));color:hsla(0,0%,100%,.25);font-family:LINE Seed Sans TH,sans-serif;font-size:8px;font-weight:800;letter-spacing:.28em}@keyframes hqCinematicEnter{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes hqNebulaSpin{to{transform:rotate(1turn)}}@keyframes hqSpaceStarTwinkle{0%{opacity:.15;transform:scale(.65)}to{opacity:.9;transform:scale(1.45)}}@keyframes hqEnergyRing{to{rotate:1turn}}@keyframes hqRayFieldSpin{to{transform:rotate(1turn)}}@keyframes hqEnergyRay{0%{opacity:.12;transform:rotate(var(--ray-angle)) scaleX(.18)}to{opacity:.55;transform:rotate(var(--ray-angle)) scaleX(1)}}@keyframes hqEnergyParticle{0%{opacity:0;transform:rotate(var(--energy-angle)) translateY(var(--energy-distance)) scaleY(1.8)}18%{opacity:.95}to{opacity:0;transform:rotate(var(--energy-angle)) translateY(34px) scaleY(.2)}}@keyframes hqIconAuraCharge{0%{transform:scale(.87);filter:drop-shadow(0 0 18px rgba(255,191,53,.38))}to{transform:scale(1.05);filter:drop-shadow(0 0 42px rgba(255,204,80,.8))}}@keyframes hqBacklightPulse{0%{opacity:.38;transform:scale(.78)}to{opacity:.85;transform:scale(1.18)}}@keyframes hqIconOrbit{to{transform:rotate(1turn)}}@keyframes hqRankIconCharge{0%{transform:scale(.88) translateY(4px);filter:drop-shadow(0 0 7px white) drop-shadow(0 0 15px rgba(255,185,43,.62))}to{transform:scale(1.04) translateY(-5px);filter:drop-shadow(0 0 12px white) drop-shadow(0 0 38px rgba(255,185,43,1))}}@keyframes hqSuccessStageReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(2.7);filter:brightness(3) blur(8px)}45%{opacity:1;transform:translate(-50%,-50%) scale(.9);filter:brightness(1.45) blur(0)}to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}@keyframes hqRankIconSuccess{0%{opacity:0;transform:rotate(-18deg) scale(3.5);filter:brightness(4) blur(8px)}50%{opacity:1;transform:rotate(4deg) scale(.82);filter:brightness(1.6) blur(0)}72%{transform:rotate(-2deg) scale(1.12)}to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 12px white) drop-shadow(0 0 38px #ffc038)}}@keyframes hqSuccessAura{0%{opacity:0;transform:scale(.1)}32%{opacity:1;transform:scale(1.45)}to{opacity:.76;transform:scale(1)}}@keyframes hqCinematicFlash{0%{opacity:0}5%{opacity:1}18%{opacity:.08}26%{opacity:.65}to{opacity:0}}@keyframes hqCopyFadeUp{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes hqTitleReveal{0%{opacity:0;transform:scale(.45);filter:blur(8px)}65%{opacity:1;transform:scale(1.12);filter:blur(0)}to{transform:scale(1)}}@keyframes hqChargeTrack{0%{transform:scaleX(0)}72%{transform:scaleX(.76)}to{transform:scaleX(1)}}@keyframes hqNewRankName{0%{opacity:0;transform:translateY(14px) scale(.6);filter:blur(5px)}65%{opacity:1;transform:translateY(-2px) scale(1.12);filter:blur(0)}to{transform:translateY(0) scale(1)}}@keyframes hqErrorCard{0%{opacity:0;transform:scale(.7)}55%{opacity:1;transform:scale(1.04)}70%{transform:translateX(-5px)}84%{transform:translateX(5px)}to{transform:translateX(0) scale(1)}}@media (max-height:680px){.hq-rank-cinematic-stage{top:39%;width:min(66vh,78vw)}.hq-rank-cinematic-copy{top:71%}.hq-rank-cinematic-copy h2{font-size:clamp(38px,9vh,68px)}}@media (min-width:800px){.hq-rank-cinematic-stage{width:min(62vh,620px)}.hq-rank-cinematic-copy{top:calc(50% + 260px)}}@media (prefers-reduced-motion:reduce){.hq-rank-cinematic *,.hq-rank-cinematic :after,.hq-rank-cinematic :before{animation-duration:.01ms!important;animation-iteration-count:1!important}}