/* 상단 로고(균열 : 각성자들): 눈 엠블럼 + 색 번짐 글리치(4.5초), 두 번에 한 번 글자가 위아래로 어긋나며 깨짐(9초) */
.LX{--logo-fg:#f2eee6;--magenta:#ff5fa2;--violet:#a98bff;display:inline-flex;flex-direction:column;align-items:center;gap:9px;margin:5px 0 10px}
.LX .row{display:flex;align-items:center;gap:13px}
.LX .em{width:52px;height:52px;flex:none;overflow:visible;position:relative;left:-1px}
.LX .r1{transform-origin:21px 21px;animation:lx-spin 9s linear infinite}
.LX .r2{transform-origin:21px 21px;animation:lx-spin 6s linear infinite reverse}
.LX .eye{transform-origin:21px 21px;animation:lx-blink 4.5s ease-in-out infinite}
.LX .pupil{animation:lx-flare 4.5s steps(1) infinite}
.LX .w{position:relative;font-family:'Do Hyeon',var(--font);font-size:42px;line-height:1.05;letter-spacing:.06em;white-space:nowrap}
.LX .w b{display:block;font-weight:400;color:var(--logo-fg);position:relative;z-index:2;animation:lx-hide 9s steps(1) infinite}
.LX .w .h{position:absolute;inset:0;color:var(--logo-fg);opacity:0;z-index:3}
.LX .w .t{clip-path:polygon(0 0,100% 0,100% 34%,84% 40%,70% 49%,58% 45%,44% 53%,28% 58%,18% 55%,0 62%);animation:lx-bt 9s steps(1) infinite}
.LX .w .u{clip-path:polygon(0 62%,18% 55%,28% 58%,44% 53%,58% 45%,70% 49%,84% 40%,100% 34%,100% 100%,0 100%);animation:lx-bu 9s steps(1) infinite}
.LX .w .c{position:absolute;inset:0;mix-blend-mode:screen;z-index:1}
.LX .w .c1{color:var(--accent);transform:translate(-2px,0);animation:lx-g1 4.5s steps(1) infinite}
.LX .w .c2{color:var(--magenta);transform:translate(2px,0);animation:lx-g2 4.5s steps(1) infinite}
.LX .w + .em + .w *{animation-delay:.12s}
.LX small{position:relative;left:-1px;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9.5px;line-height:1;letter-spacing:.5em;color:#b8e6ff;white-space:nowrap}
.LX small span{margin-right:-.5em}
.LX small::before,.LX small::after{content:"";width:29px;height:1px;background:currentColor;opacity:.6}
@keyframes lx-spin{to{transform:rotate(360deg)}}
@keyframes lx-blink{0%,80%,88%,100%{transform:scaleY(1)}84%{transform:scaleY(.1)}}
@keyframes lx-flare{0%{filter:none}87.5%{filter:drop-shadow(0 0 3px #ff5fa2) drop-shadow(0 0 6px #ff5fa2)}93%,100%{filter:none}}
@keyframes lx-hide{0%{opacity:1}93.75%{opacity:0}96.5%,100%{opacity:1}}
@keyframes lx-bt{0%{opacity:0;transform:none}93.75%{opacity:1;transform:translate(-3px,-2px)}94.75%{transform:translate(-7px,-3px) skewX(-8deg)}95.5%{transform:translate(3px,-1px)}96%{transform:translate(-2px,-1px)}96.5%,100%{opacity:0;transform:none}}
@keyframes lx-bu{0%{opacity:0;transform:none}93.75%{opacity:1;transform:translate(3px,2px)}94.75%{transform:translate(6px,3px) skewX(6deg)}95.5%{transform:translate(-3px,1px)}96%{transform:translate(2px,1px)}96.5%,100%{opacity:0;transform:none}}
@keyframes lx-g1{0%,86%,100%{clip-path:inset(0 0 0 0);transform:translate(-2px,0)}88%{clip-path:inset(20% 0 55% 0);transform:translate(-7px,0)}90.5%{clip-path:inset(62% 0 8% 0);transform:translate(5px,0)}92.5%{clip-path:inset(35% 0 40% 0);transform:translate(-3px,0)}}
@keyframes lx-g2{0%,86%,100%{clip-path:inset(0 0 0 0);transform:translate(2px,0)}88%{clip-path:inset(58% 0 12% 0);transform:translate(7px,0)}90.5%{clip-path:inset(10% 0 70% 0);transform:translate(-5px,0)}92.5%{clip-path:inset(45% 0 30% 0);transform:translate(3px,0)}}
@media (prefers-reduced-motion:reduce){.LX *{animation:none!important}}
.gnav{order:3;flex:1 0 100%;display:flex;gap:4px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}   /* 상위 메뉴: 브랜드 줄 아래 가운데, 하위 메뉴와 같은 카드형 */
.gnav button{position:relative;flex:1 1 0;max-width:160px;min-width:64px;white-space:nowrap;padding:11px 6px;background:rgba(24,33,50,.6);border:1px solid rgba(156,193,255,.15);color:var(--sub);cursor:pointer}
.gnav button:hover{color:var(--fg)}
.gnav button[aria-selected="true"]{background:var(--accent-soft);border-color:rgba(156,193,255,.5);color:var(--fg);font-weight:600}
.gnav button[aria-selected="true"]::before,.gnav button[aria-selected="true"]::after{content:"";position:absolute;width:12px;height:12px}
.gnav button[aria-selected="true"]::before{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}
.gnav button[aria-selected="true"]::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.status{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:var(--fs-md)}
.status .gold{color:var(--gold)}
.layout{display:flex;gap:16px;padding-top:16px;align-items:flex-start}