/* 2027 HIBIRI DIBIRI — 리뉴얼 테마 레이어 (base.css 위에 덮어씀) */
@font-face{font-family:'NEXON Lv1 Gothic';src:url('fonts/nexon-light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'NEXON Lv1 Gothic';src:url('fonts/nexon-regular.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'NEXON Lv1 Gothic';src:url('fonts/nexon-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'Tuhon';src:url('fonts/tuhon-bold.woff2') format('woff2');font-weight:100 700;font-display:swap}
@font-face{font-family:'Tuhon';src:url('fonts/tuhon-black.woff2') format('woff2');font-weight:800 900;font-display:swap}

:root{
  --night:#0E1015; --panel:#15171E; --panel-2:#1C1F28; --line:rgba(255,255,255,.1);
  --chalk:#FFFFFF; --mute:rgba(255,255,255,.66);
  --kit:#FF2B3E; --navy-kit:#2F6BFF; --title:#FF2B3E; --blue:#2F6BFF;
  --board:#FFFFFF; --ink-on-board:#0B0D13; --accent:#FF2B3E;
  --f-display:'Tuhon','NEXON Lv1 Gothic',sans-serif;
  --f-body:'NEXON Lv1 Gothic','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --f-num:'Saira Condensed','Arial Narrow',sans-serif;
  --r:7px; --wrap:1200px;
}
body{background:var(--night);color:#fff;font-family:var(--f-body)}
a{color:#fff}
:focus-visible{outline:3px solid var(--accent)}
.num{font-weight:800}

/* 배경 빛줄기 (고정, 스크롤 따라감) */
.bg-beams{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-beams i{position:absolute;left:-20%;width:140%;transform:rotate(-28deg);animation:drift 14s ease-in-out infinite alternate}
.bg-beams i:nth-child(1){top:38%;height:26vh;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.045) 48%,transparent 72%)}
.bg-beams i:nth-child(2){top:58%;height:5vh;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.06) 55%,transparent 72%);animation-duration:18s}
.bg-beams i:nth-child(3){top:82%;height:22vh;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.035) 48%,transparent 72%);animation-duration:16s}
@keyframes drift{from{translate:-3% 0}to{translate:3% 0}}
body{position:relative;isolation:isolate}

