/* /notice/big-update-1010 — 경쟁전 및 UI/UX 대규모 패치 글(2026-10-10). comp.css · live.css 위에 얹는다.
   짧은 항목 카드 위주. 금색 덩어리 · 반짝이 · 방사형 빛줄기 없음(둥근 글로우만) */

/* ── hero: live.css .lhero 그대로, 빛만 노랑 ── */
.bhero::before{background:linear-gradient(0deg,var(--bg) 4%,rgba(6,6,8,.6) 45%,rgba(6,6,8,.75)),radial-gradient(60% 50% at 75% 45%,rgba(255,194,61,.22),transparent 70%)}
.bhero .toc a:hover{border-color:var(--yolk)}
.bhero .toc b{color:var(--yolk)}
.marquee.tilt.gold{background:linear-gradient(90deg,var(--yolk),var(--rose))}
.k-h3{font:900 clamp(22px,2.6vw,36px)/1.2 'Noto Sans KR',var(--display);letter-spacing:-.03em;margin:clamp(48px,7vw,96px) 0 clamp(16px,2vw,24px)}
.cap{margin:12px 0 0;color:var(--fg-3);font-size:12.5px}

/* ── 배치고사 보상: 등급 문양 + 크라운 숫자 ── */
.rwl{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1vw,14px)}
.rwc{position:relative;padding:18px 10px 16px;border-radius:22px;background:var(--bg-2);border:1px solid var(--line);text-align:center;overflow:hidden;isolation:isolate}
.rwc::before{content:"";position:absolute;inset:auto 10% -40% 10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--c),transparent 68%);opacity:.22;filter:blur(20px);z-index:-1}
.rwc img{width:min(100%,110px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.rwc b{display:block;font:900 clamp(14px,1.4vw,19px) 'Noto Sans KR',var(--text);color:var(--c);margin-top:4px}
.rwc .n{display:block;font:800 clamp(30px,3.6vw,54px)/1 var(--display);font-stretch:110%;font-variant-numeric:tabular-nums;margin-top:10px}
.rwc small{display:block;margin-top:4px;font:600 11.5px 'Noto Sans KR',var(--text);color:var(--fg-3)}
.rwc.top{border-color:rgba(255,92,138,.5)}
@media (max-width:760px){.rwl{grid-template-columns:repeat(3,1fr)}.rwc{padding:14px 6px 12px;border-radius:18px}.rwc img{width:64px}}
.awd{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.awc{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:end;padding:clamp(18px,2.4vw,28px);border-radius:22px;border:1px solid rgba(255,92,138,.4);background:linear-gradient(160deg,rgba(255,92,138,.2),var(--bg-2) 62%)}
.awc .k{font:900 clamp(18px,2vw,26px)/1.25 'Noto Sans KR',var(--text);color:var(--c-ch)}
.awc .n{grid-row:span 2;font:800 clamp(40px,5vw,76px)/.9 var(--display);font-stretch:110%;font-variant-numeric:tabular-nums}
.awc span{color:var(--fg-2);font-size:13.5px;line-height:1.5}
@media (max-width:600px){.awd{grid-template-columns:1fr}}
.facts.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.facts.two{grid-template-columns:1fr}}

/* ── 경기 뒤: 표지 + 짧은 카드 ── */
.after{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:clamp(16px,3vw,48px);align-items:center}
.after .mgz{width:100%}
.mgz .band{display:inline-block;padding:6px 12px;background:var(--yolk);color:#000;font:900 13px 'Noto Sans KR',var(--text);transform:rotate(-2deg)}
.mgz .res{font:900 clamp(54px,7vw,96px)/.9 var(--display);font-stretch:118%;letter-spacing:-.04em;margin:12px 0 10px}
.bl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bl li{padding:18px 20px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line)}
.bl b{display:block;font:900 clamp(17px,1.7vw,22px)/1.3 'Noto Sans KR',var(--text);letter-spacing:-.02em}
.bl span{display:block;margin-top:4px;color:var(--fg-2);font-size:14px;line-height:1.55}
@media (max-width:760px){.after{grid-template-columns:1fr}.after .mgz{max-width:300px;margin-inline:auto}}

/* ── 클럽: 그림 타일(live.css .tg) 안 작은 화면 ── */
.chat{position:absolute;left:14px;right:14px;top:16px;display:flex;flex-direction:column;gap:8px}
.chat p{margin:0;max-width:86%;padding:9px 12px;border-radius:16px;background:rgba(13,13,18,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13px;line-height:1.4;border-bottom-left-radius:6px}
.chat p b{display:block;font:700 11px 'Noto Sans KR',var(--text);color:var(--us)}
.chat p.me{align-self:flex-end;background:var(--fg);color:#000;border-radius:16px;border-bottom-right-radius:6px}
.gauge{position:absolute;left:14px;right:14px;top:16px;padding:14px;border-radius:16px;background:rgba(13,13,18,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line)}
.gauge .gk{display:flex;justify-content:space-between;font:700 13px 'Noto Sans KR',var(--text)}
.gauge .gk i{font:600 12px var(--mono);font-style:normal;color:var(--us)}
.gauge .bar{height:8px;border-radius:8px;background:rgba(255,255,255,.14);margin-top:10px;overflow:hidden}
.gauge .bar i{display:block;height:100%;border-radius:8px;background:var(--us);animation:gfill 5s var(--ease) infinite}
@keyframes gfill{0%{width:28%}60%,100%{width:86%}}

/* ── 첫 시작: 큰 숫자 셋 + 그림 둘 + 카드 ── */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.num{padding:clamp(18px,2.6vw,32px);border-radius:24px;background:var(--bg-2);border:1px solid var(--line)}
.num .n{font:800 clamp(56px,9vw,150px)/.82 var(--display);font-stretch:118%;letter-spacing:-.05em;color:var(--yolk)}
.num .n small{font:900 .28em 'Noto Sans KR',var(--text);letter-spacing:0;margin-left:.2em;color:var(--fg)}
.num b{display:block;margin-top:14px;font:900 clamp(15px,1.6vw,21px)/1.3 'Noto Sans KR',var(--text)}
.num span{display:block;margin-top:4px;color:var(--fg-2);font-size:13.5px;line-height:1.5}
@media (max-width:700px){.nums{grid-template-columns:1fr}.num{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:center}.num .n{grid-row:span 2;font-size:64px;min-width:1.9em}.num b{margin-top:0;align-self:end}.num span{align-self:start}}
.duo{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px}
.shot{position:relative;margin:0;min-height:clamp(260px,32vw,440px);border-radius:24px;overflow:hidden;isolation:isolate;background:#000}
.shot > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.shot::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,6,8,.94) 18%,rgba(6,6,8,.15) 65%)}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,24px)}
.shot figcaption b{display:block;font:900 clamp(20px,2.2vw,30px)/1.2 'Noto Sans KR',var(--text);letter-spacing:-.03em}
.shot .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips span{padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font:700 12.5px 'Noto Sans KR',var(--text)}
.pick{margin:0;padding:16px;border-radius:24px;background:var(--bg-2);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.pick svg{display:block;width:100%;height:auto;border-radius:14px}
.pick svg .sp{fill:rgba(255,255,255,.22)}
.pick svg .hit{fill:var(--yolk)}
.pick svg .ring{fill:none;stroke:var(--yolk);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:ring 1.8s ease-out infinite}
@keyframes ring{from{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}
.pick b{display:block;font:900 clamp(18px,1.9vw,24px)/1.25 'Noto Sans KR',var(--text)}
.pick span{display:block;margin-top:4px;color:var(--fg-2);font-size:14px;line-height:1.5}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.bc{padding:20px 22px;border-radius:20px;border:1px solid var(--line);background:var(--bg-2)}
.bc b{display:block;font:900 clamp(16px,1.6vw,20px)/1.3 'Noto Sans KR',var(--text);letter-spacing:-.02em}
.bc span{display:block;margin-top:5px;color:var(--fg-2);font-size:13.5px;line-height:1.55}
.bc kbd{font:800 12px 'Noto Sans KR',var(--text);padding:3px 9px;border-radius:99px;background:var(--yolk);color:#000}
@media (max-width:900px){.bcards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bcards{grid-template-columns:1fr}}

/* ── 커리어: 큰 경기 경기판 + 결과 도장 ── */
.rbar.solo .ctl{justify-content:center}
.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stamp{display:grid;place-items:center;aspect-ratio:16/9;border-radius:22px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.stamp i{font:900 clamp(28px,5.4vw,84px)/1 var(--display);font-style:normal;font-stretch:122%;letter-spacing:-.03em;padding:.12em .3em;border:.07em solid currentColor;border-radius:.16em;transform:rotate(-6deg)}
.stamp.w{color:var(--us)}.stamp.d{color:var(--fg-2)}.stamp.l{color:var(--lost)}
@media (max-width:520px){.stamp{aspect-ratio:1;border-radius:16px}.stamp i{font-size:22px}}
.lg{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lg span{padding:10px 16px;border-radius:99px;font:800 clamp(13px,1.3vw,15px) 'Noto Sans KR',var(--text);background:rgba(47,211,232,.14);color:var(--cyan);border:1px solid rgba(47,211,232,.3)}

/* ── 고친 것 · 알림 ── */
.fixl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fixl li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.fixl li::before{content:"✓";grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(79,227,193,.15);color:#4fe3c1;font-weight:800;align-self:start}
.fixl b{font:800 clamp(16px,1.7vw,21px)/1.4 'Noto Sans KR',var(--text);letter-spacing:-.01em}
.fixl span{grid-column:2;color:var(--fg-2);font-size:14px}
.note{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.note > div{padding:clamp(20px,2.6vw,30px);border-radius:24px;border:1px solid var(--line)}
.note b{display:block;font:900 clamp(17px,1.8vw,23px)/1.35 'Noto Sans KR',var(--text)}
.note span{display:block;margin-top:6px;color:var(--fg-2);font-size:14px;line-height:1.6}
.note a{color:var(--yolk);text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.note{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.gauge .bar i,.pick svg .ring{animation:none}.gauge .bar i{width:86%}}
@media (max-width:400px){.bhero h1{font-size:15vw}}