/* map-money 화면 전용 스타일 — 2026-10-27 인라인에서 분리 */
.fl-l{display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--m-ink2);flex-wrap:wrap}.fl-l i{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:middle;margin-right:4px}
.fl-list{background:var(--m-card);border:1px solid var(--m-line);border-radius:8px;padding:8px 10px;margin-top:8px}.fl-list h4{margin:0 0 4px;font-size:12px;color:var(--m-ink);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.fl-list h4 small{color:var(--m-ink3);font-weight:400;font-size:10.5px}
.fl-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;padding:3px 0;border-bottom:1px dashed var(--m-line);color:var(--m-ink2);align-items:center}.fl-row:last-child{border-bottom:none}.fl-row a{color:var(--m-ink);text-decoration:none;font-weight:700}.fl-row b{font-variant-numeric:tabular-nums;white-space:nowrap}.fl-row .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-ink)}.fl-row .n small{display:block;color:var(--m-ink3);font-size:10.5px}
.fl-row button,.tr-act button,.mm-btn{font:inherit;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--m-line2);background:var(--m-card2);color:var(--m-ink2);cursor:pointer;white-space:nowrap}.fl-row button:hover,.tr-act button:hover,.mm-btn:hover{border-color:var(--m-blue);color:#fff}
.fl-row.on{background:rgba(77,141,255,.12);border-radius:4px}
.fl-hb{display:flex;align-items:center;gap:1px;height:46px;margin-top:4px}.fl-hb div{flex:1;position:relative;height:100%}.fl-hb div i{position:absolute;left:0;right:0;border-radius:1px}
.fl-note{font-size:10.5px;color:var(--m-ink3);line-height:1.45}
.tr-card{background:var(--m-card);border:1px solid var(--m-line);border-radius:8px;padding:9px 11px;margin-top:8px;color:var(--m-ink2);font-size:12px}
.tr-card h4{margin:0 0 6px;font-size:13px;color:var(--m-ink);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tr-card h4 small{color:var(--m-ink3);font-weight:400;font-size:11px}
.tr-addr{font-family:ui-monospace,monospace;font-size:11px;color:var(--m-ink3);word-break:break-all}
.tr-badge{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--m-card2);color:var(--m-ink2)}.tr-badge.kr{background:#1C2B4A;color:#8db4ff}.tr-badge.gl{background:#3a3010;color:#f0c74b}.tr-badge.ct{background:#2a2333;color:#c4a8ff}
.tr-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px dashed var(--m-line);font-size:11.5px}.tr-row:last-child{border-bottom:none}
.tr-row .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-ink)}.tr-row b{font-variant-numeric:tabular-nums}.tr-row .up{color:#2ee6a8}.tr-row .dn{color:#ff9f43}
.tr-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tr-hit{border-left:3px solid #f0b90b;padding-left:8px;margin:4px 0}.tr-hit.kr{border-left-color:#4D8DFF}
.tr-err{color:#ff8a8a}
.tr-in{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tr-in input{min-width:230px;font-family:ui-monospace,monospace!important;font-size:12px!important}
.tr-in button.go{background:var(--m-blue)!important;color:#fff!important;border-color:var(--m-blue)!important}
.mm-adv{display:none}body.mode-focus .mm-adv{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.mm-l0{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}body.mode-focus .mm-l0{display:none}
.mm-crumb{display:inline-flex;gap:6px;align-items:center;pointer-events:auto}.mm-crumb a{color:var(--m-ink2);text-decoration:none;font-weight:700;font-size:12.5px}.mm-crumb a:hover{color:#fff}.mm-crumb span{color:var(--m-ink3)}.mm-crumb b{color:#fff;font-size:12.5px}
.mm-kind,.fl-l i.mm-kind{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:middle}
.mm-hint{position:absolute;left:50%;top:160px;transform:translateX(calc(-50% - 165px));font-size:11.5px;color:var(--m-ink3);background:rgba(10,14,22,.7);border:1px solid var(--m-line);border-radius:999px;padding:4px 12px;white-space:nowrap;pointer-events:none}
@media(max-width:900px){.mm-hint{transform:translateX(-50%)}}
.mm-tick{position:absolute;left:0;right:330px;bottom:46px;height:22px;overflow:hidden;white-space:nowrap;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);font-size:12px;color:var(--m-ink3)}
.mm-tick .in{display:inline-block;animation:mmtick 80s linear infinite}.mm-tick em{font-style:normal;margin-right:26px}.mm-tick em b{color:var(--m-ink)}.mm-tick em.big{color:#ffd166}.mm-tick em.big b{color:#ffe8a8}
@keyframes mmtick{to{transform:translateX(-50%)}}
@media(max-width:900px){.mm-tick{right:0}}
/* 입체 보기 v2 HUD: 배지·설명·레인 칩·타격 칩·카운터·로그 (2026-10-22) */
.gb-hud{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;overflow:hidden;font-family:var(--font)}
.gb-badge{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:999px;background:rgba(14,19,32,.78);border:1px solid rgba(120,150,210,.35);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:auto;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.35);transition:border-color .15s,box-shadow .15s;will-change:transform}
.gb-badge img,.gb-badge .gb-w{width:24px;height:24px;border-radius:50%;background:#fff;object-fit:cover}.gb-badge .gb-w{background:linear-gradient(135deg,#c9d2e3,#8595b3)}
.gb-badge.quiet{opacity:.55}.gb-badge.kr{border-color:rgba(77,141,255,.6)}.gb-badge.gl{border-color:rgba(240,185,11,.6)}.gb-badge.on,.gb-badge:hover{box-shadow:0 0 0 2px rgba(255,255,255,.25),0 8px 28px rgba(0,0,0,.45)}
.gb-badge .net{font-size:12px;padding:1px 7px;border-radius:999px;font-weight:700}.gb-badge .net.up{background:#F0555E;color:#fff}.gb-badge .net.dn{background:#4D8DFF;color:#fff}.gb-badge .net.nt{background:rgba(255,255,255,.12);color:#dfe6f2}
.gb-sub{position:absolute;left:0;top:0;font-size:10.5px;color:#aab6cf;white-space:nowrap;padding:2px 8px;border-radius:999px;background:rgba(12,17,30,.6);backdrop-filter:blur(3px);will-change:transform}.gb-sub b{font-weight:600}.gb-sub .up{color:#ff8a93}.gb-sub .dn{color:#8fb6ff}
.gb-lane{position:absolute;left:0;top:0;font-size:11px;color:#ffd166;white-space:nowrap;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(40,30,8,.72);border:1px solid rgba(255,209,102,.35);will-change:transform;display:inline-flex;align-items:center;gap:6px}.gb-lane b{color:#fff1c4}.gb-lane i{width:14px;height:0;border-top:2px dashed #ffd166;display:inline-block}
.gb-hit{position:absolute;left:0;top:0;font-size:12px;color:#fff3cf;white-space:nowrap;padding:3px 9px;border-radius:999px;background:rgba(60,45,10,.85);border:1px solid rgba(255,230,150,.5);opacity:0;will-change:transform,opacity}.gb-hit.big{color:#fff;background:rgba(120,30,40,.88);border-color:rgba(255,120,130,.7);font-weight:700}
.gb-stats{position:absolute;left:16px;bottom:64px;width:226px;box-sizing:border-box;padding:10px 14px;border-radius:12px;background:rgba(12,17,30,.72);border:1px solid rgba(120,150,210,.28);backdrop-filter:blur(8px);color:#cfd8ea;pointer-events:auto}
.gb-stats .k{font-size:11.5px;color:#9aa8c4;font-weight:600}.gb-stats .k small{color:#6f7f9e;font-weight:500}.gb-stats .v{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;margin:2px 0 6px}.gb-stats .v small{font-size:12px;color:#9aa8c4;font-weight:500;margin-left:6px;letter-spacing:0}
.gb-stats .r{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;padding:2px 0;color:#9aa8c4}.gb-stats .r b{color:#fff1c4;font-weight:600;font-variant-numeric:tabular-nums}
.gb-log{position:absolute;left:16px;bottom:206px;width:226px;display:flex;flex-direction:column-reverse;gap:3px;pointer-events:none}
.gb-row{font-size:11px;color:#aeb9d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:7px;background:rgba(12,17,30,.6);border-left:2px solid #7f8da8;transform-origin:left}.gb-row.kr{border-left-color:#4D8DFF}.gb-row.gl{border-left-color:#f0b90b}.gb-row b{color:#fff}.gb-row i{font-style:normal;color:#6f7f9e;margin:0 2px}.gb-row.big{color:#ffe6a6}.gb-row.big b{color:#fff}.gb-row .t{color:#6f7f9e;margin-right:6px;font-variant-numeric:tabular-nums}
.gb-row.in{animation:gbin .5s ease-out}@keyframes gbin{0%{opacity:0;transform:translateX(-14px)}100%{opacity:1;transform:none}}
body.mode-globe .map-stage{background:#0d1220}
.mm-back{position:absolute;left:16px;top:112px;z-index:7;display:none;align-items:center;gap:9px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid rgba(120,150,210,.4);background:rgba(14,19,32,.8);backdrop-filter:blur(8px);color:#fff;font:700 13.5px var(--font);cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.4);transition:transform .15s,border-color .15s,box-shadow .15s}
.mm-back .ar{font-size:16px;color:#8fb6ff;transition:transform .15s}.mm-back small{color:#9aa8c4;font-weight:500;font-size:11.5px;margin-left:2px}.mm-back:hover{border-color:rgba(143,182,255,.8);box-shadow:0 0 0 3px rgba(77,141,255,.18),0 8px 28px rgba(0,0,0,.45);transform:translateX(-2px)}.mm-back:hover .ar{transform:translateX(-3px)}
body.mode-focus .mm-back{display:inline-flex}
#graph{transition:opacity .38s ease,transform .38s ease;transform-origin:50% 50%}#graph.enter{opacity:0;transform:scale(.94)}#graph.leave{opacity:0;transform:scale(1.06)}
.mm-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.mm-chip{font:inherit;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid #33466f;background:rgba(20,30,55,.8);color:#dfe9ff;cursor:pointer}.mm-chip small{color:#8aa0c8;font-size:10px}.mm-chip.on{border-color:#7fb0ff;background:rgba(61,107,255,.35)}.mm-chip:hover{border-color:#7fb0ff}
.mm-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(120,160,255,.35),rgba(120,160,255,0) 60%);opacity:0;z-index:6}.mm-flash.on{animation:mmflash .55s ease-out}@keyframes mmflash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}body.mode-globe .mm-tick{display:none!important}
@media(max-width:1100px){.gb-log{display:none}}
@media(max-width:900px){.gb-lane,.gb-stats{display:none}}