/* 상단 바 */
.top{background:color-mix(in srgb,var(--night) 82%,transparent);border-bottom:0}
.top .wrap{height:76px}
.logo{font-family:var(--f-num);font-weight:800;font-size:23px;letter-spacing:.01em}
.logo b{color:var(--accent)}
.crest{width:40px;height:40px;border-radius:5px}
.nav-links a:not(.btn){font-family:var(--f-body);font-weight:500;font-size:14px;color:rgba(255,255,255,.72);padding:8px 16px;border-radius:999px;text-decoration:none;transition:background-color .25s,color .25s}
.nav-links a:not(.btn):hover{background:rgba(255,255,255,.1);color:#fff}
.nav-links a[aria-current="page"]{background:#fff;color:#0B0D13;font-weight:600}
@media (min-width:861px){.nav-links{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:5px;gap:2px}}
.nav-toggle{border-radius:999px}

/* 버튼 — 알약형 + 화살표 원 */
.btn{border-radius:999px;font-weight:600;padding:0 26px;height:54px;gap:12px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s,border-color .3s,box-shadow .3s}
.btn::after{content:"";width:34px;height:34px;margin-right:-16px;border-radius:50%;flex:none;background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.btn:hover{transform:translateY(-2px);filter:none}
.btn:hover::after{transform:translateX(4px) rotate(-45deg)}
.btn-board,.btn-kit{background:var(--accent);color:#fff}
.btn-board:hover,.btn-kit:hover{box-shadow:0 14px 32px -10px var(--accent);filter:brightness(1.08)}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{background:#fff;color:#0B0D13;border-color:#fff}
.btn-ghost:hover::after{background-color:#0B0D13}
.btn[disabled]::after{display:none}
.top .btn{height:44px;padding:0 20px;font-size:14px}
.top .btn::after{width:30px;height:30px;margin-right:-14px}
.ap-top .btn::after,.dock .btn::after{display:none}
button.btn::after{display:none}

/* 섹션 */
section.block{border-bottom:0;padding-block:88px 8px}
.sec-head{border-bottom:0;padding-bottom:0;gap:14px}
.sec-head .tag,.page-hero .tag{display:flex;align-items:center;gap:12px;font-family:var(--f-body);font-weight:600;font-size:13px;letter-spacing:.32em;color:#fff}
.sec-head .tag::before,.page-hero .tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,43,62,.7)}70%{box-shadow:0 0 0 8px rgba(255,43,62,0)}100%{box-shadow:0 0 0 0 rgba(255,43,62,0)}}
.sec-head h2,.page-hero h1,.card h3,.fixture-body h3,.timeline h3,.submit-grid h3,.ap-body h2,footer h2,.cta-band h2,.person h3{font-family:var(--f-display);font-weight:400}
.sec-head h2{font-size:clamp(30px,3.2vw,44px)}
.page-hero{border-bottom:0;background:none;padding-block:72px 24px}
.page-hero h1{font-weight:900!important;font-size:clamp(40px,5vw,72px);line-height:1.12;margin-top:18px}
.page-hero p{font-size:17px;line-height:1.7;color:var(--mute)}
.eyebrow,.pill-plain{font-family:var(--f-body);font-weight:600;letter-spacing:.1em}
.pill{border-radius:999px;font-family:var(--f-body);padding:5px 12px}
.tagline{color:#fff}

/* 카드 — 테두리 스윕 */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.card,.perks li,.submit-grid>div,details,.fixture,.standings,.points,.timeline,.facts,.scoreboard,.figure,.quote,.review,.check,.radios label,.drop{border-radius:var(--r)}
.card,.perks li,.submit-grid>div,.fixture{position:relative;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,background-color .4s}
.card:hover,.perks li:hover,.submit-grid>div:hover,.fixture:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.07)}
.card::after,.perks li::after,.submit-grid>div::after,.fixture::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;background:conic-gradient(from var(--ang),transparent 0deg,transparent 250deg,rgba(255,255,255,.9) 300deg,var(--accent) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.card:hover::after,.perks li:hover::after,.submit-grid>div:hover::after,.fixture:hover::after{animation:sweep 1.3s cubic-bezier(.4,0,.2,1) 1 forwards}
@keyframes sweep{0%{--ang:0deg;opacity:0}12%{opacity:1}80%{opacity:1}100%{--ang:360deg;opacity:0}}
.card{padding:26px}
.card h3{font-size:22px}
.card .k{font-family:var(--f-num);font-weight:800;font-size:14px;letter-spacing:.14em;color:rgba(255,255,255,.4);transition:color .35s}
.card:hover .k{color:var(--accent)}
.card.red,.card.blue{border-left:1px solid var(--line)}
.card.red .k{color:var(--accent)}
.card.blue .k{color:var(--blue)}
.card.red h3{color:#fff}
.card.quiet{background:transparent}
.fixture,.fixture + .fixture{border-left:1px solid var(--line)}
.fixture-head{border-bottom:1px solid var(--line)}
.fixture-head .season{font-weight:800;color:var(--accent)}
.fixture + .fixture .fixture-head .season{color:var(--blue)}
.fixture-head .rounds{color:#fff;font-weight:800}
.team{border-radius:999px}
.points .w,.mission .badge{background:var(--accent);color:#fff;border-radius:999px;padding:4px 14px}

.more{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 6px 0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;font-size:14px;transition:background-color .3s,color .3s,transform .3s}
.more::after{content:"";width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s}
.more:hover{background:#fff;color:#0B0D13;transform:translateY(-2px)}
.more:hover::after{background-color:#0B0D13;transform:translateX(4px) rotate(-45deg)}

.quote{border-left:0;background:#fff;color:#0B0D13;font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.2vw,26px);padding:26px 30px;border-radius:var(--r)}
.asis-tobe .arrow{color:var(--accent);font-weight:800}
.lead{font-size:17px;line-height:1.75}

/* 숫자 패널 */
.facts,.scoreboard{background:transparent;border:0;gap:12px}
.facts>div,.scoreboard>div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r)}
.facts .v,.scoreboard .v{font-weight:800;color:#fff;font-size:52px}
.facts>div:hover .v{color:var(--accent)}
.facts .v{transition:color .35s}

/* 타임라인 */
.timeline{border:0;gap:10px;overflow:visible}
.timeline li{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r)}
.timeline li:last-child{background:var(--accent);border-color:var(--accent)}
.timeline .step{font-weight:700;letter-spacing:.18em}
.timeline .when{color:#fff;font-weight:800;font-size:22px}
.timeline li:last-child p{color:rgba(255,255,255,.9)}

/* 상금 */
.standings{background:rgba(255,255,255,.04)}
.standings .total{background:#fff;color:#0B0D13}
.standings .total b{font-weight:800}
.standings td.rk{color:#fff;font-weight:800}
.standings tr:first-child td.rk,.standings tr:first-child td.amt{color:var(--accent)}
.standings td.amt{font-weight:800}

.checks li{border-bottom:1px solid var(--line)}
.checks li::before{background:rgba(255,255,255,.08);color:#fff}
.checks li.must::before{background:var(--accent)}
details{background:rgba(255,255,255,.04)}
summary::after{color:var(--accent);font-weight:800}
details[open]{border-color:rgba(255,255,255,.26)}

/* 인물 */
.avatar{border-radius:var(--r);overflow:hidden;background:#000!important;width:120px;height:150px;font-size:0}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.person{grid-template-columns:120px 1fr}
.role{border-radius:999px;color:#fff;background:rgba(255,255,255,.08);padding:3px 12px}
.judge .what{color:var(--accent)}

/* 띠 */
.ticker{background:var(--accent);text-shadow:none;font-weight:800;font-size:16px}
.kit-strip{height:6px;background:linear-gradient(90deg,var(--accent) 0 50%,var(--blue) 50%)}
.cta-band{background:var(--accent)}
.cta-band h2{text-shadow:none;font-size:clamp(28px,3.6vw,44px)}
.cta-band p{text-shadow:none}
.cta-band .dd-box{background:#0B0D13;color:#fff;font-weight:800;border-radius:999px;padding:8px 18px}
.cta-band .btn-board{background:#fff;color:#0B0D13}
.cta-band .btn-board::after{background-color:#0B0D13}

/* 히어로(기존 페이지용) */
.hero{border-bottom:0}
.hero h1{font-family:var(--f-display)}
.hero h1 em{color:var(--accent);font-style:normal}
.poster{border:1px solid rgba(255,255,255,.12);box-shadow:none;border-radius:var(--r)}

/* 푸터·도크 */
footer{border-top:0}
.contact a{color:#fff}
.chip-btn{border-radius:999px}
.dock{border-top:0;background:color-mix(in srgb,var(--night) 90%,transparent);backdrop-filter:blur(10px)}
.dock .dd{color:#fff;font-weight:800}

/* 지원서 */
.ap-top{border-bottom:0}
.ap-top .close{border-radius:999px}
.steps div.on{background:var(--accent)}
.radios label:has(input:checked){border-color:var(--accent)}
.drop.over{border-color:var(--accent)}
.drop .ico{color:#fff;font-weight:800}
.check input{accent-color:var(--accent)}
.link-btn{color:#fff}
.done .medal{background:var(--accent);color:#fff;font-weight:800}
.done .appid{color:#fff;font-weight:800}
.file-prog .fp-h span:last-child{color:#fff}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=date],input[type=url],select,textarea{border-radius:var(--r)!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--line)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(255,255,255,.5)!important;outline:none}
.banner.warn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}
.preview .warn{color:#FFD23F}
/* 메뉴 현재 페이지: 밑줄 효과 제거, 색 반전만 */
.nav-links a[aria-current="page"]{box-shadow:none!important;border-radius:999px!important}
@media (max-width:860px){.nav-links a[aria-current="page"]{background:transparent;color:var(--accent);border-radius:0!important}}

/* 코칭스태프 프로필 카드 (홈과 동일) */
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px}
.ccard,.pcard{position:relative;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:#12141B;border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}
.ccard:hover,.pcard:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26)}
.ccard::after,.pcard::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;background:conic-gradient(from var(--ang),transparent 0deg,transparent 250deg,rgba(255,255,255,.9) 300deg,var(--c) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);z-index:4}
.ccard:hover::after,.pcard:hover::after{animation:sweep 1.3s cubic-bezier(.4,0,.2,1) 1 forwards}
.cc-photo{position:relative;height:clamp(500px,44vw,620px);background:#000;overflow:hidden}
.cc-photo video{position:absolute;right:-2%;top:0;bottom:0;width:86%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ccard:hover .cc-photo video{transform:scale(1.03)}
.cc-ghost,.pc-ghost{position:absolute;left:20px;bottom:-30px;font-family:var(--f-num);font-weight:800;font-size:200px;line-height:1;color:rgba(255,255,255,.04);white-space:nowrap;pointer-events:none}
.cc-id,.pc-id{position:absolute;left:26px;top:24px;z-index:2;display:flex;flex-direction:column;gap:4px}
.cc-code{font-family:var(--f-num);font-weight:800;font-size:80px;line-height:.85;color:var(--c)}
.cc-pos,.pc-pos{font-family:var(--f-num);font-weight:700;font-size:15px;letter-spacing:.2em}
.cc-id img,.pc-id img{width:40px;height:40px;border-radius:5px;object-fit:contain;background:#fff;padding:2px}
.cc-plate,.pc-plate{position:relative;z-index:3;flex:1;margin:-64px 12px 12px;background:#fff;color:#0B0D13;border-radius:9px;padding:18px 22px;display:flex;flex-direction:column;gap:6px}
.pc-plate{margin-top:-40px;padding:16px 18px}
.cc-role,.pc-what{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--c)}
.cc-plate h3,.pc-plate h3{font-family:var(--f-display);font-weight:400;font-size:26px;line-height:1.2;color:#0B0D13;margin:0}
.pc-plate h3{font-size:20px}
.cc-plate ul{margin:4px 0 0;padding-left:1.1em;display:grid;gap:4px;color:#4A4F5C;font-size:14px}
.pc-plate p{color:#4A4F5C;font-size:13.5px;line-height:1.6;margin:0}
/* 심사위원 카드 (FIFA형) */
.pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pcards{grid-template-columns:1fr}}
.pc-top{position:relative;height:280px;overflow:hidden;background:#000}
.pc-no{font-family:var(--f-num);font-weight:800;font-size:60px;line-height:.85;color:var(--c)}
.pc-kit{position:absolute;right:-6%;bottom:18px;width:70%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pcard:hover .pc-kit{transform:translateY(-6px) rotate(-3deg)}
.pcard:hover .pc-no{filter:brightness(1.2)}

/* 심사위원 — FIFA 선수카드형 */
.futw{display:flex;flex-direction:column;gap:14px;min-width:0}
.fut{position:relative;aspect-ratio:.72;max-width:100%;clip-path:polygon(9% 0,91% 0,100% 7%,100% 85%,50% 100%,0 85%,0 7%);
 background:
  repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 26px,rgba(255,255,255,.07) 26px 30px),
  linear-gradient(160deg,color-mix(in srgb,var(--c) 70%,#fff) 0%,var(--c) 38%,color-mix(in srgb,var(--c) 55%,#000) 62%,var(--c) 100%);
 color:#fff;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;overflow:hidden}
.fut::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 60%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:3}
.futw:hover .fut{transform:translateY(-6px)}
.futw:hover .fut::before{transform:translateX(120%)}
.fut-id{position:absolute;left:11%;top:9%;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}
.fut-no{font-family:var(--f-num);font-weight:800;font-size:clamp(40px,4vw,58px);line-height:.85}
.fut-pos{font-family:var(--f-num);font-weight:800;font-size:clamp(15px,1.4vw,20px);letter-spacing:.04em}
.fut-id img{width:32px;height:32px;border-radius:4px;background:#fff;padding:2px;object-fit:contain;margin-top:6px}
.fut .pc-kit{position:absolute;right:6%;top:6%;width:66%;bottom:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.fut .pc-kit path:first-child{fill:#0B0D13}
.fut-name{position:absolute;left:8%;right:8%;top:57%;text-align:center;font-family:var(--f-display);font-size:clamp(18px,1.6vw,22px);line-height:1.2;text-wrap:balance}
.fut-keys{position:absolute;left:10%;right:10%;top:74%;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.fut-keys span{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.28)}
.fut-foot{position:absolute;left:0;right:0;bottom:9%;text-align:center;font-family:var(--f-num);font-weight:700;font-size:11px;letter-spacing:.24em;opacity:.8}
.fut-info{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid var(--line);flex:1}
.fut-what{font-size:12px;font-weight:700;color:var(--c)}
.fut-info p{color:var(--mute);font-size:14px;line-height:1.65;margin:0}
@media (max-width:560px){.futw .fut{width:78%;margin:0 auto}}
.fut .pc-kit{right:4%;top:8%;width:58%}
.fut .pc-kit > path:nth-of-type(1){fill:#0B0D13}
.fut .pc-kit > path:nth-of-type(2){fill:none}
.fut .pc-kit text{font-size:46px}
/* 모바일 보정 */
.facts .v,.scoreboard .v{font-size:clamp(28px,7.5vw,52px);white-space:nowrap}
@media (max-width:560px){.scoreboard{display:grid;grid-template-columns:1fr;width:100%}.page-hero h1{font-size:clamp(30px,8.4vw,40px)}.cta-band .dd-box{white-space:nowrap}}
/* 심사위원 사진 슬롯 (assets/judges/judge01~08.png, 배경 투명 상반신) */
.fut-ph{position:absolute;right:4%;top:5%;width:64%;aspect-ratio:1;z-index:1}
.fut-ph svg{position:absolute;inset:0;width:100%;height:100%;fill:rgba(0,0,0,.28)}
.fut-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.futw:hover .fut-ph{transform:translateY(-4px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
/* 통일성: 심사위원 사진은 흑백 처리 (원본 컬러와 무관하게 톤 고정) */
.fut-ph img{filter:grayscale(1) contrast(1.12) brightness(.95) drop-shadow(0 12px 18px rgba(0,0,0,.35))}
/* 심사위원: 박스 안 미니 프로필 카드 */
.jboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:860px){.jboxes{grid-template-columns:1fr}}
.jbox{position:relative;display:flex;gap:22px;align-items:center;padding:18px 22px 18px 18px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,background-color .4s}
.jbox:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.07)}
.jbox::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;background:conic-gradient(from var(--ang),transparent 0deg,transparent 250deg,rgba(255,255,255,.9) 300deg,var(--c) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.jbox:hover::after{animation:sweep 1.3s cubic-bezier(.4,0,.2,1) 1 forwards}
.fut.mini{flex:none;width:118px;aspect-ratio:.76}
.fut.mini .fut-id{left:12%;top:10%}
.fut.mini .fut-no{font-size:30px}
.fut.mini .fut-pos{font-size:12px}
.fut.mini .fut-ph{right:0;left:18%;top:auto;bottom:14%;width:auto}
.jbox:hover .fut.mini{transform:none}
.jbox:hover .fut.mini::before{transform:translateX(120%)}
.jbox-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.jbox-txt h3{font-family:var(--f-display);font-weight:400;font-size:22px;line-height:1.25;margin:0}
.jbox-txt p{color:var(--mute);font-size:15px;line-height:1.65;margin:0}
@media (max-width:420px){.jbox{gap:16px;padding:16px}.fut.mini{width:92px}.fut.mini .fut-no{font-size:24px}.jbox-txt h3{font-size:19px}}
/* 코치 카드: 흰 박스 → EA 뉴스카드형 다크 하단 */
.ccard{background:#1C1E24}
.cc-plate{margin:0;border-radius:0;background:#1C1E24;color:#fff;padding:22px 26px 26px;gap:10px}
.cc-role{align-self:flex-start;color:#fff;padding:5px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.4)}
.cc-plate h3{color:#fff}
.cc-plate ul{color:rgba(255,255,255,.72);font-size:15px}
.cc-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(28,30,36,0),#1C1E24);pointer-events:none}
/* 미니 카드 모양: EA FC 선수카드형 방패 (둥근 위, 아래 뾰족) */
.fut.mini{clip-path:none;aspect-ratio:100/130;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M10 0H90Q100 0 100 10V108Q100 112 96 113.5L54 128.5Q50 130 46 128.5L4 113.5Q0 112 0 108V10Q0 0 10 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M10 0H90Q100 0 100 10V108Q100 112 96 113.5L54 128.5Q50 130 46 128.5L4 113.5Q0 112 0 108V10Q0 0 10 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.fut.mini .fut-ph{bottom:12%}
.fut-ph:has(img) svg{display:none}
.fut.mini .fut-ph{left:6%;right:-2%}
.fut-ph img.sil{filter:none;opacity:.55}
.fut.mini .fut-ph{top:36%;bottom:11%;left:2%;right:2%;width:auto;aspect-ratio:auto}
.fut.mini .fut-id{z-index:2}
/* 사진을 카드 하단까지 꽉 채움 */
.fut.mini .fut-ph{top:24%;bottom:0;left:0;right:0}
.fut.mini .fut-ph img{object-fit:contain;object-position:center bottom}
/* 번호 옆에 구분 표기 */
.fut.mini .fut-id{flex-direction:row;align-items:baseline;gap:5px;left:11%;right:6%;top:9%}
.fut.mini .fut-pos{font-family:var(--f-body);font-weight:700;font-size:11px;letter-spacing:0;white-space:nowrap}
@media (max-width:420px){.fut.mini .fut-pos{font-size:10px}}
.fut.mini .fut-pos{font-family:var(--f-display);font-weight:400;font-size:16px;letter-spacing:.01em}
@media (max-width:420px){.fut.mini .fut-pos{font-size:13px}}
