/* Cinematic resonance sequence */
.gx{position:absolute;inset:0;overflow:hidden;background:#03070e;color:#edf4ff;--gx:#8acbff;isolation:isolate}
.gx canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gx:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse,transparent 25%,#0009 100%);box-shadow:inset 0 38px #000,inset 0 -38px #000}
.gx-top{position:absolute;top:54px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:60;font-size:10px;letter-spacing:.22em;color:#a7b7ca}
.gx-controls{display:flex;gap:8px}.gx button:focus-visible{outline:2px solid var(--gx);outline-offset:5px}
.gx-small{padding:10px 14px;background:#0b1424bb;border:1px solid #ffffff30;color:#dbe6f6;letter-spacing:.12em;font-size:11px;cursor:pointer}
.gx-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}
.gx-eyebrow{color:var(--gx);letter-spacing:.5em;font-size:10px;margin-bottom:28px}
.gx-device{position:relative;width:min(48vh,340px);aspect-ratio:1;display:grid;place-items:center}
.gx-ring{position:absolute;inset:0;border:1px solid var(--gx);border-radius:50%;opacity:.5;animation:gxSpin 18s linear infinite;box-shadow:0 0 36px #73bfff18,inset 0 0 35px #73bfff15}
.gx-ring:before,.gx-ring:after{content:'';position:absolute;background:var(--gx);width:6px;height:6px;border-radius:50%;top:50%;left:-3px;box-shadow:0 0 15px var(--gx)}
.gx-ring:after{left:auto;right:-3px}.gx-ring.two{inset:10%;border-style:dashed;animation-direction:reverse;animation-duration:26s}.gx-ring.three{inset:23%;border-radius:0;animation-duration:14s}
.gx-core{position:relative;width:35%;height:35%;border:1px solid var(--gx);transform:rotate(45deg);background:linear-gradient(135deg,#c4e5ff25,#14284488);box-shadow:0 0 60px #83c7ff44;cursor:pointer;touch-action:none;color:white;transition:box-shadow .1s}
.gx-core span{display:block;transform:rotate(-45deg);font-family:Cinzel,serif;font-size:22px;letter-spacing:.1em}
.gx-caption{text-align:center;margin-top:30px}.gx-caption h2{font-family:'Nanum Myeongjo',serif;font-size:clamp(24px,3vw,38px);margin:0 0 12px}.gx-caption p{color:#94a6bd;font-size:12px;letter-spacing:.12em}
.gx-meter{height:2px;width:230px;background:#ffffff20;margin:22px auto}.gx-meter i{display:block;height:100%;background:var(--gx);box-shadow:0 0 14px var(--gx)}
.gx-launch{margin-top:8px;border:0;border-bottom:1px solid #ffffff40;padding:10px 20px;background:transparent;color:#bfccdd;font-size:12px;cursor:pointer}
.gx-flight-title{animation:gxTitle 4.8s both;text-align:center}.gx-flight-title h2{font:clamp(28px,5vw,66px) 'Nanum Myeongjo',serif;letter-spacing:.3em}.gx-flight-title p{letter-spacing:.6em;color:var(--gx);font-size:11px;margin-top:18px}
.gx-slit{position:absolute;left:50%;top:50%;height:1px;width:0;background:#fff;box-shadow:0 0 40px 7px var(--gx);animation:gxSlit 4.8s both;transform:translate(-50%,-50%)}
.gx-reveal{animation:gxScene .8s both}.gx-halo{position:absolute;width:75vmin;height:75vmin;border:1px solid var(--gx);border-radius:50%;opacity:.3;animation:gxHalo 1.7s ease-out both}.gx-halo:after{content:'';position:absolute;inset:12%;border:1px dashed var(--gx);transform:rotate(35deg)}
.gx-layout{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(28px,6vw,100px);width:90%;z-index:8}
.gx-card{position:relative;width:min(34vw,310px,44vh);aspect-ratio:2/3;border:1px solid var(--gx);padding:9px;background:linear-gradient(145deg,#ffffff15,#03070ef5 65%);box-shadow:0 0 80px #000,0 0 50px color-mix(in srgb,var(--gx) 22%,transparent);animation:gxCard 1s cubic-bezier(.16,1,.3,1) both;overflow:hidden;flex-shrink:0}
.gx-card:after{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 43%,#ffffff55 50%,transparent 57%);animation:gxShine 1.5s .4s both;pointer-events:none}
.gx-art{width:100%;height:100%;border:1px solid #ffffff20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#ffffff14,transparent 70%)}
.gx-rank{position:absolute;top:20px;left:20px;font:26px Cinzel,serif;color:var(--gx)}.gx-card-foot{position:absolute;bottom:18px;left:20px;right:20px;border-top:1px solid #ffffff30;padding-top:12px;font-size:9px;letter-spacing:.2em;color:var(--gx)}
.gx-info{max-width:400px;animation:gxInfo .8s .3s both}.gx-info .gx-stars{color:var(--gx);letter-spacing:.4em;font-size:19px}.gx-info h2{font-family:'Nanum Myeongjo',serif;font-size:clamp(28px,4vw,54px);margin:16px 0;line-height:1.25;word-break:keep-all}.gx-info blockquote{font-size:13px;line-height:1.9;color:#a8b5c8;border-left:1px solid var(--gx);padding-left:20px;margin:22px 0}.gx-info small{font-size:10px;letter-spacing:.28em;color:var(--gx)}
.gx-bottom{position:absolute;bottom:55px;left:5%;right:5%;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px}.gx-dots{display:flex;gap:7px}.gx-dots i{height:3px;width:18px;background:#ffffff25}.gx-dots i.seen{background:var(--gx)}
.gx-primary{padding:13px 28px;border:1px solid var(--gx);background:var(--gx);color:#07101c;font-size:12px;cursor:pointer;letter-spacing:.1em}.gx-primary:disabled{opacity:.35;cursor:default}
.gx-summary{overflow-y:auto;padding:100px 5% 70px;display:flex;align-items:center;flex-direction:column;z-index:40}.gx-summary h2{font:30px 'Nanum Myeongjo',serif;margin:8px 0 24px}.gx-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:min(880px,100%);margin-bottom:24px}.gx-result{position:relative;aspect-ratio:3/4;min-width:0;border:1px solid var(--gx);background:linear-gradient(140deg,#ffffff10,#080e1d);color:white;padding:12px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;animation:gxInfo .5s both;cursor:pointer}.gx-result span{font-size:11px;width:100%;text-align:center;line-height:1.4;margin-top:10px;word-break:keep-all}.gx-result small{color:var(--gx);letter-spacing:.15em;font-size:10px}.gx-summary .gx-controls{margin-top:20px}.gx-reward{color:#cfb4fa;font-size:12px}.gx-pity{font-size:11px;color:#8f9cb0;margin-top:10px}
.gx-tier-5:before{content:"";position:absolute;width:110vmax;height:110vmax;background:repeating-conic-gradient(from 15deg,transparent 0deg 22deg,#ffd08412 23deg 25deg,transparent 26deg 45deg);animation:gxSpin 65s linear infinite;pointer-events:none}.gx-tier-5 .gx-card{animation-duration:1.5s;border-width:2px}.gx-tier-4 .gx-halo{border-radius:0;transform:rotate(45deg)}
@keyframes gxSpin{to{transform:rotate(360deg)}}@keyframes gxTitle{0%,10%{opacity:0;transform:translateY(15px)}25%,55%{opacity:1;transform:none}72%,100%{opacity:0;transform:scale(1.08)}}
@keyframes gxSlit{0%,62%{width:0;opacity:0}75%{width:70%;opacity:.8}86%{width:95%;height:2px;opacity:1}100%{width:140%;height:130%;opacity:0}}
@keyframes gxScene{from{opacity:0}to{opacity:1}}@keyframes gxHalo{from{transform:scale(.35);opacity:.8}to{transform:scale(1.3);opacity:.18}}@keyframes gxCard{0%{opacity:0;transform:translateY(80px) rotateY(75deg) scale(.75);filter:brightness(2)}100%{opacity:1;transform:none;filter:brightness(1)}}@keyframes gxShine{from{transform:translateX(-60%)}to{transform:translateX(60%)}}@keyframes gxInfo{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:600px){.gx-top{top:22px;font-size:8px}.gx:after{box-shadow:none}.gx-layout{flex-direction:column;gap:16px}.gx-card{width:min(46vw,28vh)}.gx-info{text-align:center}.gx-info h2{font-size:25px;margin:8px 0}.gx-info blockquote{display:none}.gx-info .gx-stars{font-size:13px}.gx-eyebrow{margin-bottom:12px}.gx-bottom{bottom:22px}.gx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-summary{padding-top:90px}.gx-result{aspect-ratio:4/3}.gx-summary .gx-controls{flex-wrap:wrap;justify-content:center}.gx-top>span{max-width:40%}.gx-dots{gap:4px}.gx-dots i{width:10px}}
@media(prefers-reduced-motion:reduce){.gx *,.gx *:before,.gx *:after{animation:none!important;transition:none!important}.gx-slit{display:none}}


/* Full-screen summoning choreography */
.gx-portal-scene{perspective:1000px;position:absolute;inset:0;overflow:hidden}
.gx-track{position:absolute;inset:-60%;background:repeating-linear-gradient(90deg,transparent 0 11%,#abd7ff15 11.1% 11.25%,transparent 11.4% 22%);transform:rotateX(72deg);transform-origin:50% 65%;animation:gxTrack 1.1s linear infinite}
.gx-gate{position:absolute;left:50%;top:47%;width:min(36vw,310px);height:min(65vh,490px);transform:translate(-50%,-50%);filter:drop-shadow(0 0 25px var(--gx));animation:gxGateApproach 6.4s cubic-bezier(.4,0,.2,1) both}
.gx-gate-frame{position:absolute;inset:-12px;border:2px solid var(--gx);clip-path:polygon(12% 0,88% 0,100% 8%,100% 100%,0 100%,0 8%);background:linear-gradient(90deg,#0b1526,transparent 30% 70%,#0b1526);box-shadow:inset 0 0 40px var(--gx)}
.gx-gate-light{position:absolute;inset:0;background:linear-gradient(90deg,var(--gx),#fff,var(--gx));box-shadow:0 0 100px 30px var(--gx);animation:gxGateLight 6.4s both}
.gx-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(120deg,#1e3047,#040914 50%,#152334);border:1px solid #bfdfff55;overflow:hidden}
.gx-door:before{content:'';position:absolute;inset:9px;border:1px solid #ffffff18;clip-path:polygon(0 0,100% 0,100% 85%,60% 100%,0 100%)}
.gx-door:after{content:'';position:absolute;left:25%;right:25%;top:32%;height:30%;border:1px solid var(--gx);transform:skewY(-25deg);box-shadow:0 0 25px #ffffff20}
.gx-door.left{left:0;animation:gxDoorLOpen 2.944s 3.456s cubic-bezier(.22,.72,.22,1) both}.gx-door.right{right:0;animation:gxDoorROpen 2.944s 3.456s cubic-bezier(.22,.72,.22,1) both}
.gx-ticket{position:absolute;left:50%;top:50%;width:124px;height:220px;margin:-110px -62px;background:linear-gradient(135deg,#e1efff,#7798b9 38%,#e3f1ff 40%,#83a0bd);color:#0a1527;box-shadow:0 20px 80px #000c;clip-path:polygon(0 0,100% 0,100% 36%,92% 40%,100% 44%,100% 100%,0 100%,0 44%,8% 40%,0 36%);animation:gxTicketFlight 6.4s cubic-bezier(.6,0,.25,1) both;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:15px;z-index:7}
.gx-ticket strong{font:36px 'Nanum Myeongjo',serif;writing-mode:vertical-rl;letter-spacing:.2em}.gx-ticket span{font:8px monospace;letter-spacing:.2em}.gx-ticket i{width:90%;height:24px;background:repeating-linear-gradient(90deg,#13273f 0 1px,transparent 1px 4px,#13273f 4px 6px,transparent 6px 8px)}
.gx-burst{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#fff 0%,var(--gx) 20%,transparent 65%);animation:gxBurst 6.4s both;pointer-events:none;z-index:9}
.gx-portal-label{position:absolute;bottom:16%;width:100%;text-align:center;font:11px monospace;letter-spacing:.4em;color:var(--gx);animation:gxPortalLabel 6.4s both}
.gx-portal-label b{display:block;font:28px 'Nanum Myeongjo',serif;letter-spacing:.2em;color:white;margin-bottom:15px}
.gx-flight-title,.gx-slit{display:none}
.gx-reveal .gx-layout{position:absolute;inset:0;width:100%;display:block;perspective:1200px}
.gx-reveal .gx-card{position:absolute;left:31%;top:9%;width:64%;height:85%;aspect-ratio:auto;border:0!important;padding:0;background:none;box-shadow:none;overflow:visible;animation:gxSplash 1.7s cubic-bezier(.16,1,.3,1) both!important}
.gx-reveal .gx-art{border:0;background:none;filter:drop-shadow(0 20px 40px #000a);transform:rotate(-7deg);animation:gxArtFloat 7s 1.7s ease-in-out infinite}
.gx-reveal .gx-art>img{max-height:100%;object-fit:contain!important;filter:drop-shadow(0 0 32px color-mix(in srgb,var(--gx) 35%,transparent))}
.gx-reveal .gx-art>svg{width:65%;height:75%;filter:drop-shadow(0 0 32px var(--gx));stroke-width:.45}
.gx-reveal .gx-card:after,.gx-reveal .gx-rank,.gx-reveal .gx-card-foot{display:none}
.gx-reveal .gx-info{position:absolute;left:9%;top:37%;max-width:39%;z-index:12;animation:gxName .85s .8s both;text-shadow:0 3px 24px #000,0 1px 5px #000}
.gx-reveal .gx-info h2{font-size:clamp(30px,4.6vw,70px);font-weight:800;margin:18px 0 20px}.gx-reveal .gx-info small{color:#d1ddea;font-size:11px}.gx-reveal .gx-info .gx-stars{font-size:26px;letter-spacing:.22em;animation:gxStars .7s 1.1s both;filter:drop-shadow(0 0 8px var(--gx))}
.gx-reveal .gx-info blockquote{padding:14px 20px;background:linear-gradient(90deg,#030911c9,transparent);color:#c3d0df;max-width:340px}
.gx-diagonal{position:absolute;inset:-50%;transform:rotate(-28deg);background:linear-gradient(180deg,transparent 38%,var(--gx) 38.2%,transparent 38.4% 42%,#02060cbc 42.2% 60%,var(--gx) 60.2%,transparent 60.4%);opacity:.65;animation:gxDiagonal 1.1s .2s both;pointer-events:none}
.gx-emblem{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);font:clamp(220px,55vw,800px) Cinzel,serif;color:transparent;-webkit-text-stroke:1px var(--gx);opacity:.1;pointer-events:none;animation:gxEmblem 1.6s both}
.gx-spark-shards{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gx-spark-shards i{position:absolute;left:62%;top:46%;width:2px;height:70px;background:linear-gradient(var(--gx),transparent);transform:rotate(var(--a));animation:gxShard 1.4s .25s both;box-shadow:0 0 12px var(--gx)}
.gx-tier-5 .gx-info{animation-delay:1s}.gx-tier-5 .gx-diagonal{filter:drop-shadow(0 0 20px #ffd08477)}
.gx-summary .gx-grid{grid-template-columns:repeat(10,minmax(0,1fr));width:min(1250px,100%);gap:7px;perspective:1000px;padding:18px 0 26px}.gx-summary .gx-result{aspect-ratio:1/2.7;padding:16px 5px;transform:skewY(-8deg);animation:gxFan 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:0s!important;box-shadow:0 10px 28px #000a;transition:transform .25s;--offset:0}
.gx-summary .gx-result:hover{transform:translateY(-15px) skewY(-8deg);z-index:2}.gx-summary .gx-result>img{width:100%!important;height:65%!important;object-fit:contain}.gx-summary .gx-result:after{content:'';position:absolute;top:0;bottom:0;width:1px;right:0;box-shadow:0 0 20px 3px var(--gx)}.gx-summary .gx-result small{font-size:10px;letter-spacing:0}.gx-summary .gx-result span{font-size:11px;position:relative;z-index:2}.gx-summary h2{margin-bottom:35px}
.gx-asset-action{position:absolute;bottom:22px;right:24px;z-index:45;font-size:11px;color:#e2e8f0;border:1px solid #ffffff30;padding:10px 16px;background:#080d19dd;cursor:pointer}
/* Rarity omens: gacha-only cinematic enhancement */
.gx-rarity-omen{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.gx-rarity-omen.four:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0 20%,#b77cff24 24%,transparent 31% 52%,#d8b7ff2b 58%,transparent 64%);opacity:0;animation:gxFourOmen 6.4s both}
.gx-rarity-omen.four:after{content:'';position:absolute;left:8%;right:8%;top:50%;height:1px;background:#d3a8ff;box-shadow:0 0 18px 4px #a855f7,0 0 80px 14px #7c3aed77;opacity:0;animation:gxFourSlash 6.4s both}
.gx-rarity-omen.five:before{content:'';position:absolute;inset:-20%;background:repeating-conic-gradient(from 10deg,transparent 0deg 13deg,#ffd98c22 14deg 15deg,transparent 16deg 29deg);opacity:0;filter:blur(.2px);animation:gxFiveOmen 6.4s both}
.gx-rarity-omen.five:after{content:'';position:absolute;left:50%;top:48%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 20px 8px #fff,0 0 80px 30px #ffd27a,0 0 220px 95px #f59e0b88;opacity:0;animation:gxFiveCore 6.4s both}
.gx-roll-4 .gx-gate-frame{box-shadow:inset 0 0 55px #a855f766,0 0 30px #a855f744}
.gx-roll-4 .gx-gate-light{background:linear-gradient(90deg,#9c69ff,#fff,#c48cff)}
.gx-roll-5 .gx-track{animation-duration:.52s;filter:brightness(1.4)}
.gx-roll-5 .gx-gate{animation:gxGateApproach 6.4s cubic-bezier(.4,0,.2,1) both,gxFiveGateShake .42s 4.05s 4}
.gx-roll-5 .gx-gate-frame{border-color:#ffe0a3;box-shadow:inset 0 0 85px #ffd08488,0 0 65px #ffb74d66}
.gx-roll-5 .gx-gate-light{background:linear-gradient(90deg,#ffb84d,#fff7dc,#ffd084);box-shadow:0 0 140px 45px #ffd084}
.gx-roll-5 .gx-ticket{filter:drop-shadow(0 0 18px #ffd08488)}
.gx-five-reveal-aura{position:absolute;left:54%;top:50%;width:72vmin;height:72vmin;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,#ffd08418 11deg 12deg,transparent 13deg 24deg);filter:drop-shadow(0 0 30px #ffd08466);animation:gxFiveRevealAura 9s linear infinite;z-index:2}
.gx-five-reveal-aura:after{content:'';position:absolute;inset:18%;border:1px solid #ffe0a3aa;border-radius:50%;box-shadow:0 0 60px #ffd08455,inset 0 0 60px #ffd08422}
.gx-four-reveal-sweep{position:absolute;inset:-40%;pointer-events:none;z-index:3;background:linear-gradient(110deg,transparent 40%,#c084fc18 47%,#e9d5ff55 50%,#c084fc18 53%,transparent 60%);animation:gxFourRevealSweep 1.1s both}
.gx-summary-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,#ffffff35,transparent 55%);animation:gxSummaryFlash .8s both;z-index:1}
.gx-summary .gx-grid,.gx-summary h2,.gx-summary .gx-eyebrow,.gx-summary .gx-reward,.gx-summary .gx-pity,.gx-summary .gx-controls{position:relative;z-index:2}
@keyframes gxFourOmen{0%,48%{opacity:0;transform:scale(.7) rotate(0deg)}56%{opacity:.65}74%{opacity:.22;transform:scale(1.05) rotate(65deg)}100%{opacity:0;transform:scale(1.4) rotate(105deg)}}
@keyframes gxFourSlash{0%,56%{opacity:0;transform:scaleX(.05)}64%{opacity:1;transform:scaleX(1)}76%,100%{opacity:0;transform:scaleX(1.35)}}
@keyframes gxFiveOmen{0%,48%{opacity:0;transform:scale(.55) rotate(0deg)}58%{opacity:.4}72%{opacity:.95;transform:scale(1) rotate(28deg)}82%{opacity:.35}100%{opacity:0;transform:scale(1.45) rotate(70deg)}}
@keyframes gxFiveCore{0%,57%{opacity:0;transform:translate(-50%,-50%) scale(.05)}63%{opacity:1;transform:translate(-50%,-50%) scale(.25)}69%{opacity:.15;transform:translate(-50%,-50%) scale(12)}73%{opacity:1;transform:translate(-50%,-50%) scale(.7)}88%,100%{opacity:0;transform:translate(-50%,-50%) scale(35)}}
@keyframes gxFiveGateShake{0%,100%{margin-left:0}25%{margin-left:-7px}75%{margin-left:7px}}
@keyframes gxFiveRevealAura{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes gxFourRevealSweep{from{opacity:0;transform:translateX(-28%)}35%{opacity:1}to{opacity:0;transform:translateX(28%)}}
@keyframes gxSummaryFlash{0%{opacity:1;transform:scale(.55)}100%{opacity:0;transform:scale(1.3)}}
@keyframes gxTrack{from{background-position:0 0}to{background-position:22vw 0}}
@keyframes gxTicketFlight{0%{transform:translateY(75vh) rotate(-35deg) scale(1.8);opacity:0}14%{transform:translateY(0) rotate(-12deg) scale(1.25);opacity:1}28%{transform:translateY(-30px) rotate(10deg) scale(1.1);opacity:1}42%{transform:translateY(-20px) rotateY(65deg) rotate(10deg) scale(.08);opacity:0}100%{transform:scale(0);opacity:0}}
@keyframes gxGateApproach{0%,28%{transform:translate(-50%,-50%) scale(.35);opacity:.15}48%{transform:translate(-50%,-50%) scale(.85);opacity:1}76%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(3.5);opacity:0}}
@keyframes gxGateLight{0%,45%{opacity:0}55%,75%{opacity:1}100%{opacity:0}}
@keyframes gxDoorLOpen{0%{transform:translateX(0)}56.5%,100%{transform:translateX(-115%)}}@keyframes gxDoorROpen{0%{transform:translateX(0)}56.5%,100%{transform:translateX(115%)}}
@keyframes gxBurst{0%,75%{opacity:0;transform:scale(.15)}90%{opacity:.8;transform:scale(1.4)}100%{opacity:0;transform:scale(3)}}
@keyframes gxPortalLabel{0%,35%{opacity:0;transform:translateY(15px)}47%,68%{opacity:1;transform:none}80%,100%{opacity:0}}
@keyframes gxSplash{0%{opacity:0;transform:translate(180px,70px) scale(1.25);filter:brightness(0)}18%{opacity:1;filter:brightness(0)}38%{filter:brightness(0);transform:translate(20px,0) scale(1.03)}55%{filter:brightness(1.8)}100%{opacity:1;filter:brightness(1);transform:none}}
@keyframes gxName{from{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:none}}@keyframes gxStars{from{opacity:0;letter-spacing:1em;filter:brightness(3)}to{opacity:1;letter-spacing:.22em;filter:brightness(1)}}@keyframes gxDiagonal{from{opacity:0;translate:80% 0}to{opacity:.65;translate:0 0}}@keyframes gxEmblem{from{opacity:0;translate:100px 0}to{opacity:.1;translate:0 0}}
@keyframes gxShard{0%{opacity:0;transform:rotate(var(--a)) translateY(0)}25%{opacity:.8}100%{opacity:0;transform:rotate(var(--a)) translateY(70vh) scaleY(.2)}}
@keyframes gxArtFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-10px)}}
@keyframes gxFan{0%{opacity:0;transform:translateX(calc(var(--offset)*-90%)) translateY(90px) rotateY(75deg) scale(.65)}40%{opacity:1}100%{opacity:1;transform:skewY(-8deg)}}
@media(max-width:700px){.gx-gate{width:48vw;height:49vh}.gx-reveal .gx-card{left:13%;top:8%;width:85%;height:62%}.gx-reveal .gx-info{left:8%;top:auto;bottom:17%;max-width:85%;text-align:left}.gx-reveal .gx-info h2{font-size:32px;margin:9px 0}.gx-reveal .gx-info .gx-stars{font-size:20px}.gx-reveal .gx-info blockquote{display:none}.gx-summary .gx-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;row-gap:15px}.gx-summary .gx-result{aspect-ratio:1/2.7}.gx-summary .gx-result small{font-size:8px}.gx-summary .gx-result span{font-size:9px}.gx-summary h2{font-size:24px}.gx-summary .gx-result>svg{width:80%}.gx-asset-action{bottom:6px;right:8px;font-size:10px}.gx-portal-label b{font-size:23px}}
@media(prefers-reduced-motion:reduce){.gx *,.gx *:before,.gx *:after{animation:none!important;transition:none!important}.gx-ticket{display:none}.gx-gate{opacity:.5}.gx-burst{display:none}.gx-spark-shards{display:none}}


/* 5-star only: stars 0.24–1.05s, hold until 1.65s, reveal at 1.70s.
   Every artwork/text layer is hidden until the five-star signal completes. */
.gx-five-arrival{position:absolute;inset:0;pointer-events:none;z-index:15;overflow:hidden}
.gx-five-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#181323,#020307 62%);animation:gxFiveVeil 2.3s both}
.gx-five-star-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:gxFiveStarStage 2.15s both}
.gx-five-star-row{display:flex;gap:clamp(12px,3vw,42px);align-items:center;position:relative;transform:rotate(-8deg);color:#ffe5a0}
.gx-five-star-row span{display:block;font:clamp(35px,6.7vw,88px) Georgia,serif;line-height:1;filter:drop-shadow(0 0 12px #ffbc50);animation:gxFiveSignalStar .4s calc(.24s + var(--star)*.14s) both}
.gx-five-star-line{position:absolute;left:16%;right:16%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#e9c57877,transparent);transform:rotate(-8deg);animation:gxFiveSignalLine 1.6s both}
.gx-five-impact{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 44%,#fff9ea 0%,#ffe0a9 30%,#ffce8477 66%,transparent);animation:gxFiveImpact .65s 1.7s both}
.gx-five-wave{position:absolute;left:59%;top:46%;width:48vmin;height:48vmin;margin:-24vmin;border:1px solid #ffe0a3;border-radius:50%;box-shadow:0 0 25px #ffce7677;animation:gxFiveWave 1s 1.72s both}
.gx-five-streaks{position:absolute;inset:0;overflow:hidden}
.gx-item-audio-cue,.gx-five-item-cue{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;animation:gxAudioCue 1ms .30s both}
.gx-five-item-cue{animation-delay:2.22s}
@keyframes gxAudioCue{from{opacity:0}to{opacity:0}}
.gx-five-streaks i{position:absolute;left:calc(var(--i)*9%);top:-30%;width:1px;height:55%;background:linear-gradient(transparent,#ffe5ad,transparent);transform:rotate(22deg);animation:gxFiveStreak 1s calc(1.72s + var(--i)*.025s) both}
.gx-reveal.gx-tier-5{animation:none}
.gx-reveal.gx-tier-5 .gx-card{animation:gxFiveArtwork 1.1s 1.7s cubic-bezier(.16,1,.3,1) both!important}
.gx-reveal.gx-tier-5 .gx-art{animation:gxFiveArtSettle 1.2s 1.7s both;transform:none}
.gx-reveal.gx-tier-5 .gx-info{animation:gxName .65s 2.15s both}
.gx-reveal.gx-tier-5 .gx-info h2{color:#fff6df;text-shadow:0 3px 24px #000,0 0 32px #e6ae4d66}
.gx-reveal.gx-tier-5 .gx-info .gx-stars{animation:none;display:flex;gap:.15em;letter-spacing:0}
.gx-tier-5 .gx-info .gx-stars span{display:inline-block;animation:none}
.gx-tier-5 .gx-diagonal{animation-delay:1.75s}
.gx-tier-5 .gx-emblem{animation-delay:1.85s}
.gx-tier-5 .gx-spark-shards i{animation-delay:1.75s}
.gx-tier-5 .gx-five-reveal-aura{animation:gxFiveAuraIn 1s 1.75s both,gxFiveRevealAura 24s 2.75s linear infinite}
.gx-tier-5:before{opacity:0;animation:gxFiveAuraIn 1s 1.75s both,gxSpin 65s 2.75s linear infinite}
@keyframes gxFiveVeil{0%,72%{opacity:1}100%{opacity:0}}
@keyframes gxFiveStarStage{0%,70%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.06)}100%{opacity:0;transform:scale(1.22)}}
@keyframes gxFiveSignalStar{0%{opacity:.22;transform:translateX(34px) scale(.35);filter:brightness(3) drop-shadow(0 0 18px #fff)}28%{opacity:1;transform:translateX(-2px) scale(1.12)}100%{opacity:1;transform:none;filter:brightness(1) drop-shadow(0 0 12px #ffbc50)}}
@keyframes gxFiveSignalLine{0%,8%{opacity:0;scale:.2 1}65%,100%{opacity:.7;scale:1 1}}
@keyframes gxFiveImpact{0%{opacity:0}15%{opacity:.95}100%{opacity:0}}
@keyframes gxFiveWave{0%{opacity:0;transform:scale(.05)}12%{opacity:.8}100%{opacity:0;transform:scale(4)}}
@keyframes gxFiveStreak{0%{opacity:0;translate:25vw -50vh}12%{opacity:.7}100%{opacity:0;translate:-35vw 130vh}}
@keyframes gxFiveArtwork{0%{opacity:0;transform:translate(90px,15px) scale(1.12);filter:brightness(1.8)}15%{opacity:1}65%{filter:brightness(1.05)}100%{opacity:1;filter:brightness(1);transform:none}}
@keyframes gxFiveArtSettle{from{transform:rotate(-3deg)}to{transform:none}}
@keyframes gxFiveAuraIn{from{opacity:0}to{opacity:.5}}
@media(max-width:700px){.gx-five-wave{left:56%;top:38%}.gx-five-star-row{gap:clamp(12px,4vw,24px)}.gx-reveal.gx-tier-5 .gx-card{top:10%;height:57%}.gx-reveal.gx-tier-5 .gx-info{bottom:18%;max-width:88%}.gx-reveal.gx-tier-5 .gx-info h2{font-size:clamp(24px,7vw,32px)}}
@media(max-height:500px) and (min-width:701px){.gx-reveal.gx-tier-5 .gx-card{top:15%;height:70%}.gx-reveal.gx-tier-5 .gx-info{top:29%}.gx-reveal.gx-tier-5 .gx-info h2{font-size:30px;margin:8px 0}.gx-reveal.gx-tier-5 .gx-info blockquote{display:none}}
@media(prefers-reduced-motion:reduce){.gx-item-audio-cue,.gx-five-item-cue{display:none}.gx-five-arrival{display:none}.gx-reveal.gx-tier-5 .gx-card,.gx-reveal.gx-tier-5 .gx-art,.gx-tier-5 .gx-five-reveal-aura,.gx-tier-5:before{animation:none!important}.gx-tier-5:before{opacity:.15}}

/* Five-star silhouette: stars first, dark outline, then full artwork. */
.gx-reveal.gx-tier-5 .gx-card{animation:gxFiveSilhouette 2.1s 1.7s both!important}
.gx-reveal.gx-tier-5 .gx-info{animation-delay:3.2s}
@keyframes gxFiveSilhouette{0%{opacity:0;transform:translate(55px,10px) scale(1.06);filter:brightness(0) drop-shadow(0 0 14px #ffd084)}25%,60%{opacity:1;filter:brightness(0) drop-shadow(0 0 20px #ffd084);transform:translate(0,0) scale(1)}78%{opacity:1;filter:brightness(2.5) drop-shadow(0 0 34px #ffe0a2)}100%{opacity:1;transform:none;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.gx-reveal.gx-tier-5 .gx-card{animation:none!important}}

/* ===== Duplicate character conversion feedback ===== */
.gx-duplicate-reward{display:inline-flex;flex-direction:column;gap:2px;margin-top:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(6,10,18,.66);backdrop-filter:blur(6px);text-align:left}
.gx-duplicate-reward small{font-size:8px!important;letter-spacing:.14em!important;color:#8fa0b8!important}
.gx-duplicate-reward b{font-size:11px;font-weight:800;color:#f0d99b}
.gx-duplicate-reward.stardust b{color:#d7b8ff}
.gx-result-duplicate{display:block;width:calc(100% - 8px);margin-top:7px;padding:4px 3px;border-top:1px solid rgba(255,255,255,.12);font-size:8px;font-style:normal;line-height:1.3;color:#e9cf91;text-align:center;position:relative;z-index:3}
.gx-result-duplicate.stardust{color:#d3b4ff}

/* ===== 2026-09-12 warp console UI / summon typography ===== */
.gx{--gx-ui:'IBM Plex Sans KR','DreamGothic',sans-serif;--gx-tech:'Orbitron','IBM Plex Sans KR','DreamGothic',sans-serif;font-family:var(--gx-ui)}
.gx-top,.gx-eyebrow,.gx-small,.gx-card-foot,.gx-portal-label,.gx-result small,.gx-info small{font-family:var(--gx-tech)}
.gx-caption h2,.gx-info h2,.gx-summary h2,.gx-portal-label b{font-family:var(--gx-ui);font-weight:600;letter-spacing:-.025em}
.gx-launch{position:relative;display:inline-grid;grid-template-columns:auto 34px;grid-template-rows:auto auto;column-gap:15px;align-items:center;min-width:210px;margin-top:18px;padding:12px 13px 12px 20px;border:1px solid rgba(151,212,255,.48)!important;border-bottom:1px solid rgba(151,212,255,.48)!important;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));background:linear-gradient(115deg,rgba(10,23,40,.9),rgba(16,42,68,.76))!important;color:#eaf7ff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.28);overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.gx-launch:before{content:'';position:absolute;left:-20%;top:0;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(164,223,255,.18),transparent);transform:skewX(-18deg);animation:gxButtonSweep 2.6s ease-in-out infinite}
.gx-launch>span{grid-column:1;grid-row:1;font:600 8px/1 var(--gx-tech);letter-spacing:.23em;color:#79bff0;text-align:left}.gx-launch>b{grid-column:1;grid-row:2;font:600 14px/1.35 var(--gx-ui);letter-spacing:.04em;text-align:left;margin-top:5px}.gx-launch>i{grid-column:2;grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(172,225,255,.42);font:600 15px/1 var(--gx-tech);font-style:normal;background:rgba(95,181,238,.08)}
.gx-launch:hover{transform:translateY(-2px);border-color:rgba(185,231,255,.9)!important;background:linear-gradient(115deg,rgba(12,30,52,.95),rgba(22,58,92,.86))!important}
.gx-next-warp{position:relative;min-width:228px;height:58px;padding:0 10px 0 22px;border:1px solid color-mix(in srgb,var(--gx) 68%,white 12%);color:#f4f8ff;background:linear-gradient(110deg,rgba(7,13,24,.94),rgba(14,27,45,.9));clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px));display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;overflow:hidden;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--gx) 82%,white 5%),inset 0 0 28px color-mix(in srgb,var(--gx) 8%,transparent),0 15px 40px rgba(0,0,0,.34);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.gx-next-warp:before{content:'';position:absolute;left:-55%;top:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gx) 20%,transparent),transparent);transform:skewX(-22deg);transition:left .5s ease}.gx-next-warp:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--gx),transparent 72%)}
.gx-next-warp:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.08);box-shadow:inset 3px 0 0 var(--gx),inset 0 0 36px color-mix(in srgb,var(--gx) 13%,transparent),0 19px 44px rgba(0,0,0,.4)}.gx-next-warp:hover:not(:disabled):before{left:120%}.gx-next-warp:disabled{opacity:.34;cursor:wait;filter:saturate(.45)}
.gx-next-warp-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.gx-next-warp-copy small{font:600 8px/1 var(--gx-tech);letter-spacing:.2em;color:var(--gx);margin-bottom:7px}.gx-next-warp-copy b{font:600 14px/1.2 var(--gx-ui);letter-spacing:.02em;white-space:nowrap}.gx-next-warp-arrow{position:relative;z-index:2;width:38px;height:38px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.12);font:600 19px/1 var(--gx-tech);color:var(--gx);text-shadow:0 0 14px var(--gx)}
@keyframes gxButtonSweep{0%,22%{translate:-35% 0;opacity:0}35%{opacity:1}68%,100%{translate:340% 0;opacity:0}}
@media(max-width:600px){.gx-next-warp{min-width:198px;height:54px;padding-left:17px}.gx-next-warp-copy b{font-size:13px}.gx-next-warp-arrow{width:34px;height:34px}.gx-launch{min-width:190px}}@media(prefers-reduced-motion:reduce){.gx-launch:before{animation:none}.gx-next-warp:before{display:none}}


/* ===== 2026-09-13 result summary action redesign ===== */
.gx-summary-actions{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:center;gap:14px;margin-top:24px;width:min(620px,100%)}
.gx-summary-action{position:relative;min-height:62px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-family:var(--gx-ui);cursor:pointer;display:flex;align-items:center;gap:13px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.gx-summary-action:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 72%);transform:translateX(-115%);transition:transform .55s ease}
.gx-summary-action:hover:not(:disabled){transform:translateY(-2px)}
.gx-summary-action:hover:not(:disabled):before{transform:translateX(115%)}
.gx-summary-action-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.gx-summary-action-copy small{font:600 8px/1 var(--gx-tech);letter-spacing:.18em}
.gx-summary-action-copy b{font:600 14px/1.2 var(--gx-ui);letter-spacing:-.015em;white-space:nowrap}
.gx-summary-back{flex:0 1 248px;padding:10px 24px 10px 13px;color:#eef4ff;background:linear-gradient(180deg,rgba(22,33,57,.96),rgba(10,18,34,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.28)}
.gx-summary-back:hover:not(:disabled){border-color:rgba(178,205,243,.38);box-shadow:inset 0 0 0 1px rgba(178,205,243,.08),0 18px 38px rgba(0,0,0,.34)}
.gx-summary-back .gx-summary-action-copy small{color:#8fa7c9}
.gx-summary-action-icon{position:relative;z-index:1;width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);font:500 19px/1 var(--gx-tech);color:#bfd1eb}
.gx-summary-repull{flex:1 1 310px;padding:10px 12px 10px 23px;justify-content:space-between;color:#171109;border-color:rgba(255,235,190,.48);background:linear-gradient(180deg,#e2bd73,#bd8b3e);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(87,50,10,.14),0 16px 36px rgba(121,80,19,.28)}
.gx-summary-repull:hover:not(:disabled){filter:brightness(1.05);border-color:rgba(255,244,213,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 20px 40px rgba(121,80,19,.34)}
.gx-summary-repull .gx-summary-action-copy small{color:rgba(51,34,10,.66)}
.gx-summary-ticket{position:relative;z-index:1;flex:0 0 auto;padding:10px 13px;border-radius:999px;background:rgba(53,34,8,.12);border:1px solid rgba(58,37,8,.14);font:600 10px/1 var(--gx-ui);letter-spacing:.01em;white-space:nowrap;color:rgba(38,25,7,.78)}
.gx-summary-action:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.5)}
.gx-summary-action:focus-visible{outline:2px solid #f1cf87;outline-offset:4px}
@media(max-width:600px){.gx-summary-actions{gap:9px;margin-top:18px;flex-direction:column;width:min(340px,100%)}.gx-summary-action{width:100%;min-height:56px;flex:none}.gx-summary-back{padding-right:18px}.gx-summary-repull{padding-left:18px}.gx-summary-action-icon{width:36px;height:36px;flex-basis:36px}.gx-summary-action-copy b{font-size:13px}.gx-summary-ticket{padding:9px 11px;font-size:9px}}

/* ===== 2026-09-13 summary buttons unified to warp-start design ===== */
.gx-summary-actions{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:center;gap:14px;margin-top:24px;width:min(700px,100%)}
.gx-summary-action{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 36px;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:12px 14px 12px 22px;
  border-radius:0;
  border:1px solid rgba(151,212,255,.42);
  color:#eef7ff;
  background:linear-gradient(115deg,rgba(10,23,40,.95),rgba(16,42,68,.8));
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 15px 34px rgba(0,0,0,.28);
  overflow:hidden;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.gx-summary-action::before{content:'';position:absolute;left:-55%;top:0;width:44%;height:100%;background:linear-gradient(90deg,transparent,rgba(164,223,255,.18),transparent);transform:skewX(-18deg);transition:left .52s ease}
.gx-summary-action:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(185,231,255,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 19px 38px rgba(0,0,0,.34),0 0 28px rgba(135,201,255,.14)}
.gx-summary-action:hover:not(:disabled)::before{left:118%}
.gx-summary-action-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.gx-summary-action-copy small{font:600 8px/1 var(--gx-tech);letter-spacing:.2em;color:#79bff0}
.gx-summary-action-copy b{font:600 14px/1.22 var(--gx-ui);letter-spacing:-.01em;white-space:nowrap}
.gx-summary-ticket{position:relative;z-index:1;padding:10px 12px;border-radius:0;background:rgba(95,181,238,.08);border:1px solid rgba(172,225,255,.18);font:600 10px/1 var(--gx-ui);letter-spacing:.01em;white-space:nowrap;color:#d8ebff}
.gx-summary-action-corner{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(172,225,255,.42);background:rgba(95,181,238,.08);font:600 15px/1 var(--gx-tech);font-style:normal;color:#cbe9ff}
.gx-summary-back{flex:0 1 286px;background:linear-gradient(115deg,rgba(9,18,34,.94),rgba(14,30,49,.86))}
.gx-summary-repull{flex:1 1 344px;border-color:rgba(175,229,255,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.3),0 0 24px rgba(135,201,255,.1)}
.gx-summary-action:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.5)}
.gx-summary-action:focus-visible{outline:2px solid #9fdbff;outline-offset:4px}
@media(max-width:600px){
  .gx-summary-actions{gap:10px;margin-top:18px;flex-direction:column;width:min(340px,100%)}
  .gx-summary-action{width:100%;min-height:56px;padding:11px 12px 11px 17px;grid-template-columns:minmax(0,1fr) auto 32px;gap:10px}
  .gx-summary-action-copy b{font-size:13px}
  .gx-summary-ticket{padding:8px 10px;font-size:9px}
  .gx-summary-action-corner{width:30px;height:30px;font-size:13px}
}

/* ticket-frame summon button style */
.warp-bottom .warp-detail-action,
.warp-bottom .warp-pull-button,
.gx-summary-action{
  border-radius: 2px !important;
  border: 2px solid rgba(218,169,73,.7) !important;
  background:
    linear-gradient(135deg,rgba(12,28,56,.96),rgba(24,55,92,.96)) !important;
  clip-path: polygon(0 18%,6% 18%,6% 0,94% 0,94% 8%,100% 8%,100% 82%,94% 82%,94% 100%,6% 100%,6% 82%,0 82%);
  box-shadow: inset 0 0 0 1px rgba(255,220,130,.25),0 0 18px rgba(62,145,255,.18) !important;
}
.warp-bottom .warp-pull-button.is-primary,
.gx-summary-repull{
  background:linear-gradient(135deg,#f0d68a,#c38a32) !important;
  border-color:#ffe7a1 !important;
  color:#1b160c !important;
  box-shadow:0 0 24px rgba(255,207,92,.42),inset 0 0 0 1px rgba(255,255,255,.5) !important;
}
.warp-pull-meta,
.gx-summary-ticket{
  border-color:rgba(255,220,130,.35) !important;
  background:rgba(0,0,0,.18) !important;
}
.warp-detail-action>i,
.warp-pull-button>i,
.gx-summary-action-corner{
  border-color:rgba(255,220,130,.6) !important;
  color:#ffe59a !important;
}

/* ===== 2026-09-13 closer ticket-like result action buttons ===== */
.gx-summary-actions{gap:18px!important;width:min(760px,100%)!important}
.gx-summary-action{
  position:relative;
  display:grid!important;
  align-items:center;
  min-height:62px;
  border-radius:0!important;
  border:1px solid rgba(214,177,98,.88)!important;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)!important;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,241,207,.18),inset 0 0 18px rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.32),0 0 0 3px rgba(214,177,98,.12)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.gx-summary-action::before{
  content:''!important;
  position:absolute;inset:5px;left:5px;top:5px;width:auto;height:auto;
  background:none!important;
  border:1px solid rgba(255,244,215,.14);
  transform:none!important;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.gx-summary-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03);box-shadow:inset 0 0 0 1px rgba(255,241,207,.22),inset 0 0 20px rgba(255,255,255,.05),0 16px 28px rgba(0,0,0,.35),0 0 18px rgba(238,198,110,.18)!important}
.gx-summary-back{
  grid-template-columns:minmax(0,1fr) auto 28px!important;
  gap:14px!important;
  padding:0 16px 0 18px!important;
  flex:0 1 290px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 26%) 0 0/100% 100% no-repeat,linear-gradient(180deg,#213e78 0%,#1a3368 55%,#14264f 100%)!important;
}
.gx-summary-repull{
  grid-template-columns:minmax(0,1fr) auto 28px!important;
  gap:14px!important;
  padding:0 16px 0 18px!important;
  flex:1 1 360px;
  color:#271806!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 26%) 0 0/100% 100% no-repeat,linear-gradient(180deg,#f4d888 0%,#e6c064 58%,#c89935 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,247,224,.38),inset 0 0 24px rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.3),0 0 0 3px rgba(255,216,128,.16),0 0 22px rgba(241,199,95,.22)!important;
}
.gx-summary-action-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.gx-summary-action-copy small{font:600 8px/1 var(--gx-tech)!important;letter-spacing:.18em;color:#9fc6ff!important}
.gx-summary-action-copy b{font:700 14px/1.12 var(--gx-ui)!important;color:#fff;white-space:nowrap}
.gx-summary-repull .gx-summary-action-copy b{color:#271806}
.gx-summary-repull .gx-summary-action-copy small{color:rgba(74,43,1,.68)!important}
.gx-summary-ticket{
  position:relative;z-index:1;
  min-height:38px;
  display:flex;align-items:center;
  padding:0 12px;
  border-radius:0!important;
  background:rgba(255,255,255,.06)!important;
  border:0!important;
  border-left:1px solid rgba(239,224,187,.26)!important;
  color:#e8efff!important;
  font:600 10px/1 var(--gx-ui)!important;
}
.gx-summary-repull .gx-summary-ticket{color:#2b1a06!important;border-left-color:rgba(89,56,4,.22)!important;background:rgba(255,248,228,.22)!important}
.gx-summary-action-corner{
  position:relative;z-index:1;
  width:24px!important;height:24px!important;
  display:grid;place-items:center;
  border-radius:0!important;
  border:1px solid rgba(255,239,205,.26)!important;
  background:rgba(255,255,255,.06)!important;
  color:#f0c96b!important;
  font:700 14px/1 var(--gx-tech)!important;
}
.gx-summary-repull .gx-summary-action-corner{border-color:rgba(92,62,10,.28)!important;background:rgba(255,248,228,.22)!important;color:#8f620e!important}
.gx-summary-repull::after{
  content:'✦';
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font:700 30px/1 var(--gx-tech);color:rgba(255,241,199,.32);pointer-events:none;
}
@media (max-width:600px){
  .gx-summary-actions{gap:10px!important;width:min(340px,100%)!important}
  .gx-summary-back,.gx-summary-repull{width:100%;padding:0 12px 0 15px!important;grid-template-columns:minmax(0,1fr) auto 24px!important}
  .gx-summary-action-copy b{font-size:13px!important}
  .gx-summary-ticket{min-height:34px;padding:0 10px;font-size:9px!important}
  .gx-summary-action-corner{width:22px!important;height:22px!important;font-size:12px!important}
}

/* ===== 2026-09-13 compact result action buttons ===== */
@media (min-width:601px){
  .gx-summary-actions{
    gap:12px!important;
    width:min(560px,100%)!important;
  }
  .gx-summary-action{
    min-height:56px!important;
  }
  .gx-summary-back{
    flex:0 0 220px!important;
    padding:0 12px 0 14px!important;
    gap:10px!important;
  }
  .gx-summary-repull{
    flex:0 0 330px!important;
    padding:0 12px 0 14px!important;
    gap:10px!important;
  }
  .gx-summary-action-copy{gap:3px!important}
  .gx-summary-action-copy small{font-size:7px!important;letter-spacing:.16em!important}
  .gx-summary-action-copy b{font-size:12px!important;line-height:1.08!important}
  .gx-summary-ticket{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
  .gx-summary-action-corner{
    width:22px!important;
    height:22px!important;
    font-size:12px!important;
  }
  .gx-summary-repull::after{font-size:24px!important;right:6px!important}
}

/* ===== 2026-09-13 full redesign: summary action buttons ===== */
.gx-summary-actions{
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:208px 284px;
  justify-content:center;
  align-items:stretch;
  gap:16px!important;
  width:auto!important;
  margin:26px auto 0!important;
}
.gx-summary-action{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px!important;
  min-height:68px!important;
  padding:12px 14px 12px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  clip-path:none!important;
  overflow:hidden;
  isolation:isolate;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transform:none!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.gx-summary-action::before{
  content:''!important;
  position:absolute;
  inset:0;
  border:0!important;
  clip-path:none!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,0) 34%,rgba(255,255,255,.04) 70%,rgba(255,255,255,0));
  opacity:.9;
  pointer-events:none;
}
.gx-summary-action::after{
  content:'';
  position:absolute;
  left:14px;
  right:14px;
  top:10px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  pointer-events:none;
}
.gx-summary-action:hover:not(:disabled){
  transform:translateY(-3px)!important;
  filter:brightness(1.03);
}
.gx-summary-back{
  background:linear-gradient(180deg,rgba(20,32,56,.94),rgba(9,15,28,.94))!important;
  border-color:rgba(126,171,238,.28)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(186,214,255,.08), inset 0 0 0 1px rgba(74,116,181,.16)!important;
}
.gx-summary-repull{
  color:#231606!important;
  background:linear-gradient(180deg,#f2db97 0%,#ddb45f 58%,#cc9637 100%)!important;
  border-color:rgba(255,232,177,.7)!important;
  box-shadow:0 14px 34px rgba(112,73,13,.24), inset 0 1px 0 rgba(255,251,235,.6), inset 0 -10px 20px rgba(163,101,19,.08)!important;
}
.gx-summary-action-copy{
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:3px!important;
  text-align:left;
}
.gx-summary-action-copy small{
  font:600 8px/1 var(--gx-tech)!important;
  letter-spacing:.18em!important;
  color:#87b7ff!important;
  opacity:.88;
}
.gx-summary-back .gx-summary-action-copy b,
.gx-summary-back .gx-summary-ticket,
.gx-summary-back .gx-summary-action-corner{color:#f2f7ff!important}
.gx-summary-action-copy b{
  font:700 14px/1.08 var(--gx-ui)!important;
  color:#ffffff;
  white-space:nowrap;
}
.gx-summary-repull .gx-summary-action-copy small{color:rgba(82,52,8,.7)!important}
.gx-summary-repull .gx-summary-action-copy b{color:#231606!important}
.gx-summary-ticket{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.06)!important;
  color:#d7e6ff!important;
  font:600 10px/1 var(--gx-ui)!important;
  white-space:nowrap;
}
.gx-summary-repull .gx-summary-ticket{
  background:rgba(255,248,226,.28)!important;
  border-color:rgba(110,72,16,.14)!important;
  color:#5e3f10!important;
}
.gx-summary-action-corner{
  position:relative;
  z-index:1;
  width:30px!important;
  height:30px!important;
  display:grid;
  place-items:center;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.06)!important;
  color:#dce9ff!important;
  font:700 13px/1 var(--gx-tech)!important;
}
.gx-summary-repull .gx-summary-action-corner{
  background:rgba(255,250,236,.34)!important;
  border-color:rgba(110,72,16,.18)!important;
  color:#7a520e!important;
}
.gx-summary-repull::after,
.gx-summary-back::after{
  content:'';
  position:absolute;
  top:auto;
  left:16px;
  right:16px;
  bottom:10px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(149,194,255,.95),rgba(149,194,255,0));
  opacity:.7;
}
.gx-summary-repull::after{background:linear-gradient(90deg,rgba(132,82,16,.44),rgba(132,82,16,0));opacity:.65}
.gx-summary-action:disabled{opacity:.42!important;filter:saturate(.5)!important;cursor:not-allowed}
.gx-summary-action:focus-visible{outline:2px solid rgba(241,213,133,.88)!important;outline-offset:3px}

@media (max-width:600px){
  .gx-summary-actions{
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:min(320px,100%)!important;
  }
  .gx-summary-back,
  .gx-summary-repull{
    width:100%!important;
    min-height:60px!important;
    padding:10px 12px 10px 14px!important;
  }
  .gx-summary-action-copy b{font-size:13px!important}
  .gx-summary-ticket{min-height:28px!important;padding:0 9px!important;font-size:9px!important}
  .gx-summary-action-corner{width:28px!important;height:28px!important}
}

/* ===== 2026-09-13 clean reset: minimal summary controls ===== */
.gx-summary-actions.gx-summary-actions-minimal{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  grid-template-columns:none!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:none!important;
  margin:22px auto 0!important;
}
.gx-summary-actions-minimal .gx-summary-action{
  position:relative!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:4px!important;
  clip-path:none!important;
  overflow:hidden!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.gx-summary-actions-minimal .gx-summary-action::before,
.gx-summary-actions-minimal .gx-summary-action::after{
  content:none!important;
  display:none!important;
}
.gx-summary-actions-minimal .gx-summary-back{
  flex:0 0 118px!important;
  width:118px!important;
  color:#dce9fb!important;
  border:1px solid rgba(135,171,220,.30)!important;
  background:rgba(9,15,26,.72)!important;
}
.gx-summary-actions-minimal .gx-summary-repull{
  flex:0 0 218px!important;
  width:218px!important;
  color:#f1e3bd!important;
  border:1px solid rgba(224,188,106,.48)!important;
  background:linear-gradient(180deg,rgba(29,25,20,.82),rgba(13,15,21,.82))!important;
}
.gx-summary-actions-minimal .gx-summary-back:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:rgba(157,197,248,.58)!important;
  background:rgba(14,23,39,.82)!important;
}
.gx-summary-actions-minimal .gx-summary-repull:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:rgba(242,207,128,.82)!important;
  background:linear-gradient(180deg,rgba(42,34,22,.88),rgba(16,17,22,.88))!important;
}
.gx-summary-actions-minimal .gx-summary-back>b,
.gx-summary-actions-minimal .gx-summary-repull>b{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  font:600 12px/1 var(--gx-ui)!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  color:inherit!important;
}
.gx-summary-minimal-icon{
  position:relative!important;
  z-index:1!important;
  color:#82b7e7!important;
  font:500 15px/1 var(--gx-tech)!important;
}
.gx-summary-cost{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  height:20px!important;
  margin-left:3px!important;
  padding-left:10px!important;
  border-left:1px solid rgba(224,188,106,.26)!important;
  color:#bda76f!important;
  font:600 9px/1 var(--gx-ui)!important;
  white-space:nowrap!important;
}
.gx-summary-actions-minimal .gx-summary-action:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
  filter:saturate(.45)!important;
}
.gx-summary-actions-minimal .gx-summary-action:focus-visible{
  outline:1px solid rgba(216,196,142,.9)!important;
  outline-offset:3px!important;
}
@media(max-width:600px){
  .gx-summary-actions.gx-summary-actions-minimal{
    width:min(320px,100%)!important;
    gap:8px!important;
  }
  .gx-summary-actions-minimal .gx-summary-back{
    flex:0 0 102px!important;
    width:102px!important;
  }
  .gx-summary-actions-minimal .gx-summary-repull{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .gx-summary-actions-minimal .gx-summary-action{height:40px!important;min-height:40px!important;padding:0 11px!important}
  .gx-summary-actions-minimal .gx-summary-back>b,
  .gx-summary-actions-minimal .gx-summary-repull>b{font-size:11px!important}
  .gx-summary-cost{font-size:8px!important;padding-left:7px!important}
}