/* ===== 아케이드 테마 (css/arcade.css) =====
 * 밝고 선명한 원색 · 두꺼운 남색 윤곽 · 눌리는 입체 버튼 · 하늘색 경기장 분위기. 일러스트·로고·문구는 모두 직접 만든 것이에요.
 * html[data-theme="arcade"] 일 때 적용돼요 (설정에서 매치데이/아케이드/야간판 선택). 매치데이 규칙을 바탕으로 색과 모양만 바꿨어요. */
html[data-theme="arcade"]{
  --bg0:#4aa8ff;--bg1:#8ccbff;--panel:#fffdf4;--panel2:#fff3c9;--line:rgba(20,48,90,.55);--line2:rgba(20,48,90,.18);
  --txt:#14305a;--muted:#5a7396;--acc:#ff8a1f;--acc-ink:#3a2200;--acc2:#1fae5b;--gold:#ffb400;--red:#ee3d48;--blue:#2b79e0;
  --f-head:"Black Han Sans","Noto Sans KR",sans-serif;--f-num:"Oswald","Noto Sans KR",system-ui,sans-serif;
  --f-body:"Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --shadow:0 4px 0 rgba(20,48,90,.35);--r:18px;color-scheme:light}
html[data-theme="arcade"] html,html[data-theme="arcade"]{background:var(--bg0)}
html[data-theme="arcade"] body{
  background-color:#0c1c16;
  background-image:
    radial-gradient(900px 420px at 50% -120px,rgba(255,236,170,.10),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 56px,rgba(0,0,0,0) 56px 112px),
    linear-gradient(180deg,#0f2720,#0b1914 60%);
  background-attachment:fixed;font-size:15.5px;line-height:1.6;color:var(--txt);letter-spacing:.005em}
html[data-theme="arcade"] ::selection{background:rgba(240,189,79,.35)}
/* 제목 */
html[data-theme="arcade"] h1,html[data-theme="arcade"] h2{font-family:var(--f-head);font-weight:800;letter-spacing:-.01em;color:var(--txt)}
html[data-theme="arcade"] h1{font-size:28px}html[data-theme="arcade"] h2{font-size:22px}
html[data-theme="arcade"] h3{font-family:var(--f-head);font-weight:700;color:var(--txt)}
html[data-theme="arcade"] .sec{font-family:var(--f-head);font-weight:800;font-size:17px;color:var(--txt);letter-spacing:-.005em;display:flex;align-items:center;gap:8px}
html[data-theme="arcade"] .sec::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--acc);flex:none}
html[data-theme="arcade"] .kick{color:var(--acc);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
html[data-theme="arcade"] .muted,html[data-theme="arcade"] small{color:var(--muted)}
/* 카드 */
html[data-theme="arcade"] .card,html[data-theme="arcade"] .board,html[data-theme="arcade"] .sheet,html[data-theme="arcade"] .hero{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),var(--panel);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme="arcade"] .card.flat{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--panel);box-shadow:0 6px 18px rgba(0,0,0,.2)}
html[data-theme="arcade"] .hero{background:radial-gradient(500px 220px at 85% -20%,rgba(240,189,79,.16),transparent 70%),linear-gradient(160deg,#1c4136,#112a23);border-color:rgba(240,189,79,.28)}
html[data-theme="arcade"] .stat,html[data-theme="arcade"] .opt,html[data-theme="arcade"] .offer,html[data-theme="arcade"] .rec,html[data-theme="arcade"] .rk,html[data-theme="arcade"] .setrow{
  background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;box-shadow:none;transition:background .2s,border-color .2s,transform .12s}
html[data-theme="arcade"] .opt:hover,html[data-theme="arcade"] .offer:hover{background:rgba(240,189,79,.07);border-color:rgba(240,189,79,.4)}
html[data-theme="arcade"] .opt:active,html[data-theme="arcade"] .offer:active{transform:scale(.985)}
html[data-theme="arcade"] .opt.on,html[data-theme="arcade"] .offer.pick{border-color:var(--acc);background:rgba(240,189,79,.1)}
html[data-theme="arcade"] .stat b{color:var(--txt)}
/* 버튼 */
html[data-theme="arcade"] .big{background:linear-gradient(180deg,#f7ce70,#e7ac3a);color:var(--acc-ink);border-radius:14px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 4px 0 #9b6d12,0 14px 26px rgba(240,189,79,.22);transition:transform .12s,box-shadow .12s;border:0}
html[data-theme="arcade"] .big:active{transform:translateY(3px);box-shadow:0 1px 0 #9b6d12,0 6px 14px rgba(240,189,79,.18)}
html[data-theme="arcade"] .big:disabled{background:#1d3a31;color:var(--muted);box-shadow:none;border:1px solid var(--line)}
html[data-theme="arcade"] .big.alt,html[data-theme="arcade"] .big.needs{background:rgba(255,255,255,.06);color:var(--txt);border:1px solid var(--line);box-shadow:none}
html[data-theme="arcade"] .big.needs{color:var(--acc);border-color:rgba(240,189,79,.55);animation:mdPulse 1.8s ease-in-out infinite}
@keyframes mdPulse{50%{box-shadow:0 0 0 6px rgba(240,189,79,.12)}}
html[data-theme="arcade"] .wide,html[data-theme="arcade"] .ghost{background:rgba(255,255,255,.05);color:var(--txt);border:1px solid var(--line);border-radius:12px;box-shadow:none;font-weight:600}
html[data-theme="arcade"] .wide:hover,html[data-theme="arcade"] .ghost:hover{border-color:rgba(240,189,79,.5)}
html[data-theme="arcade"] .chips button,html[data-theme="arcade"] .chip{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;color:var(--txt)}
html[data-theme="arcade"] .chips button.on,html[data-theme="arcade"] .chip.on{background:rgba(240,189,79,.16);border-color:var(--acc);color:var(--acc)}
html[data-theme="arcade"] .pill,html[data-theme="arcade"] .tag{background:rgba(255,255,255,.07);color:var(--txt);border:1px solid var(--line2);border-radius:999px}
html[data-theme="arcade"] .pill.gold,html[data-theme="arcade"] .tag.g{background:rgba(240,189,79,.14);color:var(--gold);border-color:rgba(240,189,79,.32)}
html[data-theme="arcade"] .pill.acc{background:rgba(134,215,192,.14);color:var(--acc2)}
html[data-theme="arcade"] .pill.red{background:rgba(236,106,85,.14);color:var(--red)}
/* 상단·하단 */
html[data-theme="arcade"] .top{background:rgba(12,28,22,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
html[data-theme="arcade"] .ibtn{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--txt);border-radius:12px}
html[data-theme="arcade"] .ovr b{color:var(--acc);font-family:var(--f-num)}
html[data-theme="arcade"] .nav{background:rgba(11,24,19,.9);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
html[data-theme="arcade"] .nav button{color:var(--muted);position:relative;transition:color .2s}
html[data-theme="arcade"] .nav button.on{color:var(--acc)}
html[data-theme="arcade"] .nav button.on::after{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--acc)}
html[data-theme="arcade"] .cta{background:linear-gradient(180deg,transparent,rgba(11,24,19,.7) 55%)}
/* 막대·진행 */
html[data-theme="arcade"] .bar{background:rgba(255,255,255,.08)}
html[data-theme="arcade"] .bar i{background:linear-gradient(90deg,#c79a3c,var(--acc))}
html[data-theme="arcade"] .bar.warn i{background:linear-gradient(90deg,#d98450,var(--red))}
html[data-theme="arcade"] .tl div{background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:12px}
html[data-theme="arcade"] .tl div.done{background:rgba(134,215,192,.08);border-color:rgba(134,215,192,.3)}html[data-theme="arcade"] .tl div.done b{color:var(--acc2)}
html[data-theme="arcade"] .tl div.now{background:rgba(240,189,79,.12);border-color:var(--acc)}html[data-theme="arcade"] .tl div.now b{color:var(--acc)}
/* 안내·입력 */
html[data-theme="arcade"] .note{background:rgba(240,189,79,.08);border:1px solid rgba(240,189,79,.28);border-radius:12px;color:var(--txt)}
html[data-theme="arcade"] .note.good{background:rgba(134,215,192,.09);border-color:rgba(134,215,192,.32)}
html[data-theme="arcade"] .note.warn{background:rgba(236,106,85,.09);border-color:rgba(236,106,85,.34)}
html[data-theme="arcade"] input,html[data-theme="arcade"] select,html[data-theme="arcade"] textarea{background:rgba(0,0,0,.22);color:var(--txt);border:1px solid var(--line);border-radius:12px}
html[data-theme="arcade"] input:focus,html[data-theme="arcade"] select:focus{outline:2px solid rgba(240,189,79,.5);outline-offset:1px}
html[data-theme="arcade"] .ov{background:rgba(5,12,9,.66);backdrop-filter:blur(4px)}
html[data-theme="arcade"] .xclose,html[data-theme="arcade"] .backbar button{background:rgba(20,44,37,.95);color:var(--txt);border:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,.35)}
html[data-theme="arcade"] .backbar{background:linear-gradient(180deg,rgba(12,28,22,.96),rgba(12,28,22,.7))}
html[data-theme="arcade"] .backbar b{font-family:var(--f-head);font-weight:800;color:var(--txt)}
html[data-theme="arcade"] .toast{background:#f3ecd8;color:#1b1710;border-radius:12px}
html[data-theme="arcade"] .emb{border:1px solid var(--line);box-shadow:0 3px 8px rgba(0,0,0,.3)}
html[data-theme="arcade"] .sns{background:rgba(255,255,255,.04);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px}
html[data-theme="arcade"] .sns.up{border-left-color:var(--acc2)}html[data-theme="arcade"] .sns.dn{border-left-color:var(--red)}
html[data-theme="arcade"] .sns b{color:var(--acc2)}
html[data-theme="arcade"] .tribute{background:linear-gradient(135deg,rgba(240,189,79,.13),rgba(240,189,79,.03));border:1px solid rgba(240,189,79,.38);border-radius:16px;box-shadow:none;font-family:var(--f-head);font-weight:700}
html[data-theme="arcade"] .srctag{background:rgba(240,189,79,.12);border-color:rgba(240,189,79,.32);color:var(--gold)}
html[data-theme="arcade"] .outlook{color:var(--acc2)}html[data-theme="arcade"] .outlook.up{color:var(--acc2)}html[data-theme="arcade"] .outlook.dn{color:var(--red)}
/* 등장 모션 */
@media(prefers-reduced-motion:no-preference){
  html[data-theme="arcade"] .card,html[data-theme="arcade"] .hero{animation:mdUp .42s cubic-bezier(.2,.7,.2,1) both}
  html[data-theme="arcade"] .card:nth-child(2){animation-delay:.04s}html[data-theme="arcade"] .card:nth-child(3){animation-delay:.08s}html[data-theme="arcade"] .card:nth-child(4){animation-delay:.12s}
  @keyframes mdUp{from{opacity:0;transform:translateY(10px)}}
}
/* ===== 메인 메뉴(index.html) ===== */
html[data-theme="arcade"] .brand{color:var(--txt)}
html[data-theme="arcade"] .brand .k{color:var(--acc)}html[data-theme="arcade"] .brand b{color:var(--txt)}
html[data-theme="arcade"] .mode{border-radius:20px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12);transition:transform .15s}
html[data-theme="arcade"] .mode:active{transform:scale(.98)}
html[data-theme="arcade"] .mode.m{background:radial-gradient(240px 120px at 90% 0%,rgba(255,255,255,.14),transparent 70%),linear-gradient(145deg,#b6402f,#7d2a22);color:#fff3df}
html[data-theme="arcade"] .mode.p{background:radial-gradient(240px 120px at 90% 0%,rgba(255,255,255,.14),transparent 70%),linear-gradient(145deg,#2f6f5e,#1a4036);color:#e9f6ee}
html[data-theme="arcade"] .mode small{color:rgba(255,240,215,.8);opacity:1}
html[data-theme="arcade"] .plink{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;color:var(--txt)}
html[data-theme="arcade"] .soon{border:1px dashed rgba(240,189,79,.4);background:rgba(240,189,79,.05);color:var(--muted);border-radius:14px}
html[data-theme="arcade"] .modeinfo{color:var(--muted)}html[data-theme="arcade"] .modeinfo b{color:var(--txt)}
html[data-theme="arcade"] .hof h2 small{color:var(--acc)}
html[data-theme="arcade"] .board{border-color:rgba(240,189,79,.22)}
html[data-theme="arcade"] .board.p{border-color:rgba(134,215,192,.25)}
html[data-theme="arcade"] .board .bt b{font-family:var(--f-head);font-weight:800}
html[data-theme="arcade"] .rk.r1{background:linear-gradient(90deg,rgba(240,189,79,.2),rgba(255,255,255,.03));border-color:rgba(240,189,79,.55)}
html[data-theme="arcade"] .rk .sc,html[data-theme="arcade"] .rec b,html[data-theme="arcade"] .jstat b{color:var(--acc)}
html[data-theme="arcade"] .wrap>main::before{content:"MATCHDAY PROGRAMME  ·  K-LEGEND";display:block;font:600 11px var(--f-num);letter-spacing:.28em;color:var(--acc);opacity:.85;margin-bottom:2px}
html[data-theme="arcade"] #klBgm{background:rgba(20,44,37,.9)!important;border:1px solid var(--line)!important}
html[data-theme="arcade"] footer{color:var(--muted)}
html[data-theme="arcade"] .lf{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px}
/* 패치노트 */
html[data-theme="arcade"] .back{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;color:var(--txt)}

/* ===== 아케이드 전용 덮어쓰기 ===== */
html[data-theme="arcade"],html[data-theme="arcade"] body{background:linear-gradient(180deg,#3d9bff 0%,#8ccbff 38%,#bfe6ff 62%,#bfe6ff 100%) fixed;color:var(--txt);font-weight:500}
html[data-theme="arcade"] body{background-image:none;background-color:transparent}
html[data-theme="arcade"] h1,html[data-theme="arcade"] h2,html[data-theme="arcade"] h3,html[data-theme="arcade"] .sec{font-family:var(--f-head);font-weight:400;letter-spacing:0;color:var(--txt)}
html[data-theme="arcade"] .sec::before{background:var(--acc);width:6px;height:18px;border-radius:3px}
html[data-theme="arcade"] .card,html[data-theme="arcade"] .board,html[data-theme="arcade"] .sheet,html[data-theme="arcade"] .hero{background:var(--panel);border:3px solid #14305a;border-radius:20px;box-shadow:0 5px 0 #14305a;color:var(--txt)}
html[data-theme="arcade"] .card.flat{background:#fff;box-shadow:0 4px 0 rgba(20,48,90,.55)}
html[data-theme="arcade"] .stat,html[data-theme="arcade"] .opt,html[data-theme="arcade"] .offer,html[data-theme="arcade"] .rec,html[data-theme="arcade"] .rk{background:#fff;border:2.5px solid #14305a;border-radius:16px;box-shadow:0 3px 0 rgba(20,48,90,.6);color:var(--txt)}
html[data-theme="arcade"] .opt:hover,html[data-theme="arcade"] .offer:hover{background:#fff6d6;border-color:#14305a}
html[data-theme="arcade"] .opt.on,html[data-theme="arcade"] .offer.pick{background:#ffe27a;border-color:#14305a}
html[data-theme="arcade"] .big{background:linear-gradient(180deg,#ffd84a,#ffb400);color:#3a2200;border:3px solid #14305a;border-radius:16px;box-shadow:0 6px 0 #14305a;font-weight:900}
html[data-theme="arcade"] .big:active{transform:translateY(5px);box-shadow:0 1px 0 #14305a}
html[data-theme="arcade"] .big:disabled{background:#d9e4f2;color:#7f93b0;box-shadow:0 3px 0 #9fb2cc;border-color:#9fb2cc}
html[data-theme="arcade"] .big.alt,html[data-theme="arcade"] .big.needs{background:#fff;color:var(--blue);border:3px solid #14305a;box-shadow:0 6px 0 #14305a;animation:none}
html[data-theme="arcade"] .wide,html[data-theme="arcade"] .ghost{background:#e8f4ff;color:var(--txt);border:3px solid #14305a;border-radius:14px;box-shadow:0 4px 0 #14305a;font-weight:700}
html[data-theme="arcade"] .wide:active,html[data-theme="arcade"] .ghost:active{transform:translateY(3px);box-shadow:0 1px 0 #14305a}
html[data-theme="arcade"] .chips button,html[data-theme="arcade"] .chip{background:#fff;border:2.5px solid #14305a;color:var(--txt);box-shadow:0 2px 0 #14305a}
html[data-theme="arcade"] .chips button.on,html[data-theme="arcade"] .chip.on{background:#ffb400;color:#3a2200}
html[data-theme="arcade"] .pill,html[data-theme="arcade"] .tag{background:#e8f4ff;color:var(--txt);border:2px solid #14305a}
html[data-theme="arcade"] .pill.gold{background:#ffe27a;color:#5a3a00;border-color:#14305a}
html[data-theme="arcade"] .top{background:linear-gradient(180deg,#2b79e0,#2268c6);color:#fff;border-bottom:3px solid #14305a;backdrop-filter:none}
html[data-theme="arcade"] .top *{color:#fff}html[data-theme="arcade"] .top .muted,html[data-theme="arcade"] .top small{color:#d6eaff}
html[data-theme="arcade"] .ibtn{background:#fff;color:#14305a;border:2.5px solid #14305a;box-shadow:0 3px 0 #14305a}
html[data-theme="arcade"] .top .ibtn{color:#14305a}
html[data-theme="arcade"] .ovr b{color:#ffd84a;text-shadow:0 2px 0 #14305a}
html[data-theme="arcade"] .nav{background:#14305a;border-top:3px solid #0b1e3b;backdrop-filter:none}
html[data-theme="arcade"] .nav button{color:#9cbbe6}html[data-theme="arcade"] .nav button.on{color:#ffd84a}
html[data-theme="arcade"] .nav button.on::after{background:#ffd84a;height:4px}
html[data-theme="arcade"] .cta{background:linear-gradient(180deg,transparent,rgba(61,155,255,.35) 60%)}
html[data-theme="arcade"] .bar{background:#cfe0f3;border:2px solid #14305a;border-radius:99px;overflow:hidden}
html[data-theme="arcade"] .bar i{background:linear-gradient(90deg,#ff8a1f,#ffd84a)}
html[data-theme="arcade"] .note{background:#fff6d6;border:2.5px solid #14305a;color:var(--txt)}
html[data-theme="arcade"] .note.good{background:#dff8e6}html[data-theme="arcade"] .note.warn{background:#ffe3e3}
html[data-theme="arcade"] input,html[data-theme="arcade"] select,html[data-theme="arcade"] textarea{background:#fff;color:var(--txt);border:2.5px solid #14305a}
html[data-theme="arcade"] .ov{background:rgba(20,48,90,.55)}
html[data-theme="arcade"] .sheet{background:#fffdf4}
html[data-theme="arcade"] .xclose,html[data-theme="arcade"] .backbar button{background:#fff;color:#14305a;border:2.5px solid #14305a}
html[data-theme="arcade"] .backbar{background:linear-gradient(180deg,#2b79e0,#3d9bff)}html[data-theme="arcade"] .backbar b{color:#fff}
html[data-theme="arcade"] .toast{background:#14305a;color:#fff}
html[data-theme="arcade"] .kick{color:var(--acc)}html[data-theme="arcade"] .muted,html[data-theme="arcade"] small{color:var(--muted)}
html[data-theme="arcade"] .tl div{background:#fff;border:2px solid #14305a}
html[data-theme="arcade"] .tl div.now{background:#ffe27a}html[data-theme="arcade"] .tl div.done{background:#dff8e6}
html[data-theme="arcade"] .lf{background:#fff;border:2px solid #14305a;color:var(--txt)}
html[data-theme="arcade"] footer{color:#14305a}
html[data-theme="arcade"] .sns{background:#fff;border:2px solid #14305a;border-left:6px solid #2b79e0;color:var(--txt)}
html[data-theme="arcade"] .tribute{background:#fff6d6;border:3px solid #14305a;color:var(--txt)}
html[data-theme="arcade"] #klHomeKey,html[data-theme="arcade"] #klBgm{background:#fff!important;color:#14305a!important;border:2.5px solid #14305a!important;box-shadow:0 3px 0 #14305a!important}
/* 메인 메뉴 */
html[data-theme="arcade"] .wrap>main::before{content:"FOOTBALL CAREER SIMULATION";color:#14305a;letter-spacing:.3em}
html[data-theme="arcade"] .brand{font-family:var(--f-head);font-size:54px;line-height:1;text-align:center;color:#ffd84a;-webkit-text-stroke:7px #14305a;paint-order:stroke fill;text-shadow:0 6px 0 #14305a;letter-spacing:-.01em;margin:10px 0 2px}
html[data-theme="arcade"] .brand .k{color:#ff8a1f}html[data-theme="arcade"] .brand b{color:#fff}
html[data-theme="arcade"] .sub{color:#14305a;font-weight:700;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.7)}
html[data-theme="arcade"] .mode{border:3px solid #14305a;border-radius:20px;box-shadow:0 6px 0 #14305a;color:#fff}
html[data-theme="arcade"] .mode.p{background:linear-gradient(180deg,#3fc46a,#1fa24b)}html[data-theme="arcade"] .mode.m{background:linear-gradient(180deg,#ff6b5e,#e23a3a)}
html[data-theme="arcade"] .mode b{font-family:var(--f-head);font-weight:400;font-size:26px;text-shadow:0 3px 0 rgba(20,48,90,.55)}
html[data-theme="arcade"] .mode small{color:#fff;opacity:.95;font-weight:700}
html[data-theme="arcade"] .mbtn{background:#fff;border:3px solid #14305a;border-radius:18px;box-shadow:0 5px 0 #14305a;color:#14305a}
html[data-theme="arcade"] .mbtn small{color:#5a7396}html[data-theme="arcade"] .mbtn:active{transform:translateY(4px);box-shadow:0 1px 0 #14305a}
html[data-theme="arcade"] .about{background:#fffdf4;border:3px solid #14305a;box-shadow:0 5px 0 #14305a}html[data-theme="arcade"] .about h3{color:#e2681a}html[data-theme="arcade"] .about p{color:#3d5a85}
html[data-theme="arcade"] .soon{background:#fff6d6;border:3px dashed #14305a;color:#14305a}
html[data-theme="arcade"] .hof h2 small{color:#e2681a}
html[data-theme="arcade"] .newdot{background:#ee3d48;color:#fff}
/* 첫 화면 일러스트 (index.html .arc-hero) */
.arc-hero{display:none}
html[data-theme="arcade"] .arc-hero{display:block;position:relative;margin:2px 0 6px;border-radius:22px;overflow:hidden;border:3px solid #14305a;box-shadow:0 6px 0 #14305a;height:200px;background:linear-gradient(180deg,#2f93ff,#a6d8ff)}
html[data-theme="arcade"] .arc-hero svg{width:100%;height:100%;display:block}
html[data-theme="arcade"] .arc-hero .cloud{animation:arcCloud 38s linear infinite}html[data-theme="arcade"] .arc-hero .cloud.c2{animation-duration:55s;animation-delay:-20s}
@keyframes arcCloud{from{transform:translateX(-140px)}to{transform:translateX(440px)}}
html[data-theme="arcade"] .arc-hero .ball{animation:arcBall 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes arcBall{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(180deg)}}
/* 가독성 보정 */
html[data-theme="arcade"] .body>.kick,html[data-theme="arcade"] .body>small.kick{color:#fff;text-shadow:0 2px 0 #14305a;font-weight:800}
html[data-theme="arcade"] .pay b,html[data-theme="arcade"] .rec b,html[data-theme="arcade"] .jstat b,html[data-theme="arcade"] .rk .sc{color:#c26a00}
html[data-theme="arcade"] .stat b{color:var(--txt)}
html[data-theme="arcade"] .body>h2,html[data-theme="arcade"] .body>h3.sec{color:var(--txt)}
html[data-theme="arcade"] .sheet .kick,html[data-theme="arcade"] .card .kick{color:#e2681a;text-shadow:none}

/* 천연잔디 바닥: 촘촘한 잔디결(미세 노이즈) + 부드러운 깎인 무늬 + 밝고 어두운 얼룩 + 먼 곳은 어둡게(원근) — 선(머리카락) 모양은 쓰지 않아요 */
html[data-theme="arcade"] body::before{content:"";position:fixed;left:0;right:0;bottom:0;height:40vh;z-index:-1;pointer-events:none;
  background:
   linear-gradient(180deg,rgba(0,35,10,.5) 0,rgba(0,35,10,0) 22%),
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15 .55' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .02 0 0 0 0 .22 0 0 0 0 .04 0 0 0 1.25 -.42'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E"),
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='260'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .035' numOctaves='2' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .75 0 0 0 0 .95 0 0 0 0 .55 0 0 0 1.1 -.55'/%3E%3C/filter%3E%3Crect width='300' height='260' filter='url(%23l)'/%3E%3C/svg%3E"),
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='420'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .012' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .5 0 0 0 0 .12 0 0 0 1.3 -.35'/%3E%3C/filter%3E%3Crect width='520' height='420' filter='url(%23p)'/%3E%3C/svg%3E"),
   repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 80px,rgba(0,40,0,.07) 80px 160px),
   linear-gradient(180deg,#2f8a45,#4cb35c 55%,#5cc36a);
  background-size:auto,160px 160px,300px 260px,520px 420px,auto,auto;background-blend-mode:normal}
html[data-theme="arcade"] body::after{content:"";position:fixed;left:0;right:0;bottom:calc(40vh - 2px);height:3px;background:rgba(255,255,255,.5);z-index:-1;pointer-events:none}