@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800&display=swap");
/* ==========================================================================
ui-mg.css — PC 미니게임 · 카지노 목록 칸 (view/minigame.php)
2026-09-14 r287: 그림이 없어 글자만 보이고 누를 곳이 없던 것 → z 와 같은 발광 칸으로 해결
2026-09-14 r288: 사용자 요청 "z 와 다른 느낌" → 시안 3개 중 **"나 · 대형 글자"** 로 교체
· 그림 대신 큰 윤곽 영문 글자(1MIN · BAC · EVO …)가 칸 오른쪽 아래로 잘려 들어간다
· 이름 + 종류(미니게임/라이브카지노/슬롯) 왼쪽 위, 남은시간은 왼쪽 아래에 크게
· 시간이 없는 칸(SKY·가상 게임 · 카지노)은 그 자리에 MINI / LIVE / SLOT
· 시안: https://claude.ai/code/artifact/69eb8d89-8190-4668-9db1-4927367a1e0c
글자·종류·색은 칸의 이름표(class)마다 CSS 변수로 준다 — 마크업은 r287 그대로
--wd 큰 글자 · --cat 종류 · --tag 시간 대신 표시 · --h 색(z 마크 규칙에서 물려받음)
는 칸 전체를 덮는 투명 판 → 어디를 눌러도 들어간다
범위: `.v-mg` 목록만 (inc/csn_list.php 는 건드리지 않는다)
⚠ mobile/css/ui-mg.css 에 같은 변수 목록이 한 벌 더 있다. 한쪽을 고치면 다른 쪽도 고친다.
되돌리기: head.sub.php 의 ui-mg.css 한 줄 삭제 (r287 모양은 저장소 이력에 있다)
========================================================================== */
/* ---------- 1. 목록 틀 ---------- */
.content_wrap .v-mg { clear:both; margin:0 !important; padding:6px 0 12px !important; height:auto !important; text-align:left; }
.v-mg ul {
clear:both; display:grid !important;
grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
gap:12px; margin:0 !important; padding:0 !important; list-style:none;
}
/* ---------- 2. 칸 ---------- */
.v-mg li.item-box {
position:relative; overflow:hidden;
float:none !important; width:auto !important; height:auto !important; min-height:118px;
margin:0 !important; padding:0 !important; box-sizing:border-box;
border:1px solid rgba(255,255,255,.05) !important; border-radius:10px !important;
background:linear-gradient(135deg, hsl(var(--h, 40) 55% 17%) 0%, #0C101D 62%) !important;
box-shadow:none !important;
transition:transform .2s ease, border-color .2s ease;
}
.v-mg li.item-box::before { display:none !important; }
/* 큰 윤곽 글자 — 오른쪽 아래로 잘려 들어간다 */
.v-mg li.item-box::after {
/* 오른쪽 60% 안에서만 그린다 — 긴 글자(SOCCER·BASEBALL…)가 왼쪽 남은시간과 겹치던 것. 넘치면 오른쪽 끝에서 잘린다 */
content:var(--wd, ""); position:absolute; left:40%; right:-4px; bottom:-16px; z-index:1; pointer-events:none;
overflow:hidden; text-align:right;
font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-weight:800; font-size:80px; line-height:1; letter-spacing:-.02em; white-space:nowrap;
color:transparent; -webkit-text-stroke:1.5px hsl(var(--h, 40) 85% 68% / .6);
background:linear-gradient(180deg, hsl(var(--h, 40) 90% 65% / .28), transparent 80%);
-webkit-background-clip:text; background-clip:text;
}
.v-mg li.item-box img { display:none !important; }
.v-mg li.item-box > a { position:absolute !important; inset:0; z-index:4; display:block !important; }
/* 이름 · 종류 (왼쪽 위) — 옛 .nav_title(높이 44·아래 붙음·그림자) · .t-lineN(아래 5px 선) 을 지운다 */
.v-mg .nav_title {
position:absolute !important; top:13px; left:14px; right:14px; bottom:10px; z-index:3;
width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
border:0 !important; background:none !important; box-shadow:none !important;
text-align:left !important; line-height:1.3 !important; text-transform:none !important;
}
.v-mg .nav_title > div { float:none !important; width:auto !important; height:auto !important; background:none !important; text-align:left !important; }
.v-mg .nav_title > div:first-child {
max-width:78%; color:#F2F3F6 !important; font-size:14.5px !important; font-weight:700 !important; letter-spacing:-.02em;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.v-mg .nav_title > div:first-child::after {
content:var(--cat, ""); display:block; margin-top:2px;
color:#8B93A8; font-size:11.5px; font-weight:400; letter-spacing:0;
}
/* 남은시간 (왼쪽 아래, 크게) — 1초마다 스크립트가 글자를 고쳐 쓴다. 시간이 없는 칸은 --tag */
.v-mg .nav_title > div:last-child:not(:first-child) {
position:absolute; left:0; bottom:0; line-height:1 !important;
font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-size:26px !important; font-weight:800; letter-spacing:.02em;
color:#FFFFFF !important; font-variant-numeric:tabular-nums;
text-shadow:0 2px 12px #0C101D, 0 0 4px #0C101D;
}
.v-mg .nav_title > div:last-child:not(:first-child)::before {
content:var(--tag, ""); font-size:13px; font-weight:600; letter-spacing:.16em; color:hsl(var(--h, 40) 85% 72%);
}
.v-mg li.item-box:hover { transform:translateY(-2px); border-color:hsl(var(--h, 40) 80% 60% / .4) !important; }
.v-mg li.item-box:focus-within { border-color:hsl(var(--h, 40) 80% 60% / .7) !important; }
@media (prefers-reduced-motion:reduce) { .v-mg li.item-box { transition:none; } }
/* ---------- 3. 칸마다 --wd · --cat · --tag (아래 words) 와 --h (그 아래 z 마크 규칙) ---------- */
/* 가상농구 색 — z 에 없는 게임 */
.b365_bask{--h:24}
/* ---------- 칸 글자(--wd) · 종류(--cat) · 시간 대신 표시(--tag) — PC·모바일 같은 목록 ---------- */
/* 미니게임 — 남은시간이 나오는 칸 */
.bc_pb1{--wd:"1MIN";--cat:"미니게임"}
.bc_pb2{--wd:"2MIN";--cat:"미니게임"}
.bc_pb3{--wd:"3MIN";--cat:"미니게임"}
.bc_pb5{--wd:"5MIN";--cat:"미니게임"}
.be2_sut{--wd:"SUTDA";--cat:"미니게임"}
.be2_socc{--wd:"SOCCER";--cat:"미니게임"}
.be2_base{--wd:"BASEBALL";--cat:"미니게임"}
.be2_cric{--wd:"CRICKET";--cat:"미니게임"}
.lts_bc{--wd:"LOTUS";--cat:"미니게임"}
/* 미니게임 — 시간이 안 나오는 칸 (minigame.php 스크립트가 M13~M21 을 빈칸으로 쓴다) */
.sky_bc{--wd:"BAC";--cat:"미니게임";--tag:"MINI"}
.sky_bc2{--wd:"BAC2";--cat:"미니게임";--tag:"MINI"}
.sky_sbc{--wd:"SPEED";--cat:"미니게임";--tag:"MINI"}
.sky_dt{--wd:"DT";--cat:"미니게임";--tag:"MINI"}
.sky_sam{--wd:"SAM";--cat:"미니게임";--tag:"MINI"}
.sky_dice{--wd:"DICE";--cat:"미니게임";--tag:"MINI"}
.sky_oe{--wd:"ODD";--cat:"미니게임";--tag:"MINI"}
.b365_socc{--wd:"V-SOCCER";--cat:"미니게임";--tag:"MINI"}
.b365_bask{--wd:"V-BASKET";--cat:"미니게임";--tag:"MINI"}
/* 라이브카지노 9 */
.csn_pml{--wd:"PP";--cat:"라이브카지노";--tag:"LIVE"}
.csn_mg{--wd:"MG";--cat:"라이브카지노";--tag:"LIVE"}
.csn_ev{--wd:"EVO";--cat:"라이브카지노";--tag:"LIVE"}
.csn_wm{--wd:"WM";--cat:"라이브카지노";--tag:"LIVE"}
.csn_dg{--wd:"DG";--cat:"라이브카지노";--tag:"LIVE"}
.csn_dw{--wd:"DOWIN";--cat:"라이브카지노";--tag:"LIVE"}
.csn_ag{--wd:"AG";--cat:"라이브카지노";--tag:"LIVE"}
.csn_tg{--wd:"BOTA";--cat:"라이브카지노";--tag:"LIVE"}
.csn_sx{--wd:"SEXY";--cat:"라이브카지노";--tag:"LIVE"}
/* 슬롯 27 */
.csn_pm{--wd:"PP";--cat:"슬롯";--tag:"SLOT"}
.csn_mc{--wd:"MG";--cat:"슬롯";--tag:"SLOT"}
.csn_bg{--wd:"BNG";--cat:"슬롯";--tag:"SLOT"}
.csn_cq9{--wd:"CQ9";--cat:"슬롯";--tag:"SLOT"}
.csn_nl{--wd:"NLC";--cat:"슬롯";--tag:"SLOT"}
.csn_rt{--wd:"RT";--cat:"슬롯";--tag:"SLOT"}
.csn_bt{--wd:"BTG";--cat:"슬롯";--tag:"SLOT"}
.csn_nt{--wd:"NETENT";--cat:"슬롯";--tag:"SLOT"}
.csn_pt{--wd:"PT";--cat:"슬롯";--tag:"SLOT"}
.csn_pg{--wd:"PG";--cat:"슬롯";--tag:"SLOT"}
.csn_pso{--wd:"PLAYSON";--cat:"슬롯";--tag:"SLOT"}
.csn_hb{--wd:"HABA";--cat:"슬롯";--tag:"SLOT"}
.csn_evo{--wd:"EVOPLAY";--cat:"슬롯";--tag:"SLOT"}
.csn_pst{--wd:"PSTAR";--cat:"슬롯";--tag:"SLOT"}
.csn_rx{--wd:"RELAX";--cat:"슬롯";--tag:"SLOT"}
.csn_yg{--wd:"YGG";--cat:"슬롯";--tag:"SLOT"}
.csn_avt{--wd:"AVATAR";--cat:"슬롯";--tag:"SLOT"}
.csn_hs{--wd:"HACK";--cat:"슬롯";--tag:"SLOT"}
.csn_wz{--wd:"WAZDAN";--cat:"슬롯";--tag:"SLOT"}
.csn_png{--wd:"PNG";--cat:"슬롯";--tag:"SLOT"}
.csn_tpg{--wd:"TPG";--cat:"슬롯";--tag:"SLOT"}
.csn_ds{--wd:"DRAGOON";--cat:"슬롯";--tag:"SLOT"}
.csn_1x2{--wd:"1X2";--cat:"슬롯";--tag:"SLOT"}
.csn_tk{--wd:"THUNDER";--cat:"슬롯";--tag:"SLOT"}
.csn_bp{--wd:"BLUE";--cat:"슬롯";--tag:"SLOT"}
.csn_ga{--wd:"ART";--cat:"슬롯";--tag:"SLOT"}
.csn_mb{--wd:"MOBI";--cat:"슬롯";--tag:"SLOT"}
/* ↓ 여기부터 z pc/css/ui-tiles.css 3절 그대로 — 여기서는 색(--h)만 쓴다 (--mk 마크 그림은 안 쓴다) */
/* ---------- 라이브카지노 9 ---------- */
/* 프라그마틱 — 각진 사각 + 재생 삼각 (주황) */
.csn_pml{--h:32;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='9' y='9' width='46' height='46' rx='13' fill='%23FFB25E' fill-opacity='.2'/%3E%3Crect x='17' y='17' width='30' height='30' rx='8' fill='%23FFB25E' fill-opacity='.45'/%3E%3Cpath d='M28 24l14 8-14 8z' fill='%23FFD9A8'/%3E%3C/svg%3E")}
/* 마이크로게이밍 — 궤도 (초록) */
.csn_mg{--h:152;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='none' stroke='%236FE8B0' stroke-opacity='.35' stroke-width='4'/%3E%3Cpath d='M32 11a21 21 0 0 1 0 42' fill='none' stroke='%236FE8B0' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='32' r='8' fill='%23A9F5D2'/%3E%3C/svg%3E")}
/* 에볼루션 — 겹친 호 (레드) */
.csn_ev{--h:358;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M46 14A22 22 0 1 0 46 50' fill='none' stroke='%23FF8A8A' stroke-opacity='.3' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M42 22A13 13 0 1 0 42 42' fill='none' stroke='%23FF8A8A' stroke-opacity='.65' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='32' r='5' fill='%23FFC2C2'/%3E%3C/svg%3E")}
/* WM — 이중 마름모 (파랑) */
.csn_wm{--h:210;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8 52 32 32 56 12 32z' fill='%237FC4FF' fill-opacity='.22'/%3E%3Cpath d='M32 18 44 32 32 46 20 32z' fill='%237FC4FF' fill-opacity='.55'/%3E%3Cpath d='M32 26l6 6-6 6-6-6z' fill='%23C6E6FF'/%3E%3C/svg%3E")}
/* DreamGame — 별 (보라) */
.csn_dg{--h:272;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8l6 18 18 6-18 6-6 18-6-18-18-6 18-6z' fill='%23C9A6FF' fill-opacity='.3'/%3E%3Cpath d='M32 20l3.5 8.5L44 32l-8.5 3.5L32 44l-3.5-8.5L20 32l8.5-3.5z' fill='%23E2CDFF'/%3E%3Ccircle cx='51' cy='15' r='3.5' fill='%23C9A6FF'/%3E%3C/svg%3E")}
/* 두윈카지노 — 원 + W (진홍) */
.csn_dw{--h:14;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='22' fill='%23FF9B86' fill-opacity='.2'/%3E%3Cpath d='M16 24l6 18 6-12 6 12 6-18' fill='none' stroke='%23FFC5B6' stroke-width='5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 아시안게이밍 — 원 + 삼각 (빨강) */
.csn_ag{--h:4;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='22' fill='%23FF9090' fill-opacity='.2'/%3E%3Cpath d='M32 13l17 30H15z' fill='%23FF9090' fill-opacity='.5'/%3E%3Cpath d='M32 27l8 14H24z' fill='%23FFC4C4'/%3E%3C/svg%3E")}
/* 보타카지노 — 육각 + 잎 (초록) */
.csn_tg{--h:132;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8l21 12v24L32 56 11 44V20z' fill='%2386E6A0' fill-opacity='.2'/%3E%3Cpath d='M40 22c2 12-4 20-14 22 0-12 5-19 14-22z' fill='%2386E6A0' fill-opacity='.6'/%3E%3Cpath d='M26 44c4-8 9-13 14-16' fill='none' stroke='%23CFF7DA' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 섹시게이밍 — 곡선 + 원 (핑크) */
.csn_sx{--h:330;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%23FF9CD2' fill-opacity='.2'/%3E%3Cpath d='M20 38c6-14 18-14 24 0' fill='none' stroke='%23FF9CD2' stroke-opacity='.75' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='26' r='6' fill='%23FFD1EB'/%3E%3C/svg%3E")}
/* ---------- 슬롯게임 27 ---------- */
/* 프라그마틱 — 릴 3칸 (주황) */
.csn_pm{--h:32;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='7' y='18' width='50' height='28' rx='7' fill='%23FFB25E' fill-opacity='.2'/%3E%3Crect x='13' y='24' width='11' height='16' rx='4' fill='%23FFB25E' fill-opacity='.55'/%3E%3Crect x='26.5' y='24' width='11' height='16' rx='4' fill='%23FFD9A8'/%3E%3Crect x='40' y='24' width='11' height='16' rx='4' fill='%23FFB25E' fill-opacity='.55'/%3E%3C/svg%3E")}
/* 마이크로게이밍 슬롯 — 궤도 + 위성 (초록) */
.csn_mc{--h:152;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='none' stroke='%236FE8B0' stroke-opacity='.32' stroke-width='4'/%3E%3Ccircle cx='32' cy='32' r='9' fill='%236FE8B0' fill-opacity='.55'/%3E%3Ccircle cx='32' cy='11' r='4.5' fill='%23A9F5D2'/%3E%3Ccircle cx='50' cy='42' r='3.5' fill='%23A9F5D2' fill-opacity='.7'/%3E%3Ccircle cx='14' cy='42' r='3.5' fill='%23A9F5D2' fill-opacity='.7'/%3E%3C/svg%3E")}
/* 부운고 — 겹친 원 (노랑) */
.csn_bg{--h:46;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='22' cy='32' r='14' fill='%23FFD470' fill-opacity='.3'/%3E%3Ccircle cx='32' cy='32' r='14' fill='%23FFD470' fill-opacity='.45'/%3E%3Ccircle cx='42' cy='32' r='14' fill='%23FFE9AE' fill-opacity='.9'/%3E%3C/svg%3E")}
/* CQ9 — 원 + 꼬리 (주황) */
.csn_cq9{--h:26;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%23FFA45C' fill-opacity='.2'/%3E%3Cpath d='M32 14a13 13 0 1 1-9 22' fill='none' stroke='%23FFA45C' stroke-opacity='.75' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='27' r='6' fill='%23FFD3AE'/%3E%3C/svg%3E")}
/* 노리밋시티 — 도시 스카이라인 (네온 보라) */
.csn_nl{--h:292;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M8 50V30h9v20zM21 50V20h10v30zM35 50V26h8v24zM47 50V34h9v16z' fill='%23E79BFF' fill-opacity='.4'/%3E%3Cpath d='M21 20h10v10H21zM35 26h8v8h-8z' fill='%23F3CFFF'/%3E%3Cpath d='M6 52h52' stroke='%23E79BFF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 레드타이거 — 발톱 자국 (빨강) */
.csn_rt{--h:10;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M14 12c9 8 14 20 15 38-9-5-15-16-18-28z' fill='%23FF8B6B' fill-opacity='.3'/%3E%3Cpath d='M30 8c9 9 14 22 14 42-9-5-14-17-16-30z' fill='%23FF8B6B' fill-opacity='.6'/%3E%3Cpath d='M46 12c8 9 11 22 8 40-8-6-11-19-11-30z' fill='%23FFC0AE'/%3E%3C/svg%3E")}
/* 빅타임게이밍 — 계단 릴 (하늘) */
.csn_bt{--h:198;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='34' width='10' height='20' rx='3' fill='%237FD4FF' fill-opacity='.35'/%3E%3Crect x='21' y='26' width='10' height='28' rx='3' fill='%237FD4FF' fill-opacity='.55'/%3E%3Crect x='34' y='18' width='10' height='36' rx='3' fill='%237FD4FF' fill-opacity='.75'/%3E%3Crect x='47' y='10' width='10' height='44' rx='3' fill='%23C7ECFF'/%3E%3C/svg%3E")}
/* 넷엔트 — 노드 (청록) */
.csn_nt{--h:180;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M18 22h28M18 22 32 44 46 22M18 22l14 22' stroke='%236FE4E4' stroke-opacity='.45' stroke-width='3.5' fill='none'/%3E%3Ccircle cx='18' cy='22' r='7' fill='%236FE4E4' fill-opacity='.6'/%3E%3Ccircle cx='46' cy='22' r='7' fill='%236FE4E4' fill-opacity='.6'/%3E%3Ccircle cx='32' cy='45' r='9' fill='%23BEF5F5'/%3E%3C/svg%3E")}
/* 플레이텍 — 원 + 재생 (파랑) */
.csn_pt{--h:204;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='22' fill='%237FC8FF' fill-opacity='.2'/%3E%3Ccircle cx='32' cy='32' r='14' fill='%237FC8FF' fill-opacity='.45'/%3E%3Cpath d='M28 25l12 7-12 7z' fill='%23CFE8FF'/%3E%3C/svg%3E")}
/* PG소프트 — 다이아 프리즘 (보라) */
.csn_pg{--h:276;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8 54 26 32 56 10 26z' fill='%23C79BFF' fill-opacity='.25'/%3E%3Cpath d='M10 26h44M32 8 22 26l10 30M32 8l10 18-10 30' stroke='%23C79BFF' stroke-opacity='.6' stroke-width='3' fill='none'/%3E%3Cpath d='M22 26h20l-10 16z' fill='%23E4D0FF'/%3E%3C/svg%3E")}
/* 플레이슨 — 방패 + 재생 (파랑) */
.csn_pso{--h:222;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8l20 7v18c0 12-8 20-20 23-12-3-20-11-20-23V15z' fill='%238FB6FF' fill-opacity='.26'/%3E%3Cpath d='M27 25l13 8-13 8z' fill='%23D2E2FF'/%3E%3C/svg%3E")}
/* 하바네로 — 고추 (빨강) */
.csn_hb{--h:6;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M40 16c8 4 10 14 5 22-6 10-18 14-27 10 8-2 13-7 15-13 2-7 3-15 7-19z' fill='%23FF8B7A' fill-opacity='.9'/%3E%3Cpath d='M38 16c-2-4-6-6-10-5 3 2 5 4 6 7' fill='none' stroke='%23A8E86F' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M34 24c4 5 4 12 0 17' fill='none' stroke='%23FFD1C9' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 에보플레이 — 겹친 삼각 (보라) */
.csn_evo{--h:252;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10 52 46H12z' fill='%23A99BFF' fill-opacity='.25'/%3E%3Cpath d='M32 22 44 44H20z' fill='%23A99BFF' fill-opacity='.55'/%3E%3Cpath d='M32 33l6 11H26z' fill='%23D8D0FF'/%3E%3C/svg%3E")}
/* 플레이스타 — 별 (노랑) */
.csn_pst{--h:42;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8l7.5 15.5L56 26l-12 11.5L47 54l-15-8-15 8 3-16.5L8 26l16.5-2.5z' fill='%23FFD98A' fill-opacity='.3'/%3E%3Cpath d='M32 19l4.5 9.5L47 30l-7.5 7.2L41.3 48 32 43l-9.3 5 1.8-10.8L17 30l10.5-1.5z' fill='%23FFEBC2'/%3E%3C/svg%3E")}
/* 릴렉스게이밍 — 물결 (하늘) */
.csn_rx{--h:206;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M8 26c8-8 16-8 24 0s16 8 24 0' fill='none' stroke='%238ED2FF' stroke-opacity='.5' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M8 38c8-8 16-8 24 0s16 8 24 0' fill='none' stroke='%23C9EAFF' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 이드그라실 — 나무(세계수) (보라) */
.csn_yg{--h:264;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8c10 6 14 16 10 26-3 8-10 12-10 12s-7-4-10-12c-4-10 0-20 10-26z' fill='%23B79BFF' fill-opacity='.3'/%3E%3Ccircle cx='32' cy='24' r='9' fill='%23B79BFF' fill-opacity='.6'/%3E%3Cpath d='M32 54V26M32 34l-8-7M32 40l9-8' stroke='%23DCCFFF' stroke-width='4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
/* 아바타UX — 얼굴 (네온 핑크) */
.csn_avt{--h:318;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='22' fill='%23FF9BE0' fill-opacity='.22'/%3E%3Ccircle cx='24' cy='28' r='4.5' fill='%23FFD1F1'/%3E%3Ccircle cx='40' cy='28' r='4.5' fill='%23FFD1F1'/%3E%3Cpath d='M23 40c5 5 13 5 18 0' fill='none' stroke='%23FF9BE0' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 헥쏘게이밍 — 톱날 (라임) */
.csn_hs{--h:92;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%23A8E86F' fill-opacity='.22'/%3E%3Cpath d='M32 11l4 6h-8zM53 32l-6 4v-8zM32 53l-4-6h8zM11 32l6-4v8zM47 17l-2 7-5-5zM47 47l-7-2 5-5zM17 47l2-7 5 5zM17 17l7 2-5 5z' fill='%23A8E86F' fill-opacity='.75'/%3E%3Ccircle cx='32' cy='32' r='9' fill='%23DAF7BE'/%3E%3C/svg%3E")}
/* 와즈단 — 각진 W (주황) */
.csn_wz{--h:28;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M10 18l8 28 8-16 8 16 8-28' fill='none' stroke='%23FFA85E' stroke-opacity='.4' stroke-width='8' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M18 22l6 20 8-14 8 14 6-20' fill='none' stroke='%23FFD3AE' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 플레이앤고 — 재생 + 화살 (초록) */
.csn_png{--h:100;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%239CE88A' fill-opacity='.22'/%3E%3Cpath d='M26 22l16 10-16 10z' fill='%239CE88A' fill-opacity='.7'/%3E%3Cpath d='M40 14l10 4-4 10' fill='none' stroke='%23D6F7CC' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* 트리플프로핏 — 상승 막대 셋 (민트) */
.csn_tpg{--h:168;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='11' y='36' width='11' height='18' rx='3' fill='%236FE0C4' fill-opacity='.35'/%3E%3Crect x='26' y='26' width='11' height='28' rx='3' fill='%236FE0C4' fill-opacity='.6'/%3E%3Crect x='41' y='14' width='11' height='40' rx='3' fill='%23C2F5EA'/%3E%3C/svg%3E")}
/* 드라군소프트 — 용 (진분홍) */
.csn_ds{--h:344;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M10 44c6-18 22-28 36-24 8 2 12 10 9 17-3 8-13 10-19 6' fill='none' stroke='%23FF8FA8' stroke-opacity='.5' stroke-width='6' stroke-linecap='round'/%3E%3Ccircle cx='43' cy='24' r='4' fill='%23FFCBD7'/%3E%3Cpath d='M10 44l-2 9 11-3M50 46l5 7-10 1' fill='none' stroke='%23FF8FA8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
/* 1x2게이밍 — 1 X 2 세 칸 (파랑) */
.csn_1x2{--h:216;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='6' y='20' width='16' height='24' rx='5' fill='%238FBEFF' fill-opacity='.3'/%3E%3Crect x='24' y='20' width='16' height='24' rx='5' fill='%238FBEFF' fill-opacity='.55'/%3E%3Crect x='42' y='20' width='16' height='24' rx='5' fill='%238FBEFF' fill-opacity='.3'/%3E%3Cpath d='M12.6 30.2l3.4-2.2V36M28.5 28l7 8M35.5 28l-7 8M46.2 29.8c.5-1.9 2.5-2.5 3.9-1.6 1.5 1 1.4 2.9.2 4.1L46.2 36H51' stroke='%23D9EAFF' stroke-width='2.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* 썬더킥 — 번개 (보라) */
.csn_tk{--h:270;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M36 8L18 36h12l-6 20 20-30H32z' fill='%23C39BFF' fill-opacity='.9'/%3E%3Cpath d='M36 8L18 36h7L40 14z' fill='%23E3D2FF'/%3E%3C/svg%3E")}
/* 블루프린트 — 청사진 격자 (파랑) */
.csn_bp{--h:218;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='9' y='9' width='46' height='46' rx='8' fill='%237FB0FF' fill-opacity='.18'/%3E%3Cpath d='M9 24h46M9 40h46M24 9v46M40 9v46' stroke='%237FB0FF' stroke-opacity='.55' stroke-width='2.4'/%3E%3Ccircle cx='32' cy='32' r='8' fill='none' stroke='%23CFE2FF' stroke-width='4'/%3E%3C/svg%3E")}
/* 게임아트 — 팔레트 (주황) */
.csn_ga{--h:36;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10c13 0 22 8 22 18 0 7-6 9-10 10-4 1-6 3-6 6 0 4-3 8-8 8-11 0-20-9-20-21S19 10 32 10z' fill='%23FFC46F' fill-opacity='.26'/%3E%3Ccircle cx='23' cy='24' r='4' fill='%23FFC46F'/%3E%3Ccircle cx='34' cy='20' r='4' fill='%23FFE3B8'/%3E%3Ccircle cx='43' cy='28' r='4' fill='%23FFC46F'/%3E%3Ccircle cx='22' cy='37' r='4' fill='%23FFE3B8'/%3E%3C/svg%3E")}
/* 모빌롯츠 — 휴대폰 속 릴 (청록) */
.csn_mb{--h:188;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='18' y='7' width='28' height='50' rx='7' fill='%237FDCE8' fill-opacity='.24'/%3E%3Crect x='23' y='18' width='6' height='28' rx='3' fill='%237FDCE8' fill-opacity='.6'/%3E%3Crect x='31' y='18' width='6' height='28' rx='3' fill='%23CDF3F8'/%3E%3Crect x='39' y='18' width='6' height='28' rx='3' fill='%237FDCE8' fill-opacity='.6'/%3E%3C/svg%3E")}
/* ---------- 미니게임 17 — 제목 그대로 그린다 ---------- */
/* 파워볼 — 공에 숫자. 1·2·3·5분을 숫자로 구분한다 */
.bc_pb1{--h:44;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='34' r='20' fill='%23FFD166' fill-opacity='.22'/%3E%3Ccircle cx='32' cy='34' r='14' fill='%23FFD166' fill-opacity='.6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='17' font-weight='700' fill='%23FFF3D6'%3E1%3C/text%3E%3Ccircle cx='15' cy='15' r='5' fill='%23FFD166' fill-opacity='.45'/%3E%3Ccircle cx='49' cy='12' r='3.5' fill='%23FFD166' fill-opacity='.3'/%3E%3C/svg%3E")}
.bc_pb2{--h:40;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='34' r='20' fill='%23FFC64D' fill-opacity='.22'/%3E%3Ccircle cx='32' cy='34' r='14' fill='%23FFC64D' fill-opacity='.6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='17' font-weight='700' fill='%23FFEFCC'%3E2%3C/text%3E%3Ccircle cx='15' cy='15' r='5' fill='%23FFC64D' fill-opacity='.45'/%3E%3Ccircle cx='49' cy='12' r='3.5' fill='%23FFC64D' fill-opacity='.3'/%3E%3C/svg%3E")}
.bc_pb3{--h:36;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='34' r='20' fill='%23FFBB33' fill-opacity='.22'/%3E%3Ccircle cx='32' cy='34' r='14' fill='%23FFBB33' fill-opacity='.6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='17' font-weight='700' fill='%23FFEBC4'%3E3%3C/text%3E%3Ccircle cx='15' cy='15' r='5' fill='%23FFBB33' fill-opacity='.45'/%3E%3Ccircle cx='49' cy='12' r='3.5' fill='%23FFBB33' fill-opacity='.3'/%3E%3C/svg%3E")}
.bc_pb5{--h:30;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='34' r='20' fill='%23FFAD1F' fill-opacity='.22'/%3E%3Ccircle cx='32' cy='34' r='14' fill='%23FFAD1F' fill-opacity='.6'/%3E%3Ctext x='32' y='40' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='17' font-weight='700' fill='%23FFE7BC'%3E5%3C/text%3E%3Ccircle cx='15' cy='15' r='5' fill='%23FFAD1F' fill-opacity='.45'/%3E%3Ccircle cx='49' cy='12' r='3.5' fill='%23FFAD1F' fill-opacity='.3'/%3E%3C/svg%3E")}
/* 쌍귀섯다 — 화투 두 장 */
.be2_sut{--h:344;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='10' y='14' width='22' height='36' rx='4' transform='rotate(-9 21 32)' fill='%23FF9BB0' fill-opacity='.38'/%3E%3Crect x='31' y='14' width='22' height='36' rx='4' transform='rotate(9 42 32)' fill='%23FF9BB0' fill-opacity='.9'/%3E%3Ccircle cx='42' cy='32' r='6' fill='%23FFDDE4'/%3E%3C/svg%3E")}
/* BE축구2 — 축구공 */
.be2_socc{--h:104;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%23A6E88A' fill-opacity='.26'/%3E%3Cpath d='M32 19l11 8-4 13H25l-4-13z' fill='%23DCF6CE'/%3E%3Cpath d='M32 11v8M53 27l-10 0M45 49l-6-9M19 49l6-9M11 27l10 0' stroke='%23A6E88A' stroke-opacity='.75' stroke-width='3.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
/* BE야구2 — 야구공 실밥 */
.be2_base{--h:20;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='%23FFB08A' fill-opacity='.3'/%3E%3Cpath d='M20 16c6 8 6 24 0 32M44 16c-6 8-6 24 0 32' fill='none' stroke='%23FFDCC9' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
/* BE크리켓2 — 배트와 공 */
.be2_cric{--h:88;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='30' y='8' width='11' height='30' rx='5' transform='rotate(26 35 23)' fill='%23B8E88A' fill-opacity='.7'/%3E%3Cpath d='M27 36 16 52' stroke='%23B8E88A' stroke-opacity='.6' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='19' cy='22' r='7' fill='%23DCF6C4'/%3E%3C/svg%3E")}
/* 로투스바카라 — 연꽃 + 카드 */
.lts_bc{--h:334;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10c5 6 7 13 5 20-6-2-9-7-9-13 0-3 2-5 4-7z' fill='%23FF9BC4' fill-opacity='.8'/%3E%3Cpath d='M18 18c7 2 12 7 13 14-6 2-12-1-15-7-1-3 0-6 2-7z' fill='%23FF9BC4' fill-opacity='.5'/%3E%3Cpath d='M46 18c-7 2-12 7-13 14 6 2 12-1 15-7 1-3 0-6-2-7z' fill='%23FF9BC4' fill-opacity='.5'/%3E%3Crect x='17' y='36' width='30' height='19' rx='5' fill='%23FFD3E6'/%3E%3C/svg%3E")}
/* SKY바카라 — 카드 두 장 */
.sky_bc{--h:208;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='11' y='14' width='24' height='36' rx='5' transform='rotate(-10 23 32)' fill='%238FC8FF' fill-opacity='.38'/%3E%3Crect x='29' y='14' width='24' height='36' rx='5' transform='rotate(9 41 32)' fill='%23CFE6FF'/%3E%3Cpath d='M41 26l6 7-6 7-6-7z' fill='%2327496B'/%3E%3C/svg%3E")}
/* SKY바카라2 — 카드 두 장 + 2 */
.sky_bc2{--h:218;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='11' y='14' width='24' height='36' rx='5' transform='rotate(-10 23 32)' fill='%238FB8FF' fill-opacity='.38'/%3E%3Crect x='29' y='14' width='24' height='36' rx='5' transform='rotate(9 41 32)' fill='%23CFDEFF'/%3E%3Ctext x='41' y='40' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='19' font-weight='700' fill='%2327406B'%3E2%3C/text%3E%3C/svg%3E")}
/* SKY스피드바카라 — 카드 + 속도선 */
.sky_sbc{--h:194;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='24' y='14' width='26' height='36' rx='5' fill='%237FD8FF' fill-opacity='.9'/%3E%3Cpath d='M37 26l6 6-6 6-6-6z' fill='%231D4257'/%3E%3Cpath d='M6 22h12M4 32h14M8 42h10' stroke='%237FD8FF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
/* SKY드래곤타이거 — 마주 선 둘 */
.sky_dt{--h:8;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M30 10 30 54 8 32z' fill='%23FF9B8F' fill-opacity='.6'/%3E%3Cpath d='M34 10 34 54 56 32z' fill='%23FFCFC8'/%3E%3C/svg%3E")}
/* SKY삼치기 — 카드 세 장 */
.sky_sam{--h:256;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='6' y='16' width='20' height='32' rx='4' transform='rotate(-12 16 32)' fill='%23BBA6FF' fill-opacity='.38'/%3E%3Crect x='22' y='14' width='20' height='34' rx='4' fill='%23BBA6FF' fill-opacity='.62'/%3E%3Crect x='38' y='16' width='20' height='32' rx='4' transform='rotate(12 48 32)' fill='%23DED2FF'/%3E%3C/svg%3E")}
/* SKY주사위 — 주사위 */
.sky_dice{--h:226;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='12' width='40' height='40' rx='11' fill='%239BB8FF' fill-opacity='.3'/%3E%3Crect x='18' y='18' width='28' height='28' rx='8' fill='%239BB8FF' fill-opacity='.62'/%3E%3Ccircle cx='26' cy='26' r='4' fill='%23E0E9FF'/%3E%3Ccircle cx='38' cy='38' r='4' fill='%23E0E9FF'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%23E0E9FF'/%3E%3C/svg%3E")}
/* SKY홀짝 — O 와 X */
.sky_oe{--h:166;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='21' cy='32' r='13' fill='none' stroke='%237FE8D0' stroke-opacity='.75' stroke-width='7'/%3E%3Cpath d='M39 22l14 20M53 22 39 42' stroke='%23CFF7EE' stroke-width='7' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
/* 가상축구 — 화면 속 축구공 */
.b365_socc{--h:128;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='7' y='12' width='50' height='36' rx='7' fill='%239CE8A6' fill-opacity='.22'/%3E%3Ccircle cx='32' cy='30' r='12' fill='%239CE8A6' fill-opacity='.55'/%3E%3Cpath d='M32 22l7 5-2.7 8h-8.6L25 27z' fill='%23D8F7DC'/%3E%3C/svg%3E")}
/* ==========================================================================
2026-09-19 관리자 요청 — "미니게임 아이콘으로 변경"
이 목록은 2026-09-14 에 큰 윤곽 글자 시안으로 만들었다. 그때는 그림
(/images/game_*.png) 이 서버에 하나도 없어서 글자로 대신한 것이었다.
2026-09-19 에 기존 v 운영서버에서 그림을 가져와 채웠고, 관리자가
아이콘으로 바꿔 달라고 해서 그림을 칸 바탕에 깔고 큰 글자는 끈다.
· 그림은 칸을 채우고 넘치면 자른다. 글자가 읽히도록 살짝 어둡게 깐다.
· 큰 윤곽 글자(::after)만 끄고 이름·종류·남은시간은 그대로 둔다.
· 누르는 판()은 그림 위, 글자는 그 위. 글자는 클릭을 통과시킨다.
되돌리기 : 이 블록만 지우면 9-14 의 큰 글자 시안으로 돌아간다.
========================================================================== */
.v-mg li.item-box img{
display: block !important;
position: absolute; inset: 0; z-index: 0;
width: 100% !important; height: 100% !important;
object-fit: cover;
opacity: .55;
}
.v-mg li.item-box::after{ display: none !important; }
.v-mg li.item-box{ background: #0C101D !important; }
.v-mg li.item-box > a{ z-index: 1 !important; }
.v-mg .nav_title{ z-index: 5 !important; pointer-events: none; }
.v-mg .nav_title > div:first-child{ text-shadow: 0 1px 6px #000, 0 0 3px #000; }
.v-mg .nav_title > div:last-child:not(:first-child){ text-shadow: 0 1px 6px #000, 0 0 3px #000; }