@charset "utf-8";

:root {
  --join-width:500px;
  --join-wrap-width:1360px;
  --join-input-bg:#2a3024;
  --dimed-bg: rgba(0,0,0,.7);
  --login-layer-width:435px;
  --login-bg: var(--surface-2);
  --login-overlay-bg: rgba(2,8,23,.78);
  --login-panel-top:#212938;
  --login-panel-bottom:#171d28;
  --login-divider-color:rgba(96,165,250,.16);
  --login-panel-shadow:0 28px 64px rgba(2,8,23,.52);
  --login-panel-highlight:rgba(255,255,255,.04);
  --login-input-border: 1px solid #314056;
  --login-input-bg: #141b26;
  --login-input-color: var(--font-color);
  --login-input-placeholder-color: #7c8797;
  --login-theme-color: var(--accent-blue);
  --login-theme-cancel-color: var(--surface-4);
  --login-help-color: #93a0b4;
  --login-secondary-bg:linear-gradient(180deg,#2b3444 0%, #212937 100%);
  --login-secondary-border:rgba(100,116,139,.28);
  --login-secondary-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  --login-focus-shadow:0 0 0 3px rgba(201,162,74,.22);
  --login-primary-shadow:0 14px 28px rgba(79,107,58,.28);
  --login-cyan-shadow:0 14px 28px rgba(201,162,74,.22);
  --666: var(--aeae);
  --popup-shadow:0 18px 40px rgba(0, 0, 0, 0.38);
  --fff:#fff;
  --333:var(--font-color);
  --000:var(--font-color);
  --535353:var(--surface-4);
  --3b3b3b:var(--outline-strong);
  --9e9e9e:var(--aeae);
  --0d0d0d:var(--surface-3);
  --aeaeae:var(--aeae);
  --333433:var(--surface-2);
  --fae100:var(--f5c41a);
  --151615:var(--surface-3);
  --939393:var(--848484);
  --a5a5a5:var(--outline-strong);
  --505151:var(--surface-4);
  --216452:var(--14815f);
  --1f6451:var(--14815f);
  --0f8256:var(--theme-color);
  --174538:var(--14815f);
  --game-iframe-bg:#1c2018;
  --tab-shadow-bg:linear-gradient(to left, rgba(15,18,27,0.92) 50%, rgba(15,18,27,0) 100%);
  --clock-meridium-color:var(--aeae);
  --clock-shell-gradient:linear-gradient(180deg, #334155 0%, #1e293b 55%, #0f172a 100%);
  --clock-shell-shadow:#0f172a;
  --clock-seam-color:#475569;
  --clock-digit-bg:#1e293b;
  --clock-digit-text:#e2e8f0;
  --clock-digit-inset:#0f172a;
  --clock-digit-shadow:#020617;
  --clock-dot-color:#475569;
  --clock-label-color:var(--font-color);
  --event-helper-bg:var(--3838);
  --event-helper-panel-bg:var(--surface-1);
  --event-helper-border:var(--4246);
  --bet-list-reload-bg:var(--464646);
  --bet-list-win-glow:var(--14815f);
  --olympic-panel-bg:var(--surface-1);
  --olympic-panel-border:var(--4246);
  --olympic-sub-bg:var(--3838);
  --olympic-link-color:var(--font-color);
  --olympic-link-active:var(--theme-color);
  --treasure-back-bg:linear-gradient(45deg, var(--2d8f70), var(--126e51));
  --treasure-back-color:var(--fff);
  --roulette-panel-bg:var(--black);
  --danger-color:#ef4444;
  --module-panel-border:rgba(255,255,255,.04);
  --module-panel-shadow:0 18px 40px rgba(0,0,0,.26);
  --module-dark-button:#2a3024;
  --module-dark-button-hover:#2a3040;
  --module-primary-gradient:linear-gradient(180deg,#d4b45a 0%, #4f6b3a 100%);
  --module-cyan-gradient:linear-gradient(180deg,#e0c06a 0%, #c9a24a 100%);
}

[data-theme-mode=light] {
  --join-input-bg: #fff;
  --dimed-bg: rgba(0,0,0,.7);
  --login-bg: var(--surface-1);
  --login-overlay-bg: rgba(42,45,36,.55);
  --login-panel-top:#faf7ef;
  --login-panel-bottom:#f3efe2;
  --login-divider-color:rgba(138,110,46,.14);
  --login-panel-shadow:0 18px 36px rgba(90,78,42,.12);
  --login-panel-highlight:rgba(255,255,255,.92);
  --login-input-border: 1px solid #d8d0b8;
  --login-input-bg:#faf7ef;
  --login-input-color: var(--font-color);
  --login-input-placeholder-color:#6e6a58;
  --login-help-color:#6e6a58;
  --login-secondary-bg:linear-gradient(180deg,#f7f3e8 0%, #e0d9c4 100%);
  --login-secondary-border:rgba(138,110,46,.18);
  --login-secondary-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  --login-focus-shadow:0 0 0 3px rgba(138,110,46,.14);
  --login-primary-shadow:0 12px 24px rgba(138,110,46,.18);
  --login-cyan-shadow:0 12px 24px rgba(201,162,74,.18);
  --popup-shadow:0 12px 28px rgba(90,78,42,.1);
  --tab-shadow-bg:linear-gradient(to left, rgba(235,230,214,0.98) 50%, rgba(235,230,214,0) 100%);
  --clock-meridium-color:var(--4f4f4f);
  --clock-shell-gradient:linear-gradient(180deg, #efe8d4 0%, #c9c0a4 55%, #8a8570 100%);
  --clock-shell-shadow:#d0c9b4;
  --clock-seam-color:#e0d9c4;
  --clock-digit-bg:#fff;
  --clock-digit-text:#2a2d24;
  --clock-digit-inset:#e0d9c4;
  --clock-digit-shadow:#d0c9b4;
  --clock-dot-color:#8a8570;
  --clock-label-color:#4a4d40;
  --danger-color:#dc2626;
  --module-panel-border:rgba(138,110,46,.12);
  --module-panel-shadow:0 12px 28px rgba(90,78,42,.1);
  --module-dark-button:#efe8d4;
  --module-dark-button-hover:#e0d9c4;
  --module-primary-gradient:linear-gradient(180deg,#d4b45a 0%, #8a6e2e 100%);
  --module-cyan-gradient:linear-gradient(180deg,#e0c06a 0%, #8a6e2e 100%);
}

[device-mode=mobile] {
  --join-width:100%;
  --join-wrap-width:100%;
  --layer-width:100%;
  --login-layer-width:355px;
}

/* 회원가입 */
.joinContent form {display:flex; width:var(--join-wrap-width); justify-content: center; flex-direction: column; align-items: center; }
.joinContent form h3.title { margin:0 0 15px; font-family:'p8'; font-size: 24px; width:var(--join-width); }

.joinWrap { display: flex;align-items: center; justify-content: center; }
.joinWrap #header.joinHeader { justify-content: center; align-items: center; left:0; padding:0; }
.joinWrap .joinHeader .jLogo { width:1360px; }
.joinWrap .joinHeader .jLogo img { height: 50px; }

.joinWrap .joinContent {margin:40px 0 0; }

.joinContent form .joinTab { width:var(--join-wrap-width); display:flex; border-bottom:var(--join-line); align-items: center; justify-content: center; margin:0 0 30px;}
.joinContent form .joinTab .tabWrap { width:var(--join-width); }
.joinContent form .joinTab .tabWrap a { position:relative; line-height:40px; margin:0 30px 0 0; font-family: 'p6'; }
.joinContent.isPC form .joinTab .tabWrap a:hover:after,
.joinContent form .joinTab .tabWrap a.on:after { content:""; position:absolute; width:100%; height:1px; bottom:-1px; left:0; background:var(--theme-color); }
.joinContent form .tabContent { width:var(--join-width); display:none; }
.joinContent form .tabContent.on { display:block; }
.joinContent form .tabContent ul li { margin:0 0 20px; position:relative; }
.joinContent form .tabContent ul li.birthday input.birth1 { width:calc(50% - 5px); }
.joinContent form .tabContent ul li.birthday input.birth2 { width:calc(50% - 5px); float:right;}
.joinContent form .tabContent input::placeholder { color:var(--font-color); }
.joinContent form .tabContent input[type="text"],
.joinContent form .tabContent input[type="password"],
.joinContent form .tabContent select { outline:0; padding:0 15px; height:50px; font-size:16px; width:100%; background-color:var(--join-input-bg); border:var(--join-input-border); border-radius:5px; color:var(--font-color); }
.joinContent form .tabContent .help { color:var(--help-color); font-size:12px; margin:8px 0 0; }
[data-theme-mode=light] .joinContent form .tabContent .help .themeColor{ color:var(--font-color) !important; }

.joinContent form .tabContent li span.title { position:absolute; left:15px; top:15.5px; color:var(--font-color); font-size:12px; transition:all 0.3s; font-size:16px; width:auto; }
.joinContent form .tabContent li.active span.title { position:absolute; top:7px; color:var(--theme-color); font-size:12px; }
.joinContent form .tabContent li.active input { padding-top:14px; }
.joinContent form .tabContent .hasCheck {  }
.joinContent form .tabContent .hasCheck input { width:calc(100% - 85px); }
.joinContent form .tabContent input:-webkit-autofill,
.joinContent form .tabContent input:-webkit-autofill:hover,
.joinContent form .tabContent input:-webkit-autofill:focus,
.joinContent form .tabContent input:-webkit-autofill:active{
	-webkit-background-clip:text;
	-webkit-text-fill-color:var(--font-color);
	transition:background-color 5000s ease-in-out 0s;
	box-shadow:inset 0 0 20px 20px var(--join-input-bg);
}
.joinContent form .tabContent .hasCheck button,
.joinContent form .tabContent .hasCheck input[type="button"] { cursor:pointer; float:right; border-radius:5px; width:80px; line-height: 50px; text-align: center; background:var(--module-dark-button); border:1px solid var(--4246); color:var(--font-color);border: 0;outline: 0;}
.joinContent form .tabContent .btnArea a { width:100%; line-height:50px; border-radius:5px; text-align: center; font-family: 'p6'; font-size:18px; background-color: var(--module-dark-button); border:1px solid var(--4246); margin-bottom:10px; color:var(--font-color);}
.joinContent form .tabContent .btnArea a.point { background:var(--module-primary-gradient); border:0; box-shadow:0 10px 22px rgba(0,123,254,.18); color:var(--fff); }

.joinContent form .tabContent ul li.email {  }
.joinContent form .tabContent ul li.email input { width:calc(50% - 81px); padding-top:0;}
.joinContent form .tabContent ul li.email select { width:135px !important; float:right;}

/*팝업(로그인,1대1문의,답변)*/
.memberLayer { display: none; align-items: center; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--login-overlay-bg); z-index: 999; flex-direction: column; overflow-y:auto; }

.memberLayer .layerInner { position:relative; z-index:1; width:var(--login-layer-width); max-width:calc(100% - 32px); background:linear-gradient(180deg,var(--login-panel-top) 0%, var(--login-panel-bottom) 100%); border:1px solid var(--login-divider-color); border-radius:18px; box-shadow: var(--login-panel-shadow), inset 0 1px 0 var(--login-panel-highlight); padding:24px; top:125px; overflow:hidden; animation: popFadeIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.memberLayer .layerInner .selSite { margin:-24px -24px 28px; border-bottom:1px solid var(--login-divider-color); padding:20px 24px 0; }
.memberLayer .layerInner .selSite input { display:none; }

.memberLayer .layerInner .selSite label { cursor:pointer; display:inline-block; position:relative; font-family:'p6'; font-size:20px; color:var(--666); margin:0 30px 0 0; padding:0 0 15px; }
.memberLayer .layerInner .selSite input[type="radio"]:checked + label,
.memberLayer .layerInner .selSite label:hover { color:var(--login-theme-color); }
.memberLayer .layerInner .selSite input[type="radio"]:checked + label:after,
.memberLayer .layerInner .selSite label:hover:after { content:""; position:absolute; width:100%; height:2px; left:0; bottom:-1px; background:var(--login-theme-color); color:var(--login-theme-color);}


.memberLayer .layerInner .selLoginType { margin:-24px -24px 28px; border-bottom:1px solid var(--login-divider-color); padding:20px 24px 0; }
.memberLayer .layerInner .selLoginType a { display:inline-block; position:relative; font-family:'p6'; font-size:20px; color:var(--666); margin:0 30px 0 0; padding:0 0 15px; transition:color .2s ease; }
.memberLayer .layerInner .selLoginType a.on,
.memberLayer .layerInner .selLoginType a:hover { color:var(--login-theme-color); }
.memberLayer .layerInner .selLoginType a.on:after,
.memberLayer .layerInner .selLoginType a:hover:after { content:""; position:absolute; width:100%; height:2px; left:0; bottom:-1px; background:var(--login-theme-color); color:var(--login-theme-color);}

.memberLayer .layerInner .tab {
    text-align: center;
    margin-bottom: 25px;
}
.memberLayer .layerInner .tab a {position:relative;font-family: 'p5';font-size: 19px;color:var(--666);padding: 0 20px;transition:color .2s ease;}
.memberLayer .layerInner .tab a.on,
.memberLayer .layerInner .tab a:hover { color:var(--login-theme-color); }
.memberLayer .layerInner .tab a:first-child:after{content:"";position:absolute;width:1px;height:12px;right:0;top: 50%;background:var(--login-help-color);color:var(--login-help-color);transform: translateY(-50%);}
.memberLayer .layerInner .tabContent { display:none; }
.memberLayer .layerInner .cont { padding:0 0 14px; }
.memberLayer .layerInner .cont ul li { margin:0 0 12px; }
.memberLayer .layerInner .cont ul li input,
.memberLayer .layerInner .cont ul li textarea,
.memberLayer .layerInner .cont ul li #notice_view { padding:0 14px; height:50px; border:var(--login-input-border); background:var(--login-input-bg); width:100%; border-radius:12px; color:var(--login-input-color); outline:0; font-family: 'p6'; transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.memberLayer .layerInner .cont ul li input:focus,
.memberLayer .layerInner .cont ul li textarea:focus,
.memberLayer .layerInner .cont ul li #notice_view:focus { border-color:var(--login-theme-color); box-shadow:var(--login-focus-shadow); }
.memberLayer .layerInner .cont ul li input:-webkit-autofill,
.memberLayer .layerInner .cont ul li input:-webkit-autofill:hover,
.memberLayer .layerInner .cont ul li input:-webkit-autofill:focus,
.memberLayer .layerInner .cont ul li input:-webkit-autofill:active{
	-webkit-text-fill-color:var(--login-input-color);
	transition:background-color 5000s ease-in-out 0s;
	box-shadow:0 0 0 1000px var(--login-input-bg) inset;
}
.memberLayer .layerInner .cont ul li textarea,
.memberLayer .layerInner .cont ul li #notice_view { min-height:200px; height:auto; padding:18px 14px; line-height:1.65; }
.memberLayer .layerInner .cont ul li input::placeholder,
.memberLayer .layerInner .cont ul li textarea::placeholder { color:var(--login-input-placeholder-color); }
.memberLayer .layerInner .cont ul li.hasCheck input { width:calc(100% - 85px); }
.memberLayer .layerInner .cont ul li.hasCheck button { cursor: pointer;float: right;border-radius: 12px;width: 80px;line-height: 50px;text-align: center;background: var(--login-secondary-bg);border:1px solid var(--login-secondary-border);box-shadow:var(--login-secondary-shadow);color: var(--font-color);transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.memberLayer .layerInner .btnSubmit { text-align: center; line-height:50px; width:100%; border-radius:12px; color:var(--font-color); background:var(--module-primary-gradient); box-shadow:var(--login-primary-shadow); font-family: 'p6'; font-size:18px; margin:0 0 10px; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.memberLayer .layerInner .btnSubmit.join { background:var(--login-secondary-bg); border:1px solid var(--login-secondary-border); box-shadow:var(--login-secondary-shadow); }
.memberLayer .layerInner .btnSubmit.email_join { background:var(--module-cyan-gradient); box-shadow:var(--login-cyan-shadow); margin-bottom:20px;}
.memberLayer .layerInner .btnSubmit+.btnCancel { width: 100%; }


.memberLayer .layerInner .btnSubmit.ask,
.memberLayer .layerInner .btnSubmit.answer { margin:0 0 10px; }
.memberLayer .layerInner .btnCancel { text-align: center; line-height:50px; border-radius:12px; border:1px solid var(--login-secondary-border); color:var(--font-color); background:var(--login-secondary-bg); box-shadow:var(--login-secondary-shadow); font-family: 'p6'; font-size:18px; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.memberLayer .layerInner .isJoin { color:var(--login-help-color); margin:0 0 20px; font-family: 'p6';  font-size: 14px; text-align: center; }
.memberLayer .layerInner .isJoin a { color:var(--login-theme-color); text-decoration: underline;}
.memberLayer .askArea { display:flex; justify-content: space-between; border-top:1px solid var(--login-divider-color); padding:20px 0 0; gap:12px;}
.memberLayer .askArea a { color:var(--theme-color); font-family: 'p6'; font-size:14px; transition:color .2s ease;}
.memberLayer .askArea a:hover { color:var(--login-theme-color); }
.memberLayer .layerClose { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.memberLayer#pop.isAsk .answer { display:none; }
.memberLayer#pop.isAnswer .ask { display:none; }
.memberLayer .layerInner .cont ul li .pth { color:var(--login-input-color); font-family:'p6'; margin:0 0 8px; }
.memberLayer .layerInner .cont ul #resReply { display:none; }
.memberLayer .layerInner .cont ul li #notice_view { overflow:hidden; overflow-y:auto; }
[device-mode=pc] .memberLayer .layerInner .btnSubmit:hover,
[device-mode=pc] .memberLayer .layerInner .btnCancel:hover,
[device-mode=pc] .memberLayer .layerInner .cont ul li.hasCheck button:hover { transform:translateY(-1px); filter:brightness(1.05); }

/* 카지노,슬롯 동의레이어 */
.memberLayer.alarm .layerInner { padding:0; }
.memberLayer.alarm .layerInner .top { display:flex; color:var(--333); min-height:56px; font-family: 'p7'; font-size:18px; align-items: center; border-bottom:1px solid var(--a5a5a5); padding:0 20px;}
.memberLayer.alarm .layerInner .top .notice { font-size:22px; margin:0 10px 0 0; color:var(--000); }
.memberLayer.alarm .layerInner .top .topClose { font-size:14px; position:absolute; right:20px; top:20px; color:var(--848484); transition: transform 0.3s ease;}
.memberLayer.alarm .layerInner .top .topClose:hover { transform: rotate(90deg); }
.memberLayer.alarm .layerInner .cont { padding:24px 20px; font-family: 'p6'; font-size:14px; line-height:1.7; color:var(--666); border-bottom:1px solid var(--a5a5a5);}
.memberLayer.alarm .layerInner .bottom { min-height:68px; display:flex; align-items:center; justify-content: end; padding:14px 20px; gap:10px; }
.memberLayer.alarm .layerInner .bottom a { min-width:84px; line-height:40px; color:var(--font-color); text-align: center; border:1px solid var(--4246); border-radius:999px; font-family: 'p6'; font-size: 14px; background:var(--module-dark-button);}
.memberLayer.alarm .layerInner .bottom .btnArgree { border:0; background:var(--module-primary-gradient); box-shadow:0 10px 22px rgba(0,123,254,.22); }


/* 팝업(메인 e스포츠 등) */
.pop1{display:none;position:absolute;top:150px;left:0;right:auto;z-index:100000;width:auto;overflow:hidden;border:1px solid var(--module-panel-border);border-radius:14px;background:var(--surface-1);box-shadow:var(--popup-shadow), inset 0 0 0 1px rgba(255,255,255,.02);animation: popFadeIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.pop1 .cont{font-size:0px;color:var(--font-color);border-top:0;border-bottom:0;box-sizing:border-box;background:var(--surface-1);}
.pop1 .cont img{display:block;max-width:100%;height:auto;}
.pop1 .pop_head{display:flex;align-items:center;position:relative;min-height:35px;padding:0 46px 0 16px;border-bottom:1px solid var(--4246);background:var(--surface-1);cursor:pointer;}
.pop1 .pop_head strong{display:block;flex:1 1 auto;color:var(--font-color);font-family:'p6';font-size:14px;line-height:1.4;text-align:left;}
.pop1 .pop_head a,
.pop1 .pop_head .iconfont{position:absolute;right:14px;top:50%;color:var(--font-color);font-size:18px;line-height:1;transform:translateY(-50%);transition:transform .3s ease;}
[device-mode=pc] .pop1 .pop_head a:hover,
[device-mode=pc] .pop1 .pop_head .iconfont:hover{transform:translateY(-50%) rotate(90deg);}
.pop-bt{display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;overflow:hidden;border-top:1px solid var(--4246);background:var(--surface-1);}
.pop-bt a{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 22px;color:var(--fff);font-family:'p6';font-size:12px;line-height:1;background:var(--module-primary-gradient);box-shadow:0 10px 22px rgba(0,123,254,.22);border-radius:10px;overflow:hidden;}
[device-mode=pc] .pop-bt a:hover{filter:brightness(1.05);}
.popdim { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--dimed-bg); z-index: 200; backdrop-filter: blur(4px); }

@keyframes popFadeIn {
  from { opacity: 0; transform: scale(0.7) translateY(60px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes popFadeOut {
  from { opacity: 1; transform: scale(1) translateY(0); }
  to   { opacity: 0; transform: scale(0.5) translateY(30px); }
}
.memberLayer .layerInner.closing {
  animation: popFadeOut 0.3s cubic-bezier(0.5, 0, 0.75, 0) forwards !important;
}
.pop1.closing {
  animation: popFadeOut 0.3s cubic-bezier(0.5, 0, 0.75, 0) forwards !important;
}

/* 제목&탭 */
.pageTitle { margin:0 0 10px; font-family:'p6'; font-size: 16px; color:var(--9e9e9e);}
.tabTitle.depth1 { position:relative; border-bottom:1px solid var(--3b3b3b); font-size:0; overflow-x:auto; overflow-y:clip; white-space:nowrap; margin:0 0 10px; }
.tabTitle.depth1::after { content:""; position:absolute; bottom:0; left:var(--ind-left, 0); width:var(--ind-width, 0); height:2px; background:var(--theme-color); transition:left .3s ease, width .3s ease; pointer-events:none; }
.tabTitle.depth1 a { position:relative; line-height:40px; margin:0 0 0 30px; font-family: 'p6'; font-size:14px; color:var(--9e9e9e);}
[device-mode=mobile] .tabTitle.depth1::after { display:none; }
[device-mode=mobile] .tabTitle.depth1 a.on::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--theme-color); }
.tabTitle.depth1 a:first-child { margin:0; }
[device-mode=pc] .tabTitle.depth1 a:hover,
.tabTitle.depth1 a.on { color:var(--font-color); }

.tabTitle.depth2 { position:relative; background:var(--surface-1); font-size:0; overflow:hidden; overflow-x:auto; white-space:nowrap; margin:0 0 10px; padding:0 0 0 25px; border-radius:10px}
.tabTitle.depth2 a { line-height:55px; margin:0 0 0 25px; color:var(--aeaeae); font-size:13px; }
[device-mode=pc] .tabTitle.depth2 a:hover,
.tabTitle.depth2 a.on { color:var(--font-color); }
.tabTitle.depth2 a:first-child { margin:0; }
.tabTitle.depth2 .shadow { content:""; position:sticky; right:0px; top:0; width:52px; height:55px; background:var(--tab-shadow-bg); display: inline-block; vertical-align: top;}

/* 미니게임영상 */
.videoWrap { border-radius:10px; overflow:hidden; background:var(--game-iframe-bg); box-shadow:inset 0 0 0 1px var(--module-panel-border); margin:0 0 10px; }
.videoWrap .game-iframe { position:relative; text-align: center; transition: all 0.1s;}
.videoWrap .game-iframe #game_frame {transform-origin:center top; transition: all 0.1s; }
.videoWrap .game-iframe .btnResize { position:absolute; padding:10px; border-radius:5px; color:var(--font-color); background:var(--module-primary-gradient); right:15px; top:10px; font-size:11px; box-shadow:0 10px 22px rgba(0,123,254,.22); }
.videoWrap .game-iframe .btnResize .iconfont { vertical-align: -1px; position:relative; }
/* 미니게임시간 */
.videoWrap .clockArea {display:flex;justify-content: space-between;background:var(--333433);padding:0px 15px;line-height:40px;align-items: center;}
.videoWrap .clockArea .gameTitle { font-family: 'p6'; font-size:16px; color:var(--font-color); }
.videoWrap .clockArea .gameTitle #gameRound { color:var(--fae100); }
.videoWrap .clockArea .flip-clock-wrapper{border-radius:5px;padding:3px;background:var(--151615);font:normal 11px "Helvetica Neue",Helvetica,sans-serif;-webkit-user-select:none;height: 30px;}
.videoWrap .clockArea .flip-clock-wrapper a{cursor:pointer}
.videoWrap .clockArea .flip-clock-meridium{background:0 0!important;box-shadow:0 0 0!important;font-size:36px!important}
.videoWrap .clockArea .flip-clock-meridium a{color:var(--clock-meridium-color)}
.videoWrap .clockArea .flip-clock-wrapper:after,.flip-clock-wrapper:before{content:" ";display:table}
.videoWrap .clockArea .flip-clock-wrapper:after{clear:both}
.videoWrap .clockArea .flip-clock-wrapper ul{position:relative;float:left;width: 20px;height: 24px;border-radius:10px;background:var(--clock-shell-gradient)}
.videoWrap .clockArea .flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:37px;text-decoration:none!important;box-shadow:-1px -1px 1px var(--clock-shell-shadow);border-radius:4px}
.videoWrap .clockArea .flip-clock-wrapper ul li:first-child{z-index:2}
.videoWrap .clockArea .flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px}
.videoWrap .clockArea .flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden;outline:1px solid transparent;font-size: 30px;font-family:Arial}
.videoWrap .clockArea .flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}
.videoWrap .clockArea .flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}
.videoWrap .clockArea .flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top: 1px solid var(--clock-seam-color);}

.videoWrap .clockArea .flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height: 200%;color:var(--clock-digit-text);text-align:center;background:var(--clock-digit-bg);border-radius:3px;font-size: 17px;line-height: 24px;font-weight:700;box-shadow:inset 2px 1px 1px var(--clock-digit-inset);font-family:Arial;text-shadow: var(--clock-digit-shadow) 1px 0 0, var(--clock-digit-shadow) 0 1px 0, var(--clock-digit-shadow) -1px 0 0, var(--clock-digit-shadow) 0 -1px 0;text-indent:2px;}
.videoWrap .clockArea .flip-clock-wrapper ul li a div.up div.inn{top:0}
.videoWrap .clockArea .flip-clock-wrapper ul li a div.down div.inn{bottom:0}
.videoWrap .clockArea .flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}
.videoWrap .clockArea .flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s .5s linear both;-moz-animation:asd .5s .5s linear both;animation:asd .5s .5s linear both;z-index:5}
.videoWrap .clockArea .flip-clock-divider{float:left;display:inline-block;position:relative;width: 16px;height: 24px;}
.videoWrap .clockArea .flip-clock-divider:first-child{width:0}
.videoWrap .clockArea .flip-clock-dot{display:block;background:var(--clock-dot-color);width:5px;height:5px;position:absolute;left:5px;border-radius:50%}
.videoWrap .clockArea .flip-clock-divider.minutes .flip-clock-label{color:var(--clock-label-color);right:-88px;display:none}
.videoWrap .clockArea .flip-clock-divider.seconds .flip-clock-label{color:var(--clock-label-color);right:-91px;display:none}
.videoWrap .clockArea .flip-clock-dot.topx{top: 5px;display:block!important}
.videoWrap .clockArea .flip-clock-dot.bottom{bottom: 4px;}

/* bet365 */
.videoWrap.bet365{display:flex;flex-direction:column;align-items:center}
.videoWrap.bet365 .btn-game{display:flex;width:520px;padding:8px 0;gap:8px}
.videoWrap.bet365 .btn-game button{flex:1 1 0}
.videoWrap.bet365 .btn-play365{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:38px;padding:8px 0;border-radius:8px;border-bottom:3px solid transparent;color:var(--font-color);white-space:nowrap;transition:border .25s linear,color .25s linear,background-color .25s linear;background-color:var(--module-dark-button);border:1px solid var(--4246)}
.videoWrap.bet365 .btn-play365:link,
.videoWrap.bet365 .btn-play365:visited{text-decoration:none}
.videoWrap.bet365 .btn-play365:active{top:3px;outline:0;box-shadow:none;}
.videoWrap.bet365 .bet365-iframe-wrap{width:100%;display:flex;justify-content:center}
.videoWrap.bet365 .bet365-iframe{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:16/9}
[device-mode=mobile] .videoWrap.bet365 .bet365-iframe{max-width:100%}

/* 미니게임버튼내역 */
.minigameArea { position:relative; margin:0 0 20px; }
.minigameArea .section { margin:0 0 10px; padding:0 10px 10px; background:var(--3838); box-shadow:inset 0 0 0 1px var(--module-panel-border); border-radius:10px;}
.minigameArea .section .sTitle {display:flex;align-items:center;height:40px;margin-bottom:3px;gap:10px;color:var(--aeaeae);font-size:12px; }
.minigameArea .section .sTitle img { width:20px; height:auto; margin:0; vertical-align:middle;}
.minigameArea .section .sTitle span { color:var(--font-color) }
.minigameArea .section ul { display:grid; gap:3px; }
.minigameArea .section ul.grid2 { grid-template-columns:1fr 1fr; }
.minigameArea .section ul.grid3 { grid-template-columns:1fr 1fr 1fr; }
.minigameArea .section ul li { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; background:var(--black); padding:0 10px; height:35px; border:1px solid transparent; border-radius:5px; box-sizing:border-box; transition:border-color .3s ease, background-color .3s ease, color .3s ease;}
.minigameArea .section ul li .name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--font-color); font-size:12px; }
.minigameArea .section ul li .name.under:after { content:"▼"; display:inline-block; margin-left:5px; }
.minigameArea .section ul li .name.over:after { content:"▲"; display:inline-block; margin-left:5px; }
.minigameArea .section ul li .rate { flex:0 0 auto; color:var(--aeae); font-size:12px; }
.minigameArea .section ul.grid2 li:nth-child(2n) { flex-direction:row-reverse; }
.minigameArea .section ul.grid2 li:nth-child(2n) .name { text-align:right; }
[device-mode=pc] .minigameArea .section ul li:not(.g_gr_d):not(.g_gr_c):hover { border-color:var(--126e51); }
.minigameArea .section ul li.g_gr_c { background:var(--126e51); border-color:var(--126e51); }
.minigameArea .section ul li.g_gr_c:after { content: ''; position: absolute; inset: 0; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 5px; }
.minigameArea .section ul li.g_gr_c .name,
.minigameArea .section ul li.g_gr_c .rate,
.minigameArea .section ul li.on span { color:var(--font-color) }
.minigameArea .section ul li.g_gr_d { border-color:transparent; cursor:not-allowed; }
.minigameArea .section ul li.g_gr_d::before { content:''; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); font-family:'iconfont'; font-style:normal; -webkit-font-smoothing:antialiased; color:var(--menu-sub-arr); font-size:0; }
/* 게임중지 */
.betting_stop,
.betting_lock {display:none; min-height:120px; position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: var(--dimed-bg);  z-index: 2;  border: 1px solid var(--3838);  border-radius: 5px; border-radius:10px; }
.betting_stop { display:flex; }
.line-center { top: 0; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: auto; text-align: center; font-size: 24px; color: var(--font-color); font-family: 'p6'; display: flex; flex-direction: column; justify-content: center;}
.line-center .iconfont { display:block; height:60px; margin:0 0 15px; font-size:60px; }

/* 미니게임 리스트 */
.betGameList h3.title {display:inline-block; font-family: 'p6'; font-size:16px; color:var(--font-color); margin:0 0 10px 10px;}
.betGameList .betTitle #listReload {float:right; width:75px; height:22px; line-height: 22px; text-align: center; font-size:11px; background:var(--bet-list-reload-bg); color:var(--font-color); border-radius:11px; margin-top:-3px; }
.betGameList .betTitle #listReload i{display:inline-block;transition:all .8s; vertical-align: middle;}
.betGameList .betTitle #listReload.on i{transform:rotate(360deg);}
.betGameList .inner { border-radius:10px; overflow:hidden; padding:10px; background: var(--3838); box-shadow:inset 0 0 0 1px var(--module-panel-border);}
.betGameList .inner dt { margin:-10px 0 0; }
.betGameList .inner dt ul,
.betGameList .inner dd ul { display:grid; gap:10px; grid-template-columns:100px 120px 160px 250px 135px 1fr 1fr 100px; }
.betGameList .inner dd ul { margin:0 0 3px; }
.betGameList .inner dd.center ul { text-align: center; }
.betGameList .inner dt ul li { padding:5px; min-height:40px; font-size:11px; display:grid; align-items: center; justify-content: center; }
.betGameList .inner dd ul li { font-size:12px; min-height:35px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; background: var(--222); border-radius:3px; padding:10px; }
.betGameList .inner dd ul li.gray{color:var(--939393)}

/*이벤트 도우미*/
.evtContent .thumb { margin:0 0 10px; }
.evtContent .thumb img { max-width:100%; }
.evtContent .ctArea { background:var(--event-helper-bg);justify-content: flex-start;flex-wrap: wrap;padding: 10px;border: 1px solid var(--event-helper-border);box-shadow:inset 0 0 0 1px var(--module-panel-border);border-radius: 10px; }
.evtContent .ctArea h4 { display: flex; align-items: center; font-size: 12px; margin:0 0 6px; }
.evtContent .ctArea h4 img { width: 20px; margin: 0 8px 0px 0; }
.evtContent .ctArea .inner { display:flex; }
.evtContent .ctArea a {display:block;font-size: 18px;flex: 1;display: flex;align-items: center;justify-content: center;height: 55px;margin: 0 0 0px 10px;color:var(--event-helper-link-color);font-family: 'p6';background:var(--event-helper-panel-bg);box-shadow:inset 0 0 0 1px var(--module-panel-border);border-radius:5px;text-align: center;}
.evtContent .ctArea a:first-child { margin-left:0; }
.evtContent .ctArea a:hover {background: var(--module-primary-gradient);}
[device-mode=pc] .thumb .pc { display:inline-block; }
[device-mode=pc] .thumb .mobile { display:none; }
[device-mode=mobile] .thumb .pc { display:none; }
[device-mode=mobile] .thumb .mobile { display:inline-block; }

@media (max-width: 1280px) {
  .memberLayer .layerInner .selSite { margin-bottom:20px; }
  .memberLayer .layerInner .selSite label { margin-right:20px; }
  .memberLayer .layerInner .tab { margin-bottom:20px; }
   /*회원가입*/
   .joinContent form h3.title,
   .joinContent form .joinTab,
   .joinContent form .tabContent { padding:0 10px; }
   .joinWrap .joinContent { margin:20px 0 0; }
   .joinContent form h3.title { font-size:18px; margin:0 0 10px; }
   .joinContent form .joinTab { margin:0 0 10px;}
   .joinContent form .tabContent li span.title { font-size:13px; }
   .joinContent form .tabContent li.active span.title {top:9px; font-size:11px; }
   .joinContent form .tabContent input, .joinContent form .tabContent select { font-size:13px; top:16px; }
   .joinContent form .tabContent li.active input { padding-top:18px; }
   .joinContent form .tabContent .help { font-size:11px; }
  .joinContent form .tabContent .help .themeColor { color:var(--font-color) !important; }

   /*로그인 팝업*/
   .memberLayer .layerInner { top:45px; }
   .memberLayer .layerInner .btnLogin { font-size:16px; }
   .memberLayer .askArea a { font-size:13px; }

   /* 팝업(메인 e스포츠 등) */
   .pop1 {  width: 100% !important; height:auto !important; top:0 !important; left:0 !important;}
   .pop1 .cont img { width:100% !important; height:auto !important; }

   /* 제목&탭 */
   .pageTitle { margin:0 0 10px; padding:0;}
   .tabTitle.depth1 { padding:0 10px;  margin:0 -10px 10px;}
   .tabTitle.depth1 a { font-size:13px; margin-left:25px; }

   .tabTitle.depth2 { padding:0 15px; margin:0 0px 10px; }
   .tabTitle.depth2 a { line-height:45px; }

   .tabTitle.depth2 .shadow { display: none;}

   /* bet365 */
   /* .videoWrap.bet365 iframe{width:100%;height:auto;aspect-ratio:16/9} */
   .videoWrap.bet365 iframe{width:375px !important;height:auto;aspect-ratio:16/9}
   .videoWrap.bet365 .btn-game{width:100%!important;padding:8px 10px!important}

   /* 미니게임 */
   .videoWrap { margin:0px 0 10px -10px; width:calc(100% + 20px); border-radius:0px;}
   .videoWrap  .game-iframe #game_frame {transform-origin: left top;}
   .videoWrap  .game-iframe .btnResize { display:none; }
   .videoWrap .clockArea .gameTitle { font-size:14px; }
   .minigameArea .section .sTitle { font-size: 12px; }
   .minigameArea .section .sTitle img { margin:0; }
   .minigameArea .section ul li .rate { font-size:11px; }
   .minigameArea .section ul li.g_gr_c .rate { color:var(--fff); }
   .line-center { font-size:16px; }
   .line-center .iconfont { font-size:40px; height:40px; margin:0 0 10px; }

   /* 미니게임 베팅리스트(게임내) */
  .betGameList h3.title { font-family: 'p6'; font-size:14px; margin:0 0 10px 10px;}
  .betGameList .inner { overflow: hidden; padding: 0px; background: transparent; }
  .betGameList .inner .row { border-radius:10px; overflow:hidden; padding:10px; background: var(--3838); margin:0 0 10px; }
  .betGameList .inner .row:last-child{margin-bottom:0}
  .betGameList .inner .row .topInfo { display:flex; justify-content: space-between; margin:5px 0 15px;}
  .betGameList .inner .row .topInfo .left { color:var(--font-color); font-size:12px; }
  .betGameList .inner .row .topInfo .right { color:var(--939393); font-size:11px; }
  .betGameList .inner .row .selected { border-radius:5px; background-color: var(--0d0d0d); line-height:35px; text-align: center; font-size:12px; color:var(--font-color); margin:0 0 3px; }
  .betGameList .inner .row ul.grid4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:3px;  }
  .betGameList .inner .row ul li { display:flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 40px; font-size:11px; color:var(--fff); border-radius:5px; background-color: var(--0d0d0d);}

  /*이벤트 도우미*/
  .evtContent { margin:0; }
  .evtContent .thumb { margin:0 0 10px; }
  .evtContent .thumb img { max-width:100%; }
  .evtContent .ctArea { padding:7px 10px; display: block;}
  .evtContent .ctArea .inner { display:block; }
  .evtContent .ctArea a { display:block; height:40px; line-height:40px; font-size:14px; margin:10px 0 0; text-align: left; padding:0 10px; font-family:'p5';}
  .evtContent .ctArea a:first-child { margin:0; }
}

