:root{--bg:#0b1630;--bg2:#0f1d40;--card:#14264f;--line:#22386b;--or:#ff7a1a;--tx:#eef2ff;--mu:#8fa0c6;--live:#ff4d4d;--win:#2ecc71;--lose:#e74c3c}
[data-theme=light]{--bg:#f3f5fa;--bg2:#ffffff;--card:#ffffff;--line:#e2e7f1;--tx:#13213f;--mu:#6a7896;--or:#f06a00}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.4 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.wrap{max-width:820px;margin:0 auto;padding:0 12px}
header{position:sticky;top:0;z-index:10;background:var(--bg2);border-bottom:2px solid var(--or);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.top{display:flex;align-items:center;gap:14px;height:52px}.logo{font-style:italic;font-weight:900;font-size:24px;letter-spacing:-.5px}.logo .w{color:var(--tx)}.logo .s{color:var(--or)}
nav{display:flex;gap:2px;margin-left:auto}nav a{padding:6px 12px;border-radius:8px;color:var(--mu);font-weight:700}nav a.on{color:var(--tx);background:var(--card)}
.theme{background:var(--card);border:1px solid var(--line);border-radius:50%;width:34px;height:34px}
.bar{border-top:1px solid var(--line);padding:8px 0 4px}.dates{display:flex;align-items:center;gap:6px}
.dates a,.cal{padding:6px 14px;border-radius:18px;border:1px solid var(--line);color:var(--mu);font-weight:700;font-size:14px}
.dates a.on{background:var(--or);border-color:var(--or);color:#fff}.cal{position:relative;padding:6px 10px}.cal input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dl{margin-left:auto;color:var(--mu);font-size:13px}.tools{margin:8px 0 2px}
#q{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-size:15px;outline:none}#q:focus{border-color:var(--or)}
.chips{display:flex;gap:6px;overflow-x:auto;padding:6px 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chips button,.chips a{flex:none;padding:5px 12px;border-radius:16px;border:1px solid var(--line);background:transparent;color:var(--mu);font-size:13px;font-weight:600;white-space:nowrap}
.chips .on{background:var(--tx);color:var(--bg);border-color:var(--tx)}.chips .lv{color:var(--live);border-color:var(--live)}.chips .lv.on{background:var(--live);color:#fff}
.status{color:var(--mu);font-size:12px;margin:10px 2px 0}.warn{color:#f0a040}
h2{font-size:14px;margin:16px 2px 6px;color:var(--mu);font-weight:700}h2.pin{color:var(--or)}
.g{display:grid;grid-template-columns:62px 1fr;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;transition:background .3s}
.g:hover{border-color:var(--or)}.g.live{border-left:3px solid var(--live)}
.st{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;color:var(--mu)}.st small{font-size:10px;line-height:1.2}
.g.live .st b{color:var(--live)}.g.final .st b{color:var(--mu);font-weight:600}
.teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
.tm{display:flex;align-items:center;gap:6px;min-width:0}.tm.L{justify-content:flex-end;flex-direction:row-reverse}.tm.L .nm{text-align:right}
.tm img,.nologo{width:24px;height:24px;object-fit:contain;flex:none}.nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm.win .nm{color:var(--or)}.star{background:none;border:0;padding:0 2px;color:var(--mu);font-size:15px;flex:none}.star.on{color:#ffc107}
.sc{display:flex;justify-content:center;gap:6px;min-width:84px;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.sc span{color:var(--mu)}.sc .w{color:var(--or)}.vs{font-size:13px!important;font-weight:600}
.g.final .sc b:not(.w){color:var(--mu)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);margin-right:4px;vertical-align:middle;animation:p 1.2s infinite}
@keyframes p{0%{box-shadow:0 0 0 0 rgba(255,77,77,.7)}70%{box-shadow:0 0 0 7px rgba(255,77,77,0)}}
.flash{animation:fl 1.6s}@keyframes fl{0%,40%{background:rgba(255,122,26,.35)}}
.empty{color:var(--mu);text-align:center;padding:44px 0;background:var(--card);border-radius:12px;margin-top:12px}
.back{display:inline-block;margin:14px 0 8px;color:var(--mu);font-size:14px}
.hero{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.hero.live{border-color:var(--live)}
.lg{color:var(--mu);font-size:13px;margin-bottom:10px}.teams.big{grid-template-columns:1fr auto 1fr}.big .tm{flex-direction:column;justify-content:center}
.big .tm img{width:56px;height:56px}.big .nm{font-size:17px;white-space:normal}.big em{font-style:normal;color:var(--mu);font-size:12px}
.big .sc{font-size:44px;gap:10px}.big .sc .c{font-size:28px;align-self:center}.big .sc .w{color:var(--or)}
.stb{margin-top:10px}.badge{display:inline-block;padding:3px 12px;border-radius:12px;background:var(--line);font-size:13px;font-weight:700}.badge.live{background:rgba(255,77,77,.15);color:var(--live)}.badge.final{background:var(--or);color:#fff}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}.box h3{margin:0 0 10px;font-size:15px}.box h3 small{color:var(--mu);font-weight:500}.more{float:right;color:var(--or);font-size:13px}
.scroll{overflow-x:auto}.ls,.tbl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.ls th,.ls td,.tbl th,.tbl td{padding:7px 5px;text-align:center;border-top:1px solid var(--line);white-space:nowrap}.ls th,.tbl th{color:var(--mu);font-weight:600;border-top:0;font-size:12px}
.t{text-align:left!important}.o{font-weight:800;color:var(--or)}.rk{color:var(--or);font-weight:900}.tbl tr.me td{background:rgba(255,122,26,.12);font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two>div{display:flex;flex-direction:column;gap:3px;min-width:0}.two small{color:var(--mu);font-weight:700}.two span{color:var(--mu);font-size:13px}
.form{display:flex;gap:4px;margin:4px 0}.form i{font-style:normal;font-size:12px;font-weight:800;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--mu)}
.form .rW,.fr .rW{background:var(--win)}.form .rL{background:var(--lose)}.fr{margin:2px 0;font-size:13px}.fr span{color:var(--mu)}.fr b{padding:0 4px;border-radius:4px}.fr .rW{color:#fff}.fr .rL{background:var(--lose);color:#fff}
.inj{margin:1px 0;font-size:13px}.head{display:flex;align-items:baseline;gap:10px;margin:16px 0 6px}h1{margin:0;font-size:21px}.sub{color:var(--mu);font-size:13px}
.tbl{background:var(--card);border-radius:12px;overflow:hidden}
footer{margin-top:30px;padding:18px 12px 40px;border-top:1px solid var(--line);color:var(--mu);font-size:12px}.tg{color:var(--or);font-weight:700;font-size:14px}
@media(max-width:480px){.g{grid-template-columns:50px 1fr;padding:8px}.sc{font-size:18px;min-width:70px;gap:4px}.nm{font-size:14px}.tm img,.nologo{width:20px;height:20px}.dl{display:none}.big .sc{font-size:36px}.two{grid-template-columns:1fr}}
/* v3: readability */
:root{--tx:#ffffff;--mu:#a9b8db}[data-theme=light]{--tx:#0b1630;--mu:#4a5878}
body{font-size:16px}
.g{grid-template-columns:72px 1fr;grid-template-areas:"st sub" "st teams";min-height:68px;padding:10px 12px;margin-bottom:8px;border-radius:12px}
.g .st{grid-area:st}.g .gsub{grid-area:sub;font-size:12px;color:var(--or);font-weight:700;text-align:center}.g .teams{grid-area:teams}
.st b{font-size:16px;color:var(--tx);font-weight:800}.g.final .st b{color:var(--mu);font-weight:700}
.st .lv{display:inline-flex;align-items:center;background:var(--live);color:#fff;font-size:12px;font-weight:900;padding:2px 7px 2px 5px;border-radius:6px;margin-bottom:3px;letter-spacing:.5px}
.st .lv .dot{background:#fff;animation:pw 1.2s infinite}@keyframes pw{50%{opacity:.25}}
.g.live .st b{color:var(--live);font-size:16px}
.g.live{border:2px solid var(--live);background:linear-gradient(90deg,rgba(255,77,77,.10),var(--card) 40%)}
.nm{font-size:17px;font-weight:800;color:var(--tx)}.tm{gap:8px}.tm img,.nologo{width:28px;height:28px}
.sc{font-size:28px;min-width:96px;gap:6px}.sc b{color:var(--tx)}.g.final .sc b:not(.w){color:var(--mu)}
.star{font-size:20px;width:34px;height:40px;display:grid;place-items:center;color:var(--line);margin:-8px 0}.star.on{color:#ffc107}
.star{order:1}
h2{font-size:16px;color:var(--tx);margin:20px 2px 8px;display:flex;align-items:center;gap:6px}h2.pin{color:var(--or)}
.ha{margin-left:auto;display:flex;gap:6px}.ha i{font-style:normal;font-size:12px;font-weight:700;color:var(--mu);border:1px solid var(--line);border-radius:6px;padding:1px 7px}.ha.small{font-size:12px;color:var(--mu);font-weight:600}
.dates a,.cal{padding:9px 16px;font-size:15px;min-height:40px}.chips button,.chips a{padding:8px 14px;font-size:14px;min-height:38px}
#q{padding:11px 14px;font-size:16px}.status{font-size:13px}
.big .nm{font-size:20px}.big .sc{font-size:52px}.badge{font-size:15px;padding:5px 14px}
.ls td,.tbl td{font-size:15px;padding:9px 6px}.ls th,.tbl th{font-size:13px}.box h3{font-size:16px}.fr{font-size:14px}.two small{font-size:14px;color:var(--tx)}
@media(max-width:480px){.g{grid-template-columns:56px 1fr;padding:10px 8px}.st b,.g.live .st b{font-size:14px}.nm{font-size:15px}.sc{font-size:22px;min-width:76px;gap:4px}
.tm{gap:5px}.tm img,.nologo{width:22px;height:22px}.star{width:26px;font-size:17px}.big .sc{font-size:42px}.big .nm{font-size:17px}.ls td{font-size:14px;padding:8px 4px}}
@media(max-width:480px){
.g{grid-template-columns:1fr;grid-template-areas:"st" "teams";gap:6px;padding:8px 6px 10px}
.g .st{flex-direction:row;align-items:center;gap:8px;padding:0 6px}.g .st .lv{margin:0}
.g .gsub{display:none}.g .st small{display:none}
.nm{white-space:normal;word-break:keep-all;overflow:visible;line-height:1.2;font-size:16px}
.tm img,.nologo{width:24px;height:24px}.star{width:24px;font-size:16px;margin:-6px 0}
.sc{font-size:24px;min-width:80px}}
.st small.m{display:none}@media(max-width:480px){.g .st small.m{display:inline;font-size:13px;color:var(--or);font-weight:700}}
/* chat */
.chat{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ch-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:16px}
.ch-on{color:var(--mu);font-size:13px;font-weight:600;margin-left:auto}.odot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ecc71;margin-right:5px}
.ch-x{background:none;border:0;font-size:20px;width:40px;height:40px;margin:-8px -8px -8px 0;color:var(--tx)}
.ch-list{flex:1;overflow-y:auto;padding:8px 12px;min-height:200px;max-height:420px;display:flex;flex-direction:column;gap:6px}
.ch-empty{color:var(--mu);text-align:center;margin:auto;font-size:14px}
.ch-m{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;align-items:baseline;font-size:15px;line-height:1.45;padding:4px 0}
.ch-n{font-weight:800;color:var(--or);white-space:nowrap}.ch-n small,.ch-me small{color:var(--mu);font-weight:600;font-size:11px;margin-left:1px}
.ch-m.mine .ch-n{color:#4fc3f7}.ch-t{color:var(--tx);word-break:break-word}.ch-m time{color:var(--mu);font-size:11px}
.ch-err{display:none;background:rgba(255,77,77,.15);color:#ff8a8a;font-size:14px;font-weight:600;padding:8px 14px}
.ch-nick,.ch-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);align-items:center}
.ch-nick input,.ch-form input{flex:1;min-width:0;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font-size:16px;outline:none}
.ch-nick input:focus,.ch-form input:focus{border-color:var(--or)}
.ch-nick button,.ch-form button{background:var(--or);color:#fff;border:0;border-radius:10px;padding:0 16px;height:44px;font-weight:800;font-size:15px}.ch-form button:disabled{opacity:.5}
.ch-me{font-weight:800;font-size:13px;color:var(--or);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.ch-rule{margin:0;padding:0 14px 10px;color:var(--mu);font-size:12px}
.fab{position:fixed;right:16px;bottom:18px;z-index:20;background:var(--or);color:#fff;border:0;border-radius:28px;padding:14px 20px;font-size:16px;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.fab span{background:rgba(0,0,0,.2);border-radius:10px;padding:1px 7px;margin-left:4px;font-size:13px}.fab span:empty{display:none}
.lounge{position:fixed;right:16px;bottom:16px;width:380px;height:560px;max-height:calc(100vh - 140px);z-index:30;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.lounge .ch-list{max-height:none}
.lounge[hidden],.fab[hidden]{display:none}
.chatbox{padding:0}.chatbox .ch-list{height:320px}
@media(max-width:700px){.lounge{left:0;right:0;bottom:0;width:auto;height:72vh;max-height:none;border-radius:16px 16px 0 0}}
@media(min-width:1240px){body.chat-open .wrap{margin-left:max(12px,calc((100vw - 820px - 400px)/2))}}
/* hero v2: one continuous background */
html{background:var(--bg)}
body::before{display:none}
header{border-bottom:0!important;box-shadow:none;transition:background .25s,backdrop-filter .25s}
.bar{border-top:0}
body.scrolled header{background:rgba(11,22,48,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 6px 18px rgba(0,0,0,.25)}
[data-theme=light] body.scrolled header{background:rgba(243,245,250,.82)}
body.has-hero{position:relative}
body.has-hero header{background:transparent}
body.has-hero.scrolled header{background:rgba(11,22,48,.72)}
[data-theme=light] body.has-hero.scrolled header{background:rgba(243,245,250,.82)}
.hero-top{position:absolute;top:0;left:0;right:0;height:min(37.5vw,640px);overflow:hidden;z-index:0;pointer-events:none}
.hero-top img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.hero-top::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,22,48,0) 0%,rgba(11,22,48,0) 45%,rgba(11,22,48,.45) 62%,rgba(11,22,48,.8) 78%,var(--bg) 98%)}
[data-theme=light] .hero-top::after{background:linear-gradient(180deg,rgba(243,245,250,0) 0%,rgba(243,245,250,0) 50%,rgba(243,245,250,.7) 75%,var(--bg) 98%)}
.hero-space{position:relative;z-index:1;height:min(calc(20.5vw + 62px),412px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px}
.hero-tag{color:#fff;font-weight:800;font-size:16px;text-shadow:0 2px 10px rgba(0,0,0,.9)}
body.has-hero header,body.has-hero main,body.has-hero footer{position:relative;z-index:1}
body.has-hero header{position:sticky;z-index:20}
/* 경기 행: 배경 위에서도 또렷하게 */
body.has-hero .g,body.has-hero .empty{background:rgba(20,38,79,.92)}
[data-theme=light] body.has-hero .g,[data-theme=light] body.has-hero .empty{background:#fff}
#q{background:rgba(20,38,79,.75)}[data-theme=light] #q{background:#fff}
.dates a:not(.on),.cal,.chips button:not(.on),.chips a:not(.on){background:rgba(11,22,48,.45)}
[data-theme=light] .dates a:not(.on),[data-theme=light] .cal,[data-theme=light] .chips button:not(.on),[data-theme=light] .chips a:not(.on){background:rgba(255,255,255,.7)}
footer{border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:700px){.hero-top{height:50vw}.hero-space{height:calc(26vw + 48px);padding-bottom:6px}.hero-tag{font-size:14px}}
body.has-hero header .logo{transition:opacity .25s}body.has-hero:not(.scrolled) header .logo{opacity:0;pointer-events:none}

/* hero v3: full-viewport fixed stadium background */
.hero-top{display:none}
body.has-hero::before{content:"";display:block;position:fixed;inset:0;z-index:-2;opacity:1;pointer-events:none;
 background:#050b1c url(/static/bg_desktop.jpg) center top/cover no-repeat;
 background-image:image-set(url(/static/bg_desktop.webp) type("image/webp"),url(/static/bg_desktop.jpg) type("image/jpeg"))}
body.has-hero::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 85% 75% at 50% 35%,rgba(5,11,28,0) 55%,rgba(5,11,28,.55) 100%),linear-gradient(180deg,rgba(5,11,28,0) 55%,rgba(5,11,28,.45) 85%,rgba(5,11,28,.7) 100%)}
html:has(body.has-hero){background:#050b1c}
body.has-hero{background:transparent}
[data-theme=light] body.has-hero::before{display:block}
body.has-hero .hero-space{height:calc(max(24.9vw,44.3vh) + 40px);max-height:none}
body.has-hero .g,body.has-hero .empty{background:rgba(16,30,64,.87);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.08)}
[data-theme=light] body.has-hero .g,[data-theme=light] body.has-hero .empty{background:rgba(255,255,255,.92)}
body.has-hero h2,body.has-hero .status{text-shadow:0 1px 6px rgba(0,0,0,.85)}
[data-theme=light] body.has-hero h2,[data-theme=light] body.has-hero .status{color:#fff}
body.has-hero footer{background:rgba(5,11,28,.6);border-radius:12px 12px 0 0}
@media(max-width:700px){
 body.has-hero::before{background-image:url(/static/bg_mobile.jpg);background-image:image-set(url(/static/bg_mobile.webp) type("image/webp"),url(/static/bg_mobile.jpg) type("image/jpeg"))}
 body.has-hero .hero-space{height:calc(max(39.9vw,22.4vh) + 34px)}}
/* hero v4 */
body.has-hero::after{display:none}
body.has-hero::before{content:"";display:block;position:fixed;inset:0;z-index:-2;pointer-events:none;background:#050b1c url(/static/bg_d1x.jpg) center top/cover no-repeat;
 background-image:image-set(url(/static/bg_d1x.webp) type("image/webp") 1x,url(/static/bg_d2x.webp) type("image/webp") 2x);filter:brightness(.85)}
@media(min-width:1500px){body.has-hero::before{background-image:image-set(url(/static/bg_d2x.webp) type("image/webp") 1x,url(/static/bg_d2x.jpg) type("image/jpeg") 1x)}}
@media(max-width:700px){body.has-hero::before{background-image:url(/static/bg_m2x.jpg);background-image:image-set(url(/static/bg_m2x.webp) type("image/webp"),url(/static/bg_m2x.jpg) type("image/jpeg"))}}
.hero-space,.hero-tag{display:none}
.hero4{position:relative;max-width:2200px;margin:0 auto;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 74%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}
@media(max-width:2200px){.hero4{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}}
.hero4 img{display:block;width:100%;height:auto}
.hero-nav{position:absolute;top:12px;right:max(12px,calc(50% - 410px));display:flex;gap:8px;align-items:center;z-index:2}
.hero-nav nav a{background:rgba(5,11,28,.55);margin-left:4px}.hero-nav nav a.on{background:rgba(20,38,79,.9)}
.hero-tag4{position:relative;z-index:1;margin:calc(min(100vw,2200px) * -0.068) 0 0;text-align:center;color:#fff;font-weight:800;font-size:17px;letter-spacing:.3px;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.sbar{position:sticky;top:0;z-index:20;padding:14px 0 6px;transition:background .2s}
.sbar .wrap{display:block}.sbar .logo.mini{display:none;font-size:20px;margin-bottom:6px}
.sbar.stuck{background:linear-gradient(180deg,rgba(7,14,34,.98) 0%,rgba(7,14,34,.96) calc(100% - 26px),rgba(7,14,34,0) 100%);padding-bottom:28px;margin-bottom:-22px}
.sbar.stuck .logo.mini{display:inline-block}
[data-theme=light] .sbar.stuck{background:linear-gradient(180deg,rgba(243,245,250,.99) 0%,rgba(243,245,250,.97) calc(100% - 26px),rgba(243,245,250,0) 100%)}
/* opaque cards */
body.has-hero .g,body.has-hero .empty{background:#13234d;border:1px solid #2b4382;-webkit-backdrop-filter:none;backdrop-filter:none}
body.has-hero .g.live{border:2px solid var(--live);background:#1a2149}
body.has-hero h2{text-shadow:none}
.lh{display:inline-flex;align-items:center;gap:6px;background:#0f1d40;border:1px solid #2b4382;border-radius:9px;padding:5px 12px;color:#fff}
.ha i{background:#0f1d40}
body.has-hero .status{display:inline-block;background:#0f1d40;border:1px solid #2b4382;border-radius:8px;padding:4px 10px;text-shadow:none}
body.has-hero footer{background:#0b1630;border-radius:12px 12px 0 0}
#q{background:#0f1d40}.dates a:not(.on),.cal,.chips button:not(.on),.chips a:not(.on){background:#0f1d40}
[data-theme=light] body.has-hero .g,[data-theme=light] body.has-hero .empty{background:#fff;border-color:#d7deeb}
[data-theme=light] .lh,[data-theme=light] .ha i,[data-theme=light] body.has-hero .status,[data-theme=light] #q,[data-theme=light] .dates a:not(.on),[data-theme=light] .cal,[data-theme=light] .chips button:not(.on){background:#fff;color:var(--tx);border-color:#d7deeb}
[data-theme=light] body.has-hero footer{background:var(--bg)}
@media(max-width:700px){.hero-tag4{margin-top:-15vw;font-size:14px}.hero-nav{top:8px;right:8px}.hero-nav nav a{padding:6px 10px}}
/* ===== v5 (approved mockup) ===== */
body.has-hero{--bg:#0a0f1c;background:#0a0f1c}
html:has(body.has-hero){background:#0a0f1c}
body.has-hero::before,body.has-hero::after{display:none!important}
body.has-hero .wrap{max-width:760px}
.hero4,.hero-tag4{display:none}
.hero5{position:relative;overflow:hidden;background:#0a0f1c}
.hero5 img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:center 60%;
 -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
.tag5{position:absolute;left:0;right:0;top:79%;margin:0;text-align:center;color:#fff;font-weight:700;font-size:17px;letter-spacing:.4px;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.sbar{padding:6px 0 4px}
.sbar.stuck{background:linear-gradient(180deg,#0a0f1c 0%,#0a0f1c calc(100% - 22px),rgba(10,15,28,0) 100%);padding-bottom:24px;margin-bottom:-20px}
.dates5{display:flex;justify-content:center;align-items:center;gap:12px;position:relative}
.dates5 .logo.mini{position:absolute;left:0;font-size:19px}
.seg{display:flex;background:#121a2e;border:1px solid #232d45;border-radius:10px;padding:3px;gap:2px}
.seg a{padding:8px 22px;border-radius:8px;color:#d6dcea;font-weight:700;font-size:15px}
.seg a.on{background:#f06a10;color:#fff}
.cal5{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#121a2e;border:1px solid #232d45;color:#d6dcea;cursor:pointer}
.cal5 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.search5{display:flex;align-items:center;gap:8px;margin:12px 0 4px;padding:0 16px;height:46px;border-radius:23px;background:#121a2e;border:1px solid #232d45;color:#8d97b0}
.search5 input{flex:1;background:transparent!important;border:0!important;padding:0!important;color:#fff;font-size:15px;outline:none;height:100%}
.search5:focus-within{border-color:#f06a10}
.chips5{justify-content:safe center;padding:10px 0 6px}
.chips5 button,.chips5 button:not(.on){background:#121a2e;border:1px solid #232d45;color:#d6dcea;border-radius:18px;padding:7px 16px;font-size:14px}
.chips5 button.on{background:#e9edf5;color:#0a0f1c;border-color:#e9edf5}
.chips5 button.lv{color:#ff5b5b;border-color:#ff5b5b}.chips5 button.lv.on{background:#e53935;color:#fff}
.dlabel{display:none}
body.has-hero .status{background:none;border:0;padding:0;color:#7f8aa6;font-size:12px;display:block;margin:14px 2px 0}
body.has-hero h2{margin:22px 4px 10px;font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
body.has-hero h2 .lh{background:none;border:0;padding:0;font-size:18px}
.ha5{font-size:13px;font-weight:600;color:#9aa4bd}
h2.pin .lh{color:var(--or)}
.g5{display:grid;grid-template-columns:64px minmax(0,1fr) 140px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:88px;padding:14px 12px 14px 18px;margin-bottom:10px;
 background:#141c30;border:1px solid #232d45;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:border-color .2s}
.g5:hover{border-color:#3a4a70}.g5.live{border-color:#5a2730}
.time5{color:#c9d1e2;font-size:15px;font-weight:600;display:flex;flex-direction:column}.time5 small{color:var(--or);font-size:11px;font-weight:700}
.tm5{display:flex;align-items:center;gap:10px;min-width:0}.tm5.L{justify-content:flex-end}.tm5.R{justify-content:flex-start}
.tm5 .nm{font-size:18px;font-weight:800;color:#fff;word-break:keep-all;line-height:1.2}.tm5.L .nm{text-align:right}
.tm5 img,.tm5 .nologo{width:40px;height:40px;object-fit:contain;flex:none}
.mid5{display:flex;flex-direction:column;align-items:center;gap:4px}
.pill{background:#c62828;color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:6px;white-space:nowrap}
.fin{color:#8d97b0;font-size:12px;font-weight:700}
.score5{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;line-height:1}
.score5 b.lead{color:#ff7a1a}.score5 span{font-size:26px}
.g5.final .score5 b:not(.lead){color:#c9d1e2}
.vs5{color:#c9d1e2;font-size:15px;font-weight:700}
.star5{background:none;border:0;font-size:22px;color:#c9d1e2;width:40px;height:44px;display:grid;place-items:center}.star5.on{color:#ffc107}
.fab{background:#e8650f;border-radius:12px;padding:13px 18px}
body.has-hero footer{background:none;border-top:1px solid #1b2338}
[data-theme=light] body.has-hero{--bg:#f3f5fa;background:#f3f5fa}
[data-theme=light] .seg,[data-theme=light] .cal5,[data-theme=light] .search5,[data-theme=light] .chips5 button:not(.on),[data-theme=light] .g5{background:#fff;border-color:#d7deeb}
[data-theme=light] .seg a:not(.on),[data-theme=light] .cal5,[data-theme=light] .tm5 .nm,[data-theme=light] .score5,[data-theme=light] .chips5 button:not(.on),[data-theme=light] body.has-hero h2,[data-theme=light] .search5 input{color:#0b1630}
[data-theme=light] .sbar.stuck{background:linear-gradient(180deg,#f3f5fa 0%,#f3f5fa calc(100% - 22px),rgba(243,245,250,0) 100%)}
@media(max-width:700px){
 .hero5 img{max-height:none}.tag5{top:70%;font-size:13px}
 .seg a{padding:8px 16px}.dates5 .logo.mini{display:none!important}
 .g5{grid-template-columns:40px minmax(0,1fr) 78px minmax(0,1fr) 28px;gap:6px;padding:12px 6px 12px 10px;min-height:76px}
 .time5{font-size:13px}.tm5{flex-direction:column;gap:4px}.tm5.L{flex-direction:column-reverse}
 .tm5 .nm{font-size:15px;text-align:center!important}.tm5 img,.tm5 .nologo{width:30px;height:30px}
 .score5{font-size:26px;gap:5px}.score5 span{font-size:20px}.pill{font-size:11px;padding:2px 7px}.star5{width:28px;font-size:19px}}
.dates5 .logo.mini{display:none}.sbar.stuck .dates5 .logo.mini{display:inline-block}
@media(min-width:701px){.tm5.L{justify-content:flex-start}.tm5.R{justify-content:flex-end}}
/* v6: 종목 탭 + 펼침 미리보기 + 구간 점수표 */
.sports5{display:flex;gap:4px;justify-content:safe center;overflow-x:auto;scrollbar-width:none;margin:12px 0 0;padding:3px;background:#121a2e;border:1px solid #232d45;border-radius:12px}
.sports5::-webkit-scrollbar{display:none}
.sports5 button{flex:1 0 auto;background:none;border:0;color:#d6dcea;font-weight:800;font-size:15px;padding:9px 12px;border-radius:9px;white-space:nowrap;cursor:pointer}
.sports5 button small{color:#8d97b0;font-weight:700;font-size:12px}
.sports5 button.on{background:#f06a10;color:#fff}.sports5 button.on small{color:#ffe1cc}
.g5{cursor:pointer}.g5.op{border-color:#f06a10;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}
.pv6{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease,margin .28s;margin-bottom:0}
.pv6.open{grid-template-rows:1fr;margin-bottom:12px}
.pvin{overflow:hidden;background:#10172a;border:1px solid transparent;border-top:0;border-radius:0 0 12px 12px;padding:0 16px}
.pv6.open .pvin{border-color:#f06a10;padding:14px 16px 16px}
.pv-b{margin-top:14px}.pv-b h4{margin:0 0 6px;font-size:13px;color:#ff8a3d;font-weight:800}
.two6{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#e9edf5;font-size:15px}.two6 .r{text-align:right}.two6 small{color:#9aa4bd}
.fm6{display:flex;justify-content:space-between;align-items:center;padding:4px 0;color:#e9edf5;font-weight:700;font-size:15px}
.form i{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:3px;border-radius:6px;font-style:normal;font-size:12px;font-weight:800;color:#fff;background:#56627e}
.form i.rW{background:#1e8e5a}.form i.rL{background:#c62828}.form i.rD{background:#6b7590}
.h6{margin:0;color:#e9edf5;font-size:15px}.h6 b{color:#ff8a3d}
.pl6{margin:4px 0;padding:8px 10px;background:#141c30;border-radius:8px;color:#e9edf5;font-size:14px;line-height:1.45}.pl6.hot{border-left:3px solid #f06a10}
.more6{display:block;margin-top:16px;text-align:center;background:#f06a10;color:#fff!important;font-weight:800;font-size:16px;padding:13px;border-radius:10px}
.lsw{overflow-x:auto}
.ls6{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;color:#e9edf5;font-size:15px}
.ls6 th{color:#9aa4bd;font-size:12px;font-weight:700;padding:6px 4px;border-bottom:1px solid #232d45;text-align:center;white-space:nowrap}
.ls6 td{padding:9px 4px;text-align:center;border-bottom:1px solid #1b2338;min-width:24px}
.ls6 tr:last-child td{border-bottom:0}
.ls6 .t{text-align:left;font-weight:800;white-space:nowrap;padding-right:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.ls6 .t em{font-style:normal;font-size:11px;color:#ff8a3d;margin-left:5px}
.ls6 td.hi{color:#fff;font-weight:800}.ls6 .o{font-weight:900;color:#ff8a3d;font-size:16px}
[data-theme=light] .sports5,[data-theme=light] .pvin,[data-theme=light] .pl6{background:#fff;border-color:#d7deeb}
[data-theme=light] .sports5 button:not(.on),[data-theme=light] .ls6,[data-theme=light] .two6,[data-theme=light] .fm6,[data-theme=light] .h6,[data-theme=light] .pl6,[data-theme=light] .ls6 td.hi{color:#0b1630}
@media(max-width:700px){.sports5{justify-content:flex-start}.sports5 button{font-size:13px;padding:8px 7px;flex:1 0 auto}.sports5 button small{font-size:11px}.ls6{font-size:14px}.ls6 .t{max-width:96px}.pv6.open .pvin{padding:12px}}
.hero6 img{max-height:220px;object-position:center 45%}
.hero6 .hero-nav{position:absolute;top:10px;right:14px;left:auto}
.back6{color:#d6dcea;font-weight:700;font-size:15px;padding:8px 0}
.detail6 .dates5{justify-content:center}
.gh6{background:#141c30;border:1px solid #232d45;border-radius:14px;padding:16px;margin-top:6px}.gh6.live{border-color:#5a2730}
.lg6{text-align:center;color:#9aa4bd;font-weight:700;font-size:14px;margin-bottom:10px}
.gt6{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:8px}
.t6{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.t6 img{width:56px;height:56px;object-fit:contain}
.t6 b{color:#fff;font-size:20px;font-weight:900;word-break:keep-all}.t6 em{font-style:normal;color:#9aa4bd;font-size:12px}
.m6{display:flex;flex-direction:column;align-items:center;gap:6px}.gh6 .score5{font-size:44px}
.detail6 .box{background:#141c30;border:1px solid #232d45;border-radius:14px;padding:14px 16px;margin-top:12px}
.detail6 .box h3{color:#fff;font-size:16px;margin:0 0 10px}.detail6 .box h3 small{color:#7f8aa6;font-weight:600;font-size:11px;margin-left:6px}
[data-theme=light] .gh6,[data-theme=light] .detail6 .box{background:#fff;border-color:#d7deeb}[data-theme=light] .t6 b,[data-theme=light] .detail6 .box h3{color:#0b1630}
@media(max-width:700px){.hero6 img{max-height:140px}.gt6{grid-template-columns:1fr 100px 1fr}.t6 img{width:40px;height:40px}.t6 b{font-size:16px}.gh6 .score5{font-size:34px}}
.st6{margin:8px 0 4px}.st6 a{flex:1 0 auto;text-align:center;color:#d6dcea;font-weight:800;font-size:15px;padding:9px 12px;border-radius:9px;white-space:nowrap}.st6 a.on{background:#f06a10;color:#fff}
td.form{white-space:nowrap}td.form i{width:20px;height:20px;font-size:11px;margin-left:2px}
/* v8: 상세 페이지 채팅 동시 보기 */
.dchat .chatbox{display:flex;flex-direction:column;margin:0;padding:0;height:100%;overflow:hidden}
.dchat .ch-list{max-height:none;height:auto;flex:1;min-height:0}
.grab{display:none}
.sb6{position:fixed;top:0;left:0;right:0;z-index:40;background:#0a0f1c;border-bottom:1px solid #232d45;transform:translateY(-100%);transition:transform .2s;box-shadow:0 4px 14px rgba(0,0,0,.4)}
body.sbon .sb6{transform:none}
.sb6in{max-width:760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;color:#fff}
.sb6in .n{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb6in .n:first-child{text-align:right}
.sb6in b{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.sb6in .st{font-size:12px;color:#9aa4bd;font-weight:700}.sb6in .pill{font-style:normal;font-size:11px}
.tabs6{display:none}
.cfab{display:none}.cfab span{background:#fff!important;color:#e8650f;font-weight:900}
.shade{display:none}
@media(min-width:1024px){
 .detail6 main.wrap{max-width:1200px}
 .dlay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
 .dchat{position:sticky;top:0;height:100vh;padding:12px 0}
 .dchat .chatbox{height:calc(100vh - 24px);margin-top:0}
 .sb6in{max-width:1200px}}
@media(max-width:1023px){
 .tabs6{display:flex;gap:4px;margin:12px 0 0;padding:3px;background:#121a2e;border:1px solid #232d45;border-radius:12px;position:sticky;top:52px;z-index:5}
 .tabs6 button{flex:1;background:none;border:0;color:#d6dcea;font-weight:800;font-size:15px;padding:10px 6px;border-radius:9px}
 .tabs6 button.on{background:#f06a10;color:#fff}
 .cfab{display:block;right:14px;bottom:18px}
 body.sheet .cfab{display:none}
 .dchat{position:fixed;left:0;right:0;bottom:0;height:60vh;z-index:45;transform:translateY(105%);transition:transform .25s ease;background:#141c30;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column}
 body.sheet .dchat{transform:none}
 .dchat .chatbox{border:0;border-radius:0;flex:1;min-height:0;background:none}
 .grab{display:block;width:44px;height:5px;border-radius:3px;background:#3a4a70;margin:8px auto 0;flex:none}
 body.sheet .shade{display:block;position:fixed;inset:0;z-index:44;background:rgba(0,0,0,.35)}
 body.sheet{--sbon:1}body.sheet .sb6{transform:none;z-index:46}}
[data-theme=light] .sb6,[data-theme=light] .dchat{background:#fff}[data-theme=light] .sb6in{color:#0b1630}[data-theme=light] .tabs6{background:#fff;border-color:#d7deeb}
.snd{position:relative;display:inline-block}
.sndm{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:4px;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.sndm[hidden]{display:none}
.hero-nav:has(.sndm:not([hidden])){z-index:70}
@media(max-width:600px){.sndm{right:auto;left:0}}
.sndm button{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;text-align:left;background:none;border:0;color:var(--tx);font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:0 10px;border-radius:6px;cursor:pointer}
.sndm button:hover{background:var(--card)}
.sndm button::after{content:'';width:12px;height:12px;flex:none}
.sndm button.on{color:var(--or)}.sndm button.on::after{content:'';width:5px;height:9px;margin-right:3px;border:solid var(--or);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.sndm button[data-t]{color:var(--mu)}
.sndhint{position:fixed;left:14px;bottom:18px;z-index:21;background:var(--bg2);color:var(--tx);border:1px solid var(--or);border-radius:18px;height:36px;padding:0 14px;font-family:inherit;font-weight:700;font-size:14px}
.sndhint[hidden]{display:none}
.g5.flash .score5,.sb6.flash b,.gh6.flash .score5{animation:pop .9s}
@keyframes pop{0%{transform:scale(1)}25%{transform:scale(1.25);color:#ffb15c}100%{transform:scale(1)}}

.en{display:block;font-size:11px;font-weight:600;color:#7f8aa6;letter-spacing:.1px;line-height:1.25;margin-top:2px;word-break:normal}
.t6 b .en{font-size:12px}
[data-theme=light] .en{color:#8a93a8}
/* v9: 엠블럼·이름·점수 세로 정렬 고정 */
.tm5{display:grid!important;align-items:center;gap:10px;min-width:0}
.tm5.L{grid-template-columns:minmax(0,1fr) 32px}.tm5.R{grid-template-columns:32px minmax(0,1fr)}
.tm5 img,.tm5 .nologo{width:32px!important;height:32px!important;object-fit:contain;justify-self:center}
.tm5 .nologo{display:block}
.tm5.L .nm{text-align:right}.tm5.R .nm{text-align:left}
.mid5{display:grid!important;grid-template-rows:22px 40px;justify-items:center;align-items:center;gap:2px}
.top0{height:22px}
.mid5 .vs5{grid-row:2}
.time5{align-self:center}
.star5{justify-self:center}
@media(max-width:700px){
 .tm5,.tm5.L,.tm5.R{grid-template-columns:1fr!important;grid-template-rows:32px auto;justify-items:center;gap:4px;align-self:start}
 .tm5.L img,.tm5.L .nologo{grid-row:1}.tm5.L .nm{grid-row:2}
 .tm5 .nm{text-align:center!important}
 .tm5 img,.tm5 .nologo{width:30px!important;height:30px!important}
 .mid5{grid-template-rows:20px 32px;align-self:start;margin-top:2px}.top0{height:20px}
 .g5{align-items:start}.time5,.star5{align-self:start;margin-top:10px}}
.mid5{grid-template-rows:22px 40px 22px}
@media(max-width:700px){.mid5{grid-template-rows:20px 32px;margin-top:0}.tm5,.tm5.L,.tm5.R{margin-top:21px}.time5,.star5{margin-top:21px;min-height:32px;display:flex;align-items:center}.time5{flex-direction:column;justify-content:center}}
@media(max-width:700px){.star5{height:32px;width:28px;justify-content:center}.time5{height:32px;min-height:0}}
/* 히어로 효과 (은은하게) */
.fxw{position:relative}
.fxw>*:not(picture){position:absolute;inset:0;pointer-events:none}
.fx-rain{width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}
.fx-logo{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;
 -webkit-mask:url(/static/logo_mask_d.png) center 60%/cover no-repeat;mask:url(/static/logo_mask_d.png) center 60%/cover no-repeat;animation:shine 9s ease-in-out 2s infinite}
@keyframes shine{0%,78%{background-position:150% 0}100%{background-position:-50% 0}}
.fx-l{inset:auto!important;width:7%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(220,235,255,.45),rgba(220,235,255,0) 65%);opacity:0;animation:tw 6s ease-in-out infinite}
.fx-l.l1{left:8.7%;top:12.5%}.fx-l.l2{left:20.5%;top:31%;animation-delay:1.7s;animation-duration:7s}.fx-l.l3{left:79%;top:31%;animation-delay:3.1s}.fx-l.l4{left:90.8%;top:12%;animation-delay:4.4s;animation-duration:8s}
@keyframes tw{0%,100%{opacity:0}50%{opacity:.7}}
.fx-crowd i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6dc;box-shadow:0 0 4px 1px rgba(255,246,220,.6);opacity:0;animation:fl6 1.4s ease-out forwards}
.fx-crowd i.w{width:2px;height:2px;background:#dbe8ff}
@keyframes fl6{0%{opacity:0}15%{opacity:.85}100%{opacity:0}}
@media(max-width:700px){
 .fx-logo{-webkit-mask-image:url(/static/logo_mask_m.png);mask-image:url(/static/logo_mask_m.png)}
 .fx-l{width:14%}.fx-l.l1{left:5.2%;top:35%}.fx-l.l4{left:94%;top:35%}.fx-l.l2,.fx-l.l3{display:none}}
@media(prefers-reduced-motion:reduce){.fx-logo,.fx-l{animation:none;display:none}}
.sndm hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.fx-p{right:auto!important;bottom:auto!important;position:absolute;transform:translate(-50%,-50%);border-radius:50%;opacity:0;animation:tw2 5s ease-in-out infinite}
.fx-p.lamp{width:3.2%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(215,232,255,.55) 22%,rgba(215,232,255,0) 68%)}
.fx-p.spot{width:1.4%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,232,190,.9) 0,rgba(255,214,150,.35) 30%,rgba(255,214,150,0) 70%)}
@keyframes tw2{0%,100%{opacity:0}45%,55%{opacity:.9}}
@media(max-width:700px){.fx-p.lamp{width:5%}.fx-p.spot{width:3%}}
@media(prefers-reduced-motion:reduce){.fx-p{display:none}}
.credit{font-size:11px;color:#5f6a85;margin-top:4px}
/* v12: 관중석 불빛 더 밝게 */
.fx-crowd i{width:4px;height:4px;background:#fff8e6;box-shadow:0 0 6px 2px rgba(255,240,200,.75),0 0 14px 4px rgba(255,230,180,.25)}
.fx-crowd i.w{width:3px;height:3px;background:#e6f0ff;box-shadow:0 0 6px 2px rgba(210,228,255,.75)}
.fx-crowd i.b{width:5px;height:5px;background:#fff;box-shadow:0 0 8px 3px rgba(255,255,255,.8),0 0 18px 6px rgba(255,240,210,.3)}
@keyframes fl6{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.fx-p.spot{width:1.8%;background:radial-gradient(circle,rgba(255,240,205,1) 0,rgba(255,220,160,.55) 28%,rgba(255,214,150,0) 70%)}
@keyframes tw2{0%,100%{opacity:0}45%,55%{opacity:1}}
@media(max-width:700px){.fx-crowd i{width:3px;height:3px}.fx-crowd i.b{width:4px;height:4px}.fx-p.spot{width:3.6%}}

.ls6 .np{font-style:normal;color:#5d6780;opacity:.6}
.ls6 th.cur{color:#ff8a3d}.ls6 td.cur{background:rgba(240,106,16,.14);box-shadow:inset 0 -2px 0 #f06a10}

/* 리그 칩 가로 스크롤 (데스크톱) */
.chips5{justify-content:flex-start}.chips5>:first-child{margin-left:auto}.chips5>:last-child{margin-right:auto}
.chipwrap{position:relative}
.cha{display:none}
@media(hover:hover) and (pointer:fine){
.chips5{scrollbar-width:thin;scrollbar-color:#2a3550 transparent;cursor:grab}.chips5::-webkit-scrollbar{display:block;height:4px}.chips5::-webkit-scrollbar-thumb{background:#2a3550;border-radius:4px}
.chips5.drag{cursor:grabbing;user-select:none}.chips5.drag button{pointer-events:none}
.cha{display:flex;position:absolute;top:10px;z-index:2;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #232d45;background:#121a2e;color:#e9edf5;font-size:20px;line-height:1;padding:0 0 2px}
.cha[hidden]{display:none}.cha.L{left:0}.cha.R{right:0}.cha:hover{background:#1c2742}
.chipwrap.fl::before,.chipwrap.fr::after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;z-index:1}
.chipwrap.fl::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.chipwrap.fr::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
[data-theme=light] .cha{background:#fff;color:#0b1630;border-color:#d7deeb}
}
/* 최근 결과: 왼쪽=오래된 → 오른쪽=최신, 최신 강조 */
.form i:last-child{transform:scale(1.18);box-shadow:0 0 0 1.5px currentColor inset;font-weight:900}

.ch-tg{display:inline-block;background:#229ED9;color:#fff;font-size:9px;font-weight:800;border-radius:3px;padding:0 3px;margin-right:3px;vertical-align:1px}.ch-m.tg .ch-n{color:#5fb8e6}
.tgcs{position:fixed;right:16px;bottom:86px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#229ED9;color:#fff;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.35)}.tgcs span{font-size:9px;font-weight:800;line-height:1;margin-top:1px}.tgcs svg{width:22px;height:22px}
body.chat-open .tgcs,body.sheet .tgcs{display:none}
@media(max-width:700px){.tgcs{right:14px;bottom:80px;width:50px;height:50px}}
/* v37: 헤더 버튼 (스코어·순위·로그인·회원가입·텔레그램) */
.tn{display:flex;align-items:center;gap:6px;margin-left:auto}
.tn .tb,.soon .tb{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:34px;padding:0 14px;border-radius:17px;background:var(--bg2);color:var(--tx);font:inherit;font-weight:700;font-size:14px;line-height:1;letter-spacing:-.2px;white-space:nowrap;border:1px solid var(--line);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .15s,border-color .15s,color .15s}
.tn .tb:hover{border-color:var(--or);color:var(--or)}
.tn .tb.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.tn .tb.pri,.soon .tb.pri{background:var(--or);color:#fff;border-color:var(--or)}
.tn .tb.pri:hover{background:#ff8c3a;border-color:#ff8c3a;color:#fff}
.tn .tb.pri.on{background:var(--or);color:#fff;border-color:#fff}
.tn .tgi{width:34px;padding:0;color:#2aabee}.tn .tgi:hover{color:#fff;background:#2aabee;border-color:#2aabee}
.tn .tgi svg{display:block;width:18px;height:18px;flex:none}
.top .theme{margin-left:auto;order:1}.top .tn{order:2;margin-left:8px}
.hero-nav .tn{order:9;margin-left:2px}.hero-nav nav.tn a{margin-left:0}
.tgcs{display:none!important}
@media(max-width:700px){.tn{gap:4px}.tn .tb{height:30px;padding:0 9px;font-size:12px;border-radius:15px}.tn .tgi{width:30px;padding:0}.tn .tgi svg{width:16px;height:16px}
 .hero-nav{gap:4px!important;right:6px!important;left:6px;justify-content:flex-end;flex-wrap:nowrap}.hero-nav .theme{width:30px;height:30px;font-size:13px}.top{gap:8px}.top .logo{font-size:19px}}
@media(max-width:360px){.tn .tb{padding:0 7px;font-size:11px}}
.soon{max-width:460px;margin:60px auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px 22px}.soon-ic{font-size:40px}.soon h1{font-size:22px;margin:10px 0}.soon p{color:var(--mu);line-height:1.6;margin:0 0 18px}
/* v37: 모바일 채팅 = 전체 화면 패널 */
body.chlock{position:fixed;left:0;right:0;width:100%;overflow:hidden}
@media(max-width:1023px){
 body.chat-open main,body.sheet main,body.sheet .dlay,body.sheet .dmain{z-index:auto!important;transform:none!important}
 body.chat-open .lounge{position:fixed;top:var(--vvt,0);left:0;right:0;bottom:auto;width:100%;height:var(--vvh,100dvh);max-height:none;border-radius:0;z-index:1000;border:0}
 .dchat{top:auto;height:var(--vvh,100dvh)!important;max-height:100dvh;border-radius:0!important;z-index:1000!important}
 body.sheet .dchat{top:var(--vvt,0);bottom:auto}
 body.sheet .shade{z-index:999}body.sheet .sb6{display:none}
 .grab{display:none!important}
 .lounge .ch-head,.dchat .ch-head{padding-top:max(12px,env(safe-area-inset-top));flex:none}
 .lounge .ch-list,.dchat .ch-list{flex:1;min-height:0;max-height:none;height:auto;overscroll-behavior:contain}
 .lounge .ch-form,.lounge .ch-nick,.lounge .ch-rule,.dchat .ch-form,.dchat .ch-nick,.dchat .ch-rule{flex:none}
 .lounge .ch-rule,.dchat .ch-rule{padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .ch-x{width:44px;height:44px;font-size:22px;background:rgba(255,255,255,.08);border-radius:10px;margin:-6px -4px -6px 0}}

/* v39 sound toggle = theme toggle */
.theme{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--tx);line-height:1;cursor:pointer;vertical-align:middle}
#sndBtn svg{display:block;width:16px;height:16px}#sndBtn.off{color:var(--mu)}
@media(max-width:600px){#sndBtn svg{width:14px;height:14px}}
/* v40: 모바일 채팅 = 바텀시트 (페이지 계속 사용 가능) */
.chbar{display:none}
@media(max-width:1023px){
 body.chlock{position:static;overflow:visible}
 body.chat-open,body.sheet{padding-bottom:var(--sh,50dvh)}
 body.chat-open.chmin,body.sheet.chmin{padding-bottom:58px}
 body.chat-open .lounge,body.sheet .dchat,.dchat{position:fixed!important;top:auto!important;left:0;right:0;bottom:var(--kb,0px)!important;width:100%;height:min(var(--sh,50dvh),calc(var(--vvh,100dvh) - 56px))!important;max-height:none;border-radius:16px 16px 0 0!important;border:0;border-top:1px solid var(--line);z-index:1000!important;box-shadow:0 -8px 24px rgba(0,0,0,.4);display:flex;flex-direction:column;transition:height .2s ease}
 .dchat{transform:translateY(105%)}body.sheet .dchat{transform:none!important}
 .lounge.drag,.dchat.drag{transition:none}
 body.chmin .lounge,body.chmin .dchat{display:none!important}
 body.sheet .shade{display:none!important}
 body.sheet .sb6{display:block!important;transform:none!important;z-index:46}
 .lounge .grab,.dchat .grab{display:block!important;flex:none;width:100%!important;height:22px;margin:0!important;background:none!important;left:auto!important;top:auto!important;position:relative;cursor:grab;touch-action:none}
 .lounge .grab::after,.dchat .grab::after{content:"";position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--line);opacity:1}
 .lounge .ch-head,.dchat .ch-head{padding-top:4px!important;touch-action:none}
 .lounge .ch-rule,.dchat .ch-rule{display:none}
 .lounge .ch-form,.dchat .ch-form{padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .ch-x{width:36px;height:36px;font-size:18px;margin:-4px -2px -4px 0}
 body.chmin .chbar{display:flex;position:fixed;left:0;right:0;bottom:var(--kb,0px);z-index:1000;height:52px;align-items:center;gap:8px;padding:0 8px 0 14px;padding-bottom:env(safe-area-inset-bottom);background:var(--bg2);border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -6px 18px rgba(0,0,0,.35);color:var(--tx);font-weight:700;font-size:14px;cursor:pointer}
 .chbar .cb-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--tx)}
 .chbar .cb-n{background:var(--or);color:#fff;border-radius:10px;font-size:12px;font-weight:800;padding:2px 7px}.chbar .cb-n:empty{display:none}
 .chbar .cb-x{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--mu);font-size:16px}
}

/* v45: 모바일 홈 라이브챗 제거 */
body.mapp #chatFab,body.mapp #lounge{display:none!important}
@media(max-width:767px){#chatFab,#lounge{display:none!important}}
@media(max-width:1239px){body.chat-open .lounge{max-height:calc(100vh - 32px)}}
.gl8 .glh{margin:6px 0 10px}.gl8 .glt{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);font-size:13px;color:var(--mu);font-weight:700}.gl8 .glt b{color:var(--tx);font-variant-numeric:tabular-nums}
.gl8 .glr{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:6px;padding:6px 4px;border-bottom:1px dashed var(--line);font-size:14px;color:var(--tx);line-height:1.35}.gl8 .glr i{font-style:normal;text-align:center;font-size:13px}
.gl8 .gL{text-align:right}.gl8 .gR{text-align:left}.gl8 .glr b{color:var(--or);font-variant-numeric:tabular-nums}.gl8 .glr em{font-style:normal;font-size:11px;padding:1px 5px;border-radius:5px;background:var(--card);border:1px solid var(--line);color:var(--mu)}.gl8 .glr small{display:block;color:var(--mu);font-size:11px}
.gl8 .gln{margin:6px 4px;color:var(--mu);font-size:12px;text-align:center}