.eventSummary{background:linear-gradient(135deg, rgba(45, 45, 45, 0.95), rgba(18, 18, 18, 0.98));border:1px solid rgba(255, 255, 255, 0.06);border-radius:12px;padding:16px;margin:0 0 14px}
.eventSummary strong{display:block;font-family:'p6';font-size:17px;color:#fff;margin:0 0 6px}
.eventSummary p{font-size:13px;line-height:1.7;color:var(--c8c8c8)}
.tabTitle.depth1.eventTabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:10px;border:0;border-radius:18px;background:linear-gradient(180deg, rgba(24, 32, 42, 0.98), rgba(15, 18, 27, 0.98));overflow:visible !important;white-space:normal !important}
.tabTitle.depth1.eventTabs:after{display:none}
.tabTitle.depth1.eventTabs a{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;width:auto !important;min-height:42px;padding:10px 16px;margin:0 !important;border:1px solid rgba(255, 255, 255, 0.08);border-radius:14px;font-size:13px;line-height:1.35;letter-spacing:-0.01em;text-align:center;white-space:normal !important;word-break:keep-all;transition:background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease}
.tabTitle.depth1.eventTabs a:after{display:none !important}
[device-mode=pc] .tabTitle.depth1.eventTabs a:hover{background:var(--126e51);transform:translateY(-1px)}
.tabTitle.depth1.eventTabs a.on{border-color:transparent;background:var(--126e51);box-shadow:0 12px 28px rgba(0, 0, 0, 0.22);transform:translateY(-1px)}
.tabTitle.depth1.eventTabs a:focus-visible{outline:none;border-color:rgba(255, 255, 255, 0.22);color:#fff;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.10), 0 10px 24px rgba(0, 0, 0, 0.18)}
.eventPanel{display:none}
.eventPanel.on{display:block}
.eventCard{background:var(--surface-1);border-radius:14px;padding:18px}
.eventCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.eventCardHead h3{font-family:'p6';font-size:18px;color:#fff}
.eventBadge2{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:28px;border-radius:28px;font-size:12px;background:var(--126e51);font-family:'p6';white-space:nowrap}
.eventRule{padding:12px 14px;border-radius:10px;background:var(--surface-3)}
.eventRule p{position:relative;padding-left:12px;color:var(--d8d8d8);font-size:13px;line-height:1.7}
.eventRule p:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--theme-color)}
.eventNotice{margin:0 0 12px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.7}
.eventNotice.success{background:rgba(34, 139, 34, 0.15);border:1px solid rgba(34, 139, 34, 0.35);color:#b8f0b8}
.eventNotice.error{background:rgba(180, 45, 45, 0.12);border:1px solid rgba(180, 45, 45, 0.35);color:#ffb3b3}
.eventStatus{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#202020;border:1px solid rgba(255, 255, 255, 0.06)}
.eventStatus p{position:relative;padding-left:12px;color:var(--d8d8d8);font-size:13px;line-height:1.7}
.eventStatus p:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#f7d25c}
.eventFieldGrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
.eventFieldRow{display:flex;flex-direction:column}
.eventFieldRow.full{grid-column:1 / -1}
.eventFieldRow label{margin:0 0 6px;font-size:12px;color:#cfcfcf}
.eventFieldRow label em{color:#ff7676;font-style:normal;margin-left:2px}
.eventFieldRow input,
.eventFieldRow select,
.eventFieldRow textarea{width:100%;background:#111;border:1px solid #333;border-radius:8px;color:#fff;padding:12px 14px;font-size:13px}
.eventFieldRow textarea{min-height:120px;resize:vertical}
.eventFieldRow select{padding-right:34px;background:#111 var(--select-arrow) no-repeat right 11px center;background-size:14px;cursor:pointer}
.eventFieldHelp{margin:6px 0 0;font-size:11px;color:#9b9b9b;line-height:1.5}
.eventButtonRow{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.eventButtonRow a{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:46px;padding:0 16px;border-radius:8px;background:#0d0d0d;color:#fff;font-family:'p6'}
.eventButtonRow a.isLoading{opacity:0.55;pointer-events:none}
@media (max-width: 768px){
  .eventSummary{padding:14px}
  .tabTitle.depth1.eventTabs{gap:8px;padding:8px;border-radius:14px}
  .tabTitle.depth1.eventTabs a{flex:1 1 calc(50% - 4px);min-height:44px;padding:10px 12px;font-size:12px;border-radius:12px}
  .eventCard{padding:14px}
  .eventCardHead{flex-direction:column;align-items:flex-start}
  .eventFieldGrid{grid-template-columns:1fr}
  .eventButtonRow a{width:100%}
}
.eventHelpPage .pageTitle{margin-bottom:16px;font-size:18px;color:var(--font-color)}
.eventHelpPage .eventSummary{position:relative;margin-bottom:18px;padding:20px;border:1px solid rgba(255, 255, 255, 0.06);border-radius:18px;background:radial-gradient(circle at top right, rgba(201, 162, 74, 0.12), transparent 34%), linear-gradient(135deg, rgba(28, 35, 48, 0.98), rgba(15, 18, 27, 0.98));box-shadow:0 22px 44px rgba(0, 0, 0, 0.22)}
.eventHelpPage .eventSummaryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.eventHelpPage .eventSummaryCopy{flex:1 1 auto;min-width:0}
.eventHelpPage .eventSummary strong{margin-bottom:8px;font-size:20px;line-height:1.45}
.eventHelpPage .eventSummary p{max-width:760px;font-size:13px;line-height:1.8}
.eventHelpPage .eventSummaryMeta,
.eventHelpPage .eventSummaryList{display:flex;flex-wrap:wrap;gap:8px}
.eventHelpPage .eventSummaryMeta{flex:0 0 auto;justify-content:flex-end}
.eventHelpPage .eventSummaryMeta span,
.eventHelpPage .eventSummaryList span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap}
.eventHelpPage .eventSummaryMeta span{border:1px solid rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.04);color:#ededed}
.eventHelpPage .eventSummaryList span{border:1px solid rgba(201, 162, 74, 0.16);background:rgba(201, 162, 74, 0.08);color:var(--font-color)}
.eventHelpPage .eventSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.eventHelpPage .eventSectionHead strong{font-family:'p6';font-size:15px;line-height:1.4;color:var(--font-color)}
.eventHelpPage .eventSectionHead span{font-size:12px;line-height:1.6;color:#979797;text-align:right}
.eventHelpPage .eventSectionHeadTabs{margin-bottom:10px}
.eventHelpPage .tabTitle.depth1.eventTabs{margin-bottom:10px}
.eventHelpPage .tabTitle.depth1.eventTabs a{min-height:44px;padding:10px 16px}
.eventHelpPage .eventHelpTopImg{margin-bottom:15px;border:1px solid rgba(255, 255, 255, 0.08);border-radius:18px;overflow:hidden}
.eventHelpPage .eventHelpTopImg img{display:block;max-width:100%}
.eventHelpPage .eventPanel{margin-bottom:12px}
.eventHelpPage .eventPanel[hidden]{display:none !important}
.eventHelpPage .eventPanel.on{display:block;animation:eventHelpPanelFade .18s ease}
.eventHelpPage .eventCard{padding:20px;border-radius:18px;border:0;background:linear-gradient(180deg, rgba(24, 32, 42, 0.98), rgba(15, 18, 27, 0.98))}
.eventHelpPage .eventCardHead{align-items:flex-start;margin-bottom:18px}
.eventHelpPage .eventCardHead h3{font-size:20px;line-height:1.4;color:var(--38ffa8)}
.eventHelpPage .eventBadge{height:30px;padding:0 14px;box-shadow:0 10px 22px rgba(201, 162, 74, 0.18)}
.eventHelpPage .eventInfoGrid{display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(280px, 0.95fr);gap:14px;margin-bottom:18px}
.eventHelpPage .eventInfoGrid.isSingle{grid-template-columns:1fr}
.eventHelpPage .eventBlock{padding:14px;border:1px solid rgba(255, 255, 255, 0.06);border-radius:14px;background:rgba(255, 255, 255, 0.02)}
.eventHelpPage .eventBlockTitle{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.eventHelpPage .eventBlockTitle strong{font-family:'p6';font-size:14px;line-height:1.4;color:var(--font-color)}
.eventHelpPage .eventBlockTitle span{font-size:11px;line-height:1.5;color:#909090;text-align:right}
.eventHelpPage .eventRule,
.eventHelpPage .eventStatus{margin:0;padding:0;border:0;background:transparent}
.eventHelpPage .eventRule p,
.eventHelpPage .eventStatus p{font-size:13px;line-height:1.75}
.eventHelpPage .eventRule p + p,
.eventHelpPage .eventStatus p + p{margin-top:6px}
.eventHelpPage .eventRule p:before,
.eventHelpPage .eventStatus p:before{top:10px}
.eventHelpPage .eventFormSection,
.eventHelpPage .eventActionSection{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255, 255, 255, 0.06)}
.eventHelpPage .eventFieldGrid{gap:14px}
.eventHelpPage .eventFieldRow label{margin-bottom:8px;font-family:'p6';font-size:12px;color:#d4d4d4}
.eventHelpPage .eventFieldRow input,
.eventHelpPage .eventFieldRow select,
.eventHelpPage .eventFieldRow textarea{min-height:46px;padding:12px 14px;border:1px solid var(--surface-5);border-radius:12px;background:var(--surface-2);color:var(--font-color);caret-color:var(--theme-color);font-size:13px;line-height:1.6;transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease}
.eventHelpPage .eventFieldRow select{padding-right:34px;background:var(--surface-2) var(--select-arrow) no-repeat right 11px center;background-size:14px}
.eventHelpPage .eventFieldRow input::placeholder,
.eventHelpPage .eventFieldRow textarea::placeholder{color:var(--979797)}
.eventHelpPage .eventFieldRow input:focus,
.eventHelpPage .eventFieldRow textarea:focus{outline:none;border-color:rgba(201, 162, 74, 0.45);background:var(--surface-1);box-shadow:0 0 0 3px rgba(201, 162, 74, 0.10)}
.eventHelpPage .eventFieldRow select:focus{outline:none;border-color:rgba(201, 162, 74, 0.45);box-shadow:0 0 0 3px rgba(201, 162, 74, 0.10)}
.eventHelpPage .eventFieldHelp{margin-top:8px;font-size:11px;line-height:1.6;color:#8a8a8a}
.eventHelpPage .eventButtonRow{gap:12px;margin-top:0}
.eventHelpPage .eventAction{flex:1 1 220px;min-width:0;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.4;text-align:center;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease}
.eventHelpPage .eventButtonRow a{border-color:rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.04);color:var(--font-color)}
.eventHelpPage .eventButtonRow a:hover{background:var(--126e51)}
[device-mode=pc] .eventHelpPage .eventAction:hover,
[device-mode=pc] .eventHelpPage .tabTitle.depth1.eventTabs a:hover{transform:translateY(-1px)}
.eventHelpPage .eventAction:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(201, 162, 74, 0.10)}
.eventHelpPage .eventAction.isLoading{opacity:0.55;pointer-events:none}
@keyframes eventHelpPanelFade{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width: 768px){
  .eventHelpPage .pageTitle{margin-bottom:14px}
  .eventHelpPage .eventSummary{padding:16px;border-radius:16px}
  .eventHelpPage .eventSummaryHead,
  .eventHelpPage .eventSectionHead,
  .eventHelpPage .eventBlockTitle{flex-direction:column;align-items:flex-start}
  .eventHelpPage .eventSectionHead span,
  .eventHelpPage .eventBlockTitle span{text-align:left}
  .eventHelpPage .eventSummaryMeta{justify-content:flex-start}
  .eventHelpPage .eventSummaryMeta span,
  .eventHelpPage .eventSummaryList span{min-height:32px}
  .eventHelpPage .eventInfoGrid{grid-template-columns:1fr}
  .eventHelpPage .eventCard{padding:16px;border-radius:16px}
  .eventHelpPage .eventCardHead h3{font-size:18px}
  .eventHelpPage .eventAction{flex-basis:100%}
}
@media (prefers-reduced-motion: reduce){
  .eventHelpPage .eventPanel.on,
  .eventHelpPage .eventAction,
  .eventHelpPage .tabTitle.depth1.eventTabs a,
  .eventHelpPage .eventFieldRow input,
  .eventHelpPage .eventFieldRow select,
  .eventHelpPage .eventFieldRow textarea{animation:none;transition:none}
}

/* eventCard */
.eventCard{background:linear-gradient(180deg,var(--surface-1) 0%, var(--0d0d0d) 100%);border:1px solid var(--module-panel-border);box-shadow:var(--module-panel-shadow);border-radius:10px;padding:18px}
.eventCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.eventCardHead h3{font-family:'p6';font-size:18px;color:var(--font-color);display: flex;align-items: center;gap: 5px;}
.eventCardHead h3 .iconfont {font-size: 22px;}
.eventBadge{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:28px;border-radius:28px;font-size:12px;color:var(--fff);background:var(--module-primary-gradient);font-family:'p6';box-shadow:0 10px 22px rgba(0,123,254,.18);white-space:nowrap}
.eventRule{padding:12px 14px;border:1px solid var(--module-panel-border);border-radius:10px;background:var(--222)}
.eventRule p{position:relative;padding-left:12px;color:var(--b0b0);font-size:12px;line-height:1.7;font-family: "p5";}
.eventRule p:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--b0b0)}
@media (max-width:768px){
  .eventCard{padding:14px}
  .eventCardHead{flex-direction:column;align-items:flex-start}
}

/* lotto_event */
.lotto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}
.lotto-grid a{display:flex;align-items:center;justify-content:center;height:60px;border-radius:5px;border:1px solid var(--3838);background:var(--black);font-family:'p7';font-size:18px;color:var(--font-color);transition:all .2s;cursor:pointer}
.lotto-grid a:hover{border-color:var(--theme-color);color:var(--theme-color)}
.lotto-grid a.has-image{display:block;height:auto;padding:0;overflow:hidden;background:transparent;border:none}
.lotto-grid a.has-image img{display:block;width:100%;height:auto;border-radius:5px}
.lotto-grid a.has-image .lotto-range-text{display:block;padding:8px 6px 4px;text-align:center;font-family:'p7';font-size:16px;color:var(--font-color)}

/* lol_event */
.sport-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin:0 0 15px}
.sport-team-grid a{display:block;overflow:hidden}
.sport-team-grid a img{width:100%;display:block;transition:all .2s}
.sport-team-grid a:hover img{transform:scale(1.05);opacity:.8}

/* european_cup_event */
.euro-league{margin-top:12px;padding:10px;border-radius:10px;background:var(--3838);box-shadow:inset 0 0 0 1px var(--module-panel-border)}
.euro-league:last-child{margin-bottom:10px}
.euro-league-title{display:flex;align-items:center;padding:10px 5px;margin-bottom:5px;font-family:'p7';font-size:14px;color:var(--font-color)}
.euro-team{display:flex;align-items:center;height:35px;padding:0 15px;border-radius:5px;background:var(--body-bg);border:1px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:5px}
.euro-team:hover{border-color:var(--126e51)}
.euro-team .num{width:30px;color:var(--aeae);font-size:13px}
.euro-team img{width:20px;height:auto;margin-right:8px}
.euro-team .name{flex:1;font-size:14px;color:var(--font-color)}
.euro-team .rate{width:60px;text-align:right;font-family:'p7';font-size:12px;color:var(--font-color)}
.euro-team .status{width:60px;text-align:right;font-size:12px}
.euro-team .status .win{color:var(--theme-color)}
.euro-team .status .lose{color:var(--danger-color)}
.euro-team .status .ing{color:var(--aeae)}
.euro-team.active{background:var(--126e51);border-color:var(--126e51)}
.euro-team.active .num,
.euro-team.active .status .ing{color:var(--font-color)}
.euro-team.disabled{opacity:.5;cursor:default}
.euro-bet-input{display:none;padding:10px;margin-bottom:5px;border-radius:5px;background:var(--black);box-shadow:inset 0 0 0 1px var(--module-panel-border)}
.euro-bet-input .inner{display:flex;gap:10px;align-items:center}
.euro-bet-input input{flex:1;height:40px;padding:0 10px;border:1px solid var(--3838);border-radius:5px;background:var(--body-bg);color:var(--font-color);font-size:14px;outline:none}
.euro-bet-input button{min-width:80px;height:40px;padding:0 15px;border:0;border-radius:5px;background:var(--module-primary-gradient);box-shadow:0 10px 22px rgba(0,123,254,.18);color:var(--font-color);font-family:'p7';font-size:14px;cursor:pointer}
.euro-bet-input .info{margin-top:6px;font-size:12px;color:var(--aeae)}
/* lol_event / european_cup_event 베팅내역 결과 상태 */
.event-result-win{color:var(--theme-color)}
.event-result-lose{color:#f30}
.event-result-cancel{color:var(--aeae)}
.event-result-ing{color:#fff}

/* sports_event - uses tabTitle.depth1 + euro-league */
.euro-league-title span{font-size:11px;color:var(--aeae);margin-left:8px}
.euro-team .btn{width:50px;text-align:right;font-size:12px;color:var(--aeae)}

/* olympic_event */
.game_cate ul{font-size:0;text-align:left;background:var(--olympic-panel-bg);border:1px solid var(--olympic-panel-border)}
.game_cate ul li{display:inline-block;text-align:center;width:calc(100% / 12)}
.game_cate ul li:nth-child(12n) a{width:102%}
.game_cate ul li:nth-child(12n):after{width:0}
.game_cate ul li a{line-height:inherit;height:60px;border-top:0}
.game_cate ul li a span.iconfont{display:block;line-height:35px;height:37px;margin:0}
.game_cate ul li a span.iconfont img{max-height:35px}
.game_cate ul li:last-child:after{display:block}
.clfix:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.g_item li{height:35px !important;}
.game_cate02{display:none}
.game_cate02 .title{margin:20px 0 10px;padding:0 0 10px;border-bottom:1px solid var(--olympic-panel-border);font-size:18px;color:var(--font-color)}
.game_cate02 .content{position:relative;border:1px solid var(--olympic-panel-border);background:var(--olympic-sub-bg);margin-bottom:25px;font-size:0;padding-bottom:20px;border-radius:10px}
.game_cate02 .content a{font-size:15px;color:var(--olympic-link-color);width:25%;margin-top:20px;padding:0 20px 0px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.game_cate02 .content a.on,.game_cate02 .content a:hover{color:var(--olympic-link-active)}
.game_cate02 .content div{position:absolute;top:0;bottom:0;width:1px;background:var(--olympic-panel-border)}
.game_cate02 .content .line1{left:25%}
.game_cate02 .content .line2{left:50%}
.game_cate02 .content .line3{left:75%}

/* receive_event */
.event-recv-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.event-recv-box a{display:flex;align-items:center;justify-content:center;height:50px;border-radius:5px;border:1px solid var(--4246);background:var(--black);font-family:'p6';font-size:14px;color:var(--font-color);transition:all .2s}
.event-recv-box a:hover{border-color:var(--126e51);background:var(--surface-1);color:var(--theme-color)}
.event-modal{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}
.event-modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.event-modal-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90%;padding:30px;background:linear-gradient(180deg,var(--surface-1) 0%, var(--black) 100%);border:1px solid var(--module-panel-border);box-shadow:var(--module-panel-shadow);border-radius:10px;text-align:center}
.event-modal-cont h4{margin:0 0 15px;font-size:18px;font-family:'p7';color:var(--font-color);padding-bottom:15px;border-bottom:1px solid var(--3838)}
.event-modal-cont p{margin:0 0 20px;font-size:13px;color:var(--aeae);line-height:22px;text-align:left}
.event-modal-cont .btn-group{display:flex;gap:10px}
.event-modal-cont .btn-group a{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:5px;font-size:14px}
.event-modal-cont .btn-group .btn-cancel{background:var(--3838);color:var(--aeae)}
.event-modal-cont .btn-group .btn-confirm{background:var(--module-primary-gradient);box-shadow:0 10px 22px rgba(0,123,254,.18);color:var(--font-color)}
@media (max-width:768px){
  .event-recv-box{grid-template-columns:repeat(2,1fr)}
}

/* treasure_find */
.treasure-wrap{position:relative;perspective:1000px}
.treasure-wrap .bg-top{width:100%}
.treasure-wrap .bg-mid{background:var(--img-treasure-bg-mid) repeat-y;background-size:100%;padding:0 3%}
.treasure-wrap .bg-bottom{width:100%;margin-top:-1px}
.treasure-grid{display:flex;flex-wrap:wrap;margin-left:-3px;width:calc(100% + 6px)}
.treasure-box{width:calc(100% / 5 - 6px);position:relative;transform-style:preserve-3d;transition:transform .8s ease-in-out;cursor:pointer;margin:0 3px 6px}
.treasure-box::before{content:'';display:block;padding-top:100%}
.treasure-box.flipped{transform:rotateY(180deg)}
.treasure-front,.treasure-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px}
.treasure-front{background:var(--img-treasure-front) no-repeat center;background-size:100%;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.treasure-back{background:var(--treasure-back-bg);color:var(--treasure-back-color);transform:rotateY(180deg);font-size:13px;font-family:'p7';word-break:keep-all}
.treasure-box:not(.flipped):hover{transform:scale(1.08)}
@media (max-width:768px){
  .treasure-grid{margin-left:-2px;width:calc(100% + 4px)}
  .treasure-box{width:calc(100% / 5 - 4px);margin:0 2px 4px}
  .treasure-back{font-size:11px}
}

/* bok_roulette */
.bok2-wrap{width:100%;text-align:center;position:relative;margin-bottom:20px;overflow:hidden;border-radius:10px;box-shadow:inset 0 0 40px rgba(255,255,255,0.18),inset 0 0 12px rgba(255,255,255,0.28)}
.bok2-wrap::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 60px rgba(255,255,255,0.12);z-index:4}
.bok2-wrap.roulette-image-theme{padding:20px 0 10px;border-radius:10px;background:var(--roulette-panel-bg) var(--roulette-bg) center top / cover no-repeat;border: 1px solid rgba(255,255,255,0.5);}
.bok2-wrap.roulette-image-theme .box-lottery{position:relative}
.bok2-wrap.roulette-image-theme .lottery-wrap{position:relative;z-index:1}
.bok2-wrap.roulette-image-theme .lottery-wrap:before{content:'';position:absolute;inset:0;background:var(--roulette-text-bg) center no-repeat;background-size:contain;pointer-events:none;z-index:0}
.bok2-wrap.roulette-image-theme .lottery-wrap span{z-index:2}
.bok2-wrap.roulette-image-theme .lottery-btn{z-index:3}
@media (max-width:768px){.bok2-wrap.roulette-image-theme{width: 100%;padding:10px 0 5px;border-radius:10px}}
.bok2-wrap .text { padding-top: 30px; }
.bok2-wrap .text img { height: 220px; }
.box-lottery{display:flex;align-items:center;justify-content:center;width:485px;height:485px;margin:-55px auto 20px;position:relative}
.lottery-wrap{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}
.lottery-wrap span{box-sizing:border-box;position:absolute;top:0;left:32.6%;width:169px;height:50%;color:var(--fff);transform-origin:50% 100%;text-align:center;z-index:2;}
.lottery-wrap span.lottery-span1{transform:rotate(18deg)}
.lottery-wrap span.lottery-span2{transform:rotate(54deg)}
.lottery-wrap span.lottery-span3{transform:rotate(90deg)}
.lottery-wrap span.lottery-span4{transform:rotate(126deg)}
.lottery-wrap span.lottery-span5{transform:rotate(162deg)}
.lottery-wrap span.lottery-span6{transform:rotate(198deg)}
.lottery-wrap span.lottery-span7{transform:rotate(234deg)}
.lottery-wrap span.lottery-span8{transform:rotate(270deg)}
.lottery-wrap span.lottery-span9{transform:rotate(306deg)}
.lottery-wrap span.lottery-span10{transform:rotate(342deg)}
.lottery-wrap i{display:block;width:100%;height:49px;font-style:normal;font-size:14px;line-height:25px;color:var(--fff);margin:53px 0 9px;font-weight:800;font-family:'p7'}
.lottery-btn{position:absolute;left:50%;top:50%;text-indent:-999em;z-index:11;transform:translate(-50%,-50%);width:127px;height:127px;cursor:pointer}
.lottery-btn i{position:absolute;top:-12px;left:50%;margin-left:-16px;width:32px;height:31px;background:var(--img-start-btn-icon) center no-repeat;background-size:contain;transform-origin:50% 81px;z-index: 2;}
.lottery-btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--img-start-btn) center no-repeat;background-size:contain}
@media (max-width:768px){
  .bok2-wrap .text img { width: 100%; height: auto; }
  .box-lottery{margin-top: 0;width:340px;height:340px}
  .lottery-wrap span{left:28%;width:150px}
  .lottery-wrap i{font-size:12px;margin:35px 0 8px}
  .lottery-btn{width:90px;height:90px}
  .lottery-btn i{top:-13px;width:24px;height:23px;margin-left:-12px;transform-origin:50% 60px}
}

/* bok_roulette convert */
.bok-convert-btn{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--accent-blue);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:13px;font-family:'p6';cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bok-convert-btn:hover{opacity:.9}
.bok-convert-modal{display:none;position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%}
.bok-convert-modal.is-open{display:block}
.bok-convert-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.bok-convert-modal-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:90%;padding:24px;background:var(--left-bg);border:1px solid var(--outline-strong);border-radius:10px;color:var(--font-color);text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.bok-convert-modal-cont h4{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--outline-strong);font-size:17px;font-family:'p7';color:var(--font-color)}
.bok-convert-info{font-size:13px;color:var(--notice-color);margin:0 0 16px;line-height:1.6}
.bok-convert-info strong{color:var(--theme-color)}
.bok-convert-form{display:flex;flex-direction:column;gap:10px;text-align:left;margin-bottom:18px}
.bok-convert-form label{font-size:13px;color:var(--aeae)}
.bok-convert-form select,.bok-convert-form input{height:38px;padding:0 12px;border-radius:6px;border:1px solid var(--outline-strong);background:var(--surface-3);color:var(--font-color);font-size:14px;box-sizing:border-box;width:100%}
.bok-convert-form select{padding-right:34px;background:var(--surface-3) var(--select-arrow) no-repeat right 11px center;background-size:14px}
.bok-convert-modal-cont .btn-group{display:flex;gap:10px;margin-top:18px}
.bok-convert-modal-cont .btn-group button{flex:1;height:40px;border-radius:5px;border:0;font-size:14px;font-family:'p6';cursor:pointer;transition:filter .15s}
.bok-convert-modal-cont .btn-group button:hover{filter:brightness(1.1)}
.bok-convert-modal-cont .btn-cancel{background:var(--surface-2);color:var(--notice-color);border:1px solid var(--outline-strong)}
.bok-convert-modal-cont .btn-confirm{background:var(--theme-color);color:var(--black)}
.bok-convert-recent{margin-top:16px;padding:10px 12px;border-radius:6px;background:var(--accent-panel);border:1px solid var(--outline-strong);text-align:left}
.bok-convert-recent .title{font-family:'p6';color:var(--theme-color);margin:0 0 6px;font-size:12px}
.bok-convert-recent .row{display:flex;justify-content:space-between;gap:8px;color:var(--notice-color);font-size:11px;line-height:1.6}
.bok-convert-recent .row+.row{margin-top:2px}
.bok-convert-recent .row .date{flex:0 0 auto;color:var(--aeae);font-size:10px}
.bok-convert-recent .row .desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* bok_unboxing */
.bok-event{display:flex;flex-direction:column;position:relative;width:100%;max-width:750px;margin:0 auto;align-items:center;justify-content:center}
.bok-event img.bg{width:100%;height:auto;opacity:1}
.bok-event img.bg.blink{animation:blink 1.5s infinite}
.bok-event strong{position:absolute;bottom:150px;font-size:48px;color:var(--fff);font-family:'p7'}
.bok-btn{width:190px;height:60px;line-height:64px;margin:20px auto;border-radius:10px;background:var(--module-primary-gradient);box-shadow:0 12px 24px rgba(0,123,254,.22);font-size:22px;color:var(--fff);font-family:'p7';cursor:pointer;border:none}
.bok-show{display:none;position:absolute;top:50%;left:50%;width:440px;height:600px;margin:-300px 0 0 -220px}
@keyframes blink{50%{opacity:.2}}
@media (max-width:768px){
  .bok-event strong{bottom:80px;font-size:24px}
  .bok-btn{width:140px;height:45px;line-height:48px;font-size:16px}
  .bok-show{width:260px;height:360px;margin:-180px 0 0 -130px}
}

/* ========== racing card - betfair virtual racing ========== */
.rc-page{padding:0 0 10px}
.rc-wrap{--rc-accent:var(--theme-color);--rc-accent-rgb:32,37,49;padding-bottom:20px}
.rc-wrap[data-type="4"]{--rc-accent:var(--theme-color);--rc-accent-rgb:32,37,49}
.rc-toolbar{margin:10px 0;padding:14px 16px;border:1px solid var(--3838);background:var(--black);border-radius:10px}
.rc-toolbar form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rc-toolbar label{color:var(--font-color);font-size:13px}
.rc-toolbar input[type=text],
.rc-toolbar input[type=date]{height:34px;padding:0 10px;border:1px solid var(--3838);border-radius:6px;background:var(--0d0d0d);color:var(--font-color)}
.rc-toolbar .btn-search{height:34px;padding:0 16px;border:0;border-radius:6px;background:var(--126e51);color:#fff;font-weight:bold;cursor:pointer}
.rc-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.rc-summary .item{min-width:170px;padding:14px 16px;border-radius:10px;background:var(--black);border:1px solid var(--3838)}
.rc-summary .label{display:block;color:var(--aeae);font-size:12px;margin-bottom:4px}
.rc-summary .value{color:var(--font-color);font-size:20px;font-weight:bold}
.rc-race-list{display:flex;flex-direction:column;gap:16px}
.rc-race{border:1px solid var(--3838);border-radius:12px;background:var(--black);overflow:hidden}
.rc-race-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid var(--3838);background:linear-gradient(90deg,rgba(var(--rc-accent-rgb),0.14) 0%,var(--black) 72%)}
.rc-race-title{color:var(--font-color);font-size:18px;font-weight:bold}
.rc-race-sub{margin-top:6px;color:var(--aeae);font-size:12px}
.rc-race-time{text-align:right;color:var(--rc-accent);font-size:14px;font-weight:bold}
.rc-race-time small{display:block;margin-top:6px;color:var(--aeae);font-size:12px;font-weight:normal}
.rc-race-badge{display:inline-block;min-width:30px;height:22px;margin-right:8px;border-radius:11px;line-height:22px;text-align:center;font-size:11px;font-weight:bold;color:#071018;background:var(--rc-accent);vertical-align:middle}
.rc-runner-list{padding:12px}
.rc-runner{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:var(--0d0d0d);border:1px solid var(--3838);margin-bottom:10px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.rc-runner:last-child{margin-bottom:0}
.rc-runner.is-bettable{cursor:pointer}
.rc-runner.is-bettable:hover{border-color:var(--rc-accent);box-shadow:0 0 0 1px rgba(var(--rc-accent-rgb),0.18);transform:translateY(-1px)}
.rc-wrap[data-type="4"] .rc-runner.is-bettable:hover{border-color:var(--rc-accent)}
.rc-runner.is-selected{border-color:var(--rc-accent);background:rgba(var(--rc-accent-rgb),0.08);box-shadow:0 0 0 1px rgba(var(--rc-accent-rgb),0.35)}
.rc-runner.is-closed{opacity:.68}
.rc-seq{width:34px;height:34px;border-radius:50%;background:var(--3838);color:var(--font-color);font-weight:bold;text-align:center;line-height:34px;flex:0 0 34px}
.rc-image,.rc-image.empty{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--0d0d0d);border:1px solid var(--3838);flex:0 0 56px}
.rc-image.empty{display:block}
.rc-runner-info{flex:1;min-width:0}
.rc-runner-name{color:var(--font-color);font-size:16px;font-weight:bold}
.rc-runner-jockey{margin-top:4px;color:var(--aeae);font-size:12px}
.rc-runner-meta{margin-top:5px;color:var(--7b7b7b);font-size:11px}
.rc-runner-rate{min-width:88px;text-align:right}
.rc-runner-rate .label{display:block;color:var(--939393);font-size:11px;margin-bottom:4px}
.rc-runner-rate .value{color:var(--rc-accent);font-size:18px;font-weight:bold}
.rc-runner-action{display:flex;align-items:center;justify-content:flex-end;min-width:86px}
.rc-pick-btn{width:76px;height:36px;border:1px solid var(--585858);border-radius:8px;background:var(--3838);color:var(--font-color);font-size:12px;font-weight:bold;cursor:pointer}
.rc-pick-btn.is-selected{border-color:var(--rc-accent);background:var(--rc-accent);color:#111}
.rc-pick-btn.is-closed{border-color:var(--454545);background:var(--0d0d0d);color:var(--7b7b7b);cursor:default}
.rc-empty{padding:60px 20px;text-align:center;color:var(--aeae);border:1px dashed var(--3838);border-radius:12px;background:var(--black)}
.rc-runner-wrap{display:block !important}
.rc-runner-wrap .g_home{display:contents}
.rc-runner-wrap .g_home .rc-hidden{display:none}