*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#030208;--bg2:#08061a;--bg3:#0e0b20;--bg4:#141028;
  --p1:#6d28d9;--p2:#7c3aed;--p3:#8b5cf6;--p4:#b69cff;--p5:#d4c4ff;
  --rose:#fb7185;--green:#34d399;
  /* 본문·보조 텍스트 가독성(밝기↑) */
  --w:#faf8ff;--w6:rgba(250,248,255,.82);--w3:rgba(250,248,255,.48);
  --bd:rgba(109,40,217,.22);--bd2:rgba(139,92,246,.5);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--w);font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:15px;line-height:1.55;overflow-x:hidden;cursor:default;-webkit-font-smoothing:antialiased}

/* ORBS */
.orb{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.o1{width:700px;height:700px;background:radial-gradient(circle,rgba(109,40,217,.18),transparent 70%);top:-200px;right:-150px;animation-name:ob;animation-duration:18s}
.o2{width:500px;height:500px;background:radial-gradient(circle,rgba(251,113,133,.1),transparent 70%);bottom:-150px;left:-100px;animation-name:ob;animation-duration:22s;animation-delay:-8s}
@keyframes ob{from{transform:translate(0,0)}to{transform:translate(-40px,35px)}}

/* CURSOR */
.cur{position:fixed;pointer-events:none;z-index:99999;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}
#cd{width:8px;height:8px;background:var(--p4)}
#cr{width:36px;height:36px;border:1.5px solid rgba(167,139,250,.45)}
#cr.hov{width:56px;height:56px;border-color:var(--p4);background:rgba(109,40,217,.07)}

/* NAV */
nav{opacity:0;transform:translateY(-40px);position:fixed;top:0;left:0;right:0;z-index:1001;padding:17px 60px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,2,8,.6);backdrop-filter:blur(22px);border-bottom:1px solid rgba(109,40,217,.14);transition:background .4s,border-color .4s}
nav.sc{background:rgba(3,2,8,.96);border-bottom-color:var(--bd)}
.nlogo{display:flex;align-items:center;gap:10px;cursor:pointer}
.nlogo svg{width:32px;height:32px;flex-shrink:0}
.nltxt{font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:700;letter-spacing:3px;background:linear-gradient(135deg,#e9d5ff,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.nmenu{display:flex;list-style:none}
.nmenu a{font-size:15.5px;color:rgb(250 248 255 / 92%);padding:9px 17px;cursor:pointer;transition:color .3s;position:relative;display:block;font-weight:600}
.nmenu a:hover{color:var(--w)}
.nr{display:flex;gap:8px;align-items:center}
.nmny{display:none;background:rgba(109,40,217,.15);border:1px solid var(--bd2);padding:8px 16px;font-family:'DM Mono',monospace;font-size:13px;color:var(--p4);align-items:center;gap:8px}
.nmny.npt{border-color:rgba(167,139,250,.4)}
.nham{display:none;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.nham span{display:block;width:22px;height:2px;background:var(--p4);border-radius:1px;transition:transform .3s,opacity .3s}
.nham.on span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nham.on span:nth-child(2){opacity:0}
.nham.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* [CRITICAL] 햄버거 오버레이: 닫혀 있을 때 클릭 간섭 제거 */
.ndoverlay{display:none!important;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;transition:opacity .3s;pointer-events:none!important}
.ndoverlay.show{display:block!important;opacity:1;pointer-events:auto!important}
.ndrawer{position:fixed;top:66px;right:-280px;width:280px;max-width:85vw;height:calc(100vh - 66px);background:var(--bg4);border-left:1px solid var(--bd);z-index:9999;padding:24px;overflow-y:auto;transition:right .3s ease;box-shadow:-8px 0 24px rgba(0,0,0,.4)}
.ndrawer.open{right:0}
.ndcash{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.ndrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14.5px;font-weight:500}
.ndk{color:var(--w3)}.ndv{font-family:'DM Mono',monospace;color:var(--p4)}
.ndmenu{list-style:none;margin:0;padding:0}
.ndmenu li a{display:block;padding:14px 0;font-size:15.5px;font-weight:600;color:var(--w6);cursor:pointer;transition:color .3s;border-bottom:1px solid rgba(109,40,217,.1)}
.ndmenu li a:hover{color:var(--p4)}
.ndbtns{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.ndbtns .btn{width:100%;justify-content:center}
.pdot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pls 2s infinite}
@keyframes pls{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}60%{box-shadow:0 0 0 5px rgba(52,211,153,0)}}
.btn{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px 22px;cursor:pointer;border:none;transition:all .3s;font-family:'Noto Sans KR',sans-serif}
.btn-g{background:transparent;color:var(--p4);border:1px solid var(--bd2)}
.btn-g:hover{background:rgba(109,40,217,.2);color:var(--w)}
.btn-s{background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w)}
.btn-s:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btn-o{background:rgba(109,40,217,.12);color:var(--p4);border:1px solid var(--bd2)}
.btn-o:hover{background:rgba(109,40,217,.22)}
.btn-smnav{padding:8px 14px;font-size:11px;font-weight:600;letter-spacing:.06em}
.nuserbundle{align-items:center;gap:10px;margin-right:4px;font-size:12px;color:var(--w3)}
.nuid{font-family:'DM Mono',monospace;color:var(--p4);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nmemo{color:var(--p4);text-decoration:none;cursor:pointer;font-weight:500}
.nmemo:hover{color:var(--w)}
.memo-badge{display:inline-block;min-width:18px;padding:1px 6px;margin-left:4px;background:#e11d48;color:#fff;border-radius:999px;font-size:11px;font-weight:700;text-align:center;line-height:1.35;vertical-align:middle}
/* 미읽음 쪽지: 배지·쪽지 링크 깜빡임 (읽음 처리 후 getCashUpdate 로 제거) */
.memo-badge.memo-pulse,.nmemo.memo-nav-pulse,.ndmemo.memo-nav-pulse{color:#fda4af;animation:memoPulse 1.1s ease-in-out infinite}
@keyframes memoPulse{0%,100%{opacity:1;filter:brightness(1.15)}50%{opacity:.55;filter:brightness(.85)}}
#ajaxModal #ajaxModalContent tr.memo-row-unread td.title-td{font-weight:700;color:var(--p4)}
#ajaxModal #ajaxModalContent .memo-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#e11d48;vertical-align:middle;animation:memoPulse 1.1s ease-in-out infinite}
.csgrid-twocol{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px;margin:0 auto}
.nduser{padding:10px 0 14px;border-bottom:1px solid var(--bd);margin-bottom:8px}
.ndmemo{color:var(--p4);text-decoration:none;font-weight:500}

/* TOP WIN */
.tw{
  position:fixed;
  top:85px;
  left:0;
  right:0;
  z-index:1000;
  background:linear-gradient(135deg,rgba(20,10,50,.95) 0%,rgba(40,20,70,.9) 50%,rgba(15,8,35,.95) 100%);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--bd);
  border-top:1px solid var(--bd);
  padding:8px 60px;
  display:flex;
  align-items:center;
  gap:20px;
  overflow:hidden;
  min-height:66px;
  box-sizing:border-box;
}
.twl{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--p5);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:10px;line-height:20px;padding:2px 0}
.twl::after{content:'';width:1px;height:14px;background:var(--bd2)}
.twmq{overflow:hidden;flex:1;min-height:20px;display:flex;align-items:center}
.twtr{display:flex;animation:mq 88s linear infinite;white-space:nowrap;align-items:center}
.twit{display:flex;align-items:center;gap:9px;padding:0 32px;font-size:14px;line-height:20px}
.twu{color:var(--w6);font-weight:600}.twg{color:rgba(250,248,255,.52);font-weight:500}.twa{font-family:'DM Mono',monospace;color:var(--p4)}
.twdot{width:3px;height:3px;background:var(--p3);border-radius:50%;opacity:.5}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* PAGES */
.page{display:none;min-height:100vh;position:relative;z-index:2}
.page.active{display:block}

/* HERO — 베이스 영상 + CASINO4 절대배치 레이어 + 텍스트는 하단 hero__stage만 */
.hero{height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}
.hero__stage{
  position:relative;
  z-index:10;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:clamp(72px,9vh,100px) clamp(20px,4vw,48px) clamp(32px,6vh,56px);
  box-sizing:border-box;
  min-height:0;
  pointer-events:auto;
}
.hvbg{position:absolute;inset:0;z-index:0}
.hvbg__base-wrap{position:absolute;inset:0;z-index:0}
.hvbg__base{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.88;
}
/* 그라데이션은 풀스크린 배경 레이어에만 적용(앞쪽 오버레이 영상은 가리지 않음) */
.hvbg__base-wrap::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,2,8,.2) 0%,rgba(3,2,8,.02) 30%,rgba(3,2,8,.3) 70%,var(--bg) 100%);
}
.hgrd{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
/* ENTRANCE GATE — 사이트 전체 가리는 진입 오버레이 */
.hero__entrance-gate{position:fixed;inset:0;z-index:9600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8vh,20px);background:rgba(3,2,8,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(0);transition:opacity .7s ease,visibility .7s ease,transform .75s cubic-bezier(.4,0,.2,1);}
.hero__entrance-gate::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,100vw);height:min(700px,100vh);border-radius:50%;background:radial-gradient(ellipse,rgba(109,40,217,.18) 0%,transparent 68%);pointer-events:none;animation:heroGateGlow 4s ease-in-out infinite;}
@keyframes heroGateGlow{0%,100%{opacity:.55}50%{opacity:1}}
.hero__entrance-gate.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12%);}
.hero__entrance-gate-brand{font-size:clamp(9px,1.1vw,11px);font-weight:500;letter-spacing:.45em;text-transform:uppercase;color:rgba(248,245,255,.28);}
.hero__entrance-gate-title{font-size:clamp(42px,7vw,96px);font-weight:800;background:linear-gradient(135deg,var(--p2,#6d28d9) 0%,var(--p4,#a78bfa) 50%,var(--p3,#7c3aed) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.18em;text-align:center;line-height:1;}
.hero__entrance-gate-divider{width:clamp(36px,5vw,68px);height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.45),transparent);}
.hero__entrance-gate-sub{font-size:clamp(9px,1vw,11px);font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:rgba(248,245,255,.32);}
.hero__entrance-gate-btn{position:relative;overflow:hidden;margin-top:clamp(10px,2vh,24px);padding:clamp(14px,2vh,18px) clamp(44px,7vw,72px);background:linear-gradient(135deg,var(--p2,#6d28d9),var(--p3,#7c3aed));border:1px solid rgba(167,139,250,.3);color:#fff;font-size:clamp(12px,1.3vw,14px);font-weight:500;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .3s;font-family:inherit;animation:heroGateBtnPulse 2.5s ease-in-out infinite;}
@keyframes heroGateBtnPulse{0%,100%{box-shadow:0 0 22px rgba(109,40,217,.32),0 4px 24px rgba(0,0,0,.65)}50%{box-shadow:0 0 44px rgba(109,40,217,.58),0 4px 24px rgba(0,0,0,.65)}}
.hero__entrance-gate-btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.12);transform:translateX(-100%);transition:.4s;}
.hero__entrance-gate-btn:hover::before{transform:translateX(0);}
.hero__entrance-gate-btn:hover{border-color:rgba(167,139,250,.55);transform:translateY(-2px);animation:none;box-shadow:0 0 52px rgba(109,40,217,.62),0 8px 32px rgba(0,0,0,.72);}
.hero__entrance-gate-hint{font-size:clamp(9px,1vw,10px);color:rgba(248,245,255,.18);letter-spacing:.18em;margin-top:clamp(4px,.8vh,10px);}

/* CASINO4 크로마키 레이어 — 하단 배치·h1 위 z-index·투명 배경 */
.hero__casino-video-layer{position:absolute;inset:0;z-index:11;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}
.hero__casino-video-src{position:absolute;width:4px;height:4px;opacity:.01;pointer-events:none;overflow:hidden;}
.hero__casino-video-canvas{display:block;width:auto;height:auto;max-width:min(76vw,820px);max-height:86vh;background:transparent;image-rendering:auto;transform:translateX(200px);}
@media(max-width:768px){
  .hero__stage{padding-left:16px;padding-right:16px}
  .hero__casino-video-canvas{max-width:min(94vw,460px);max-height:64vh;transform:translateX(calc(100px + min(60px,8vw)));}
}
.hgv{position:absolute;width:1px;height:100%;background:rgba(109,40,217,.055)}
.hgh{position:absolute;height:1px;width:100%;background:rgba(109,40,217,.055)}
.hgx{position:absolute;width:14px;height:14px;border:1px solid rgba(167,139,250,.12);transform:rotate(45deg)}
.hinner{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 60px 52px}
.hinner--hero-bottom{
  flex:0 1 auto;
  justify-content:flex-end;
  align-items:center;
  text-align:center;
  padding:0 clamp(16px,4vw,48px) 0;
  width:100%;
  max-width:920px;
}
.hinner--hero-bottom .nstrip{margin-left:auto;margin-right:auto;width:100%;max-width:min(640px,100%)}
.hinner--hero-bottom .hh{margin-left:auto;margin-right:auto;transform:translateX(-200px)}
.hinner--hero-bottom .hl{text-align:center}
.hinner--hero-bottom .hbot{
  flex-direction:column;
  align-items:center;
  gap:clamp(18px,3vh,28px);
  width:100%;
}
.hinner--hero-bottom .hbot>div:first-child{text-align:center;width:100%}
.hinner--hero-bottom .hdesc{margin-left:auto;margin-right:auto}
.hinner--hero-bottom .hctas{justify-content:center}
.hinner--hero-bottom .hstats{justify-content:center;flex-wrap:wrap;gap:clamp(24px,5vw,44px)}

/* NOTICE — 히어로 좌측 고정 배치 */
.nstrip{opacity:0;background:rgba(8,6,20,.88);backdrop-filter:blur(16px);border:1px solid var(--bd);padding:8px 16px;display:flex;align-items:center;gap:12px;margin-bottom:14px;min-height:36px;box-sizing:border-box}
.hero>.nstrip{position:absolute;top:clamp(82px,10.5vh,104px);left:clamp(20px,4.5vw,62px);z-index:15;max-width:min(420px,56vw);margin-bottom:0;}
.nstag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:linear-gradient(135deg,var(--p2),var(--p3));padding:2px 10px;white-space:nowrap;line-height:18px}
.nsscr{overflow:hidden;flex:1;min-height:20px;display:flex;align-items:center;height:23px}
.nsitems{animation:nsa 12s ease-in-out infinite}
.nsitem{font-size:13px;font-weight:500;color:rgba(250,248,255,.88);line-height:20px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;padding:0;transform:translateY(-8px)}
@keyframes nsa{0%,35%{transform:translateY(0)}45%,85%{transform:translateY(-24px)}100%{transform:translateY(0)}}
.nsmore{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--p4);cursor:pointer;white-space:nowrap;transition:color .3s}
.nsmore:hover{color:var(--p4)}

/* HERO CONTENT */
.hey{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--bd2);padding:7px 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p4);margin-bottom:20px;background:rgba(109,40,217,.08)}
.heyd{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pls 2s infinite;flex-shrink:0}
.hh{font-family:'Cinzel',serif;font-size:clamp(54px,9vw,128px);font-weight:900;line-height:.88;letter-spacing:-2px;margin-bottom:32px}
.hl{display:block;overflow:hidden;line-height:1.05}
.hw{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s ease}
.hw.show{transform:translateY(0);opacity:1}
/* 글자 내부 그라데이션 */
.g1{background:linear-gradient(150deg,#fff 0%,#ede9fe 55%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.g2{background:linear-gradient(150deg,#f0ebff 0%,#c4b5fd 30%,#8b5cf6 65%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(139,92,246,.75))}
.g3{background:linear-gradient(150deg,#ddd6fe 0%,#f8f5ff 50%,#e9d5ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hbot{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);opacity:0;transform:translateY(28px);position:relative;z-index:12}
.hdesc{max-width:480px;font-size:16px;font-weight:500;line-height:1.95;color:var(--w6);text-align:center;margin:0 auto}
/* 스크롤 인디케이터 */
.hscroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;}
.hscroll-mouse{width:22px;height:36px;border:2px solid rgba(167,139,250,.4);border-radius:11px;display:flex;justify-content:center;padding-top:6px;}
.hscroll-wheel{width:3px;height:7px;background:var(--p4);border-radius:2px;animation:scrollWheelDrop 1.8s ease-in-out infinite;}
@keyframes scrollWheelDrop{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(11px);opacity:.15}}
.hscroll-txt{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,248,255,.45);white-space:nowrap;}
.hctas{display:flex;gap:13px;flex-wrap:wrap}
.hcm{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:16px 36px;cursor:pointer;border:none;font-family:'Noto Sans KR',sans-serif;transition:all .35s}
.hcm:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 18px 50px rgba(109,40,217,.5)}
.hcs{display:inline-flex;align-items:center;background:transparent;color:var(--w);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:15px 28px;cursor:pointer;border:1px solid rgba(248,245,255,.28);font-family:'Noto Sans KR',sans-serif;transition:all .35s}
.hcs:hover{border-color:var(--p3);color:var(--p4)}
.hstats{display:flex;gap:44px;flex-shrink:0}
.hsn{font-family:'Cinzel',serif;font-size:42px;font-weight:900;background:linear-gradient(135deg,var(--p4),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.hsl{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--w6);margin-top:6px}

/* MARQUEE */
.mqbar{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:13px 0;overflow:hidden;background:rgba(109,40,217,.03);position:relative;z-index:2}
.mqtrk{display:flex;animation:mq 18s linear infinite}
.mqit{font-family:'Cinzel',serif;font-size:13px;color:var(--p4);padding:4px 26px 0;display:flex;align-items:center;gap:10px;white-space:nowrap}
.mqdot{width:3px;height:3px;background:var(--p3);border-radius:50%;opacity:.5}

/* SECTION */
.sec{padding:110px 60px;position:relative;z-index:2}
.sec-slot{margin-top:0;padding-top:80px;border-top:1px solid var(--bd)}
.sec-casino .shead,.sec-slot .shead{margin-bottom:28px}
.sec-alt{background:linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg))}
.slbl{
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--p5);
  margin-top:25px;
  display:flex;
  align-items:center;
  gap:12px;
}
.slbl::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--p2),var(--p4))}
.stit{font-family:'Cinzel',serif;font-size:clamp(36px,5vw,72px);font-weight:900;letter-spacing:-1.5px;line-height:.93}
.stit em{font-style:italic;background:linear-gradient(135deg,var(--p4),var(--p5));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.shead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px}
.vab{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p5);cursor:pointer;background:none;border:1px solid var(--bd);padding:10px 20px;transition:all .3s;font-family:'Noto Sans KR',sans-serif}
.vab:hover{border-color:var(--bd2);background:rgba(109,40,217,.1);color:var(--w)}

/* REVEAL ANIMATION */
.rv{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.rv.visible{opacity:1;transform:translateY(0)}

/* BANNERS */
/* [AXON] 랜딩 배너 — 500px 세로, casino.php / slot.php */
.landing-banners{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:100px 60px 80px;position:relative;z-index:2}
.lb-item{display:block;height:500px;overflow:hidden;cursor:pointer;border:1px solid var(--bd);transition:all .4s;position:relative}
.lb-item:hover{border-color:var(--bd2);transform:translateY(-4px);box-shadow:0 24px 60px rgba(109,40,217,.2)}
.lb-item img{width:100%;height:500px;object-fit:cover;cursor:pointer;transition:transform .8s,filter .6s}
.lb-item:hover img{transform:scale(1.05);filter:saturate(1.1) brightness(.95)}
.lb-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,2,8,.88) 0%,rgba(3,2,8,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px 30px;z-index:1}
.lb-tag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--p4);margin-bottom:8px;font-family:'DM Mono',monospace}
.lb-tit{font-family:'Cinzel',serif;font-size:28px;font-weight:700;color:var(--w)}

/* GAME LOBBY: 카지노 / 슬롯 세로 구역 (탭 없음) */
.gsect{margin-bottom:0}
.gsect-tit{font-family:'Cinzel',serif;font-size:clamp(22px,3.5vw,30px);font-weight:700;letter-spacing:.08em;margin:0 0 22px;color:var(--w)}
.gsect-tit::after{content:'';display:block;width:52px;height:2px;margin-top:14px;background:linear-gradient(90deg,var(--p1),var(--p3))}
.gsect-slot{margin-top:48px;padding-top:44px;border-top:1px solid rgba(109,40,217,.14)}

/* GAME GRID */
.ggrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.gc{background:var(--bg4);border:1px solid var(--bd);overflow:hidden;cursor:pointer;transition:all .4s;position:relative}
.gc:hover{border-color:var(--bd2);transform:translateY(-6px);box-shadow:0 24px 60px rgba(109,40,217,.25)}
.gc:hover .gcov{opacity:1}
.gcimgw{
    /* height: 170px; */
    overflow: hidden;
    position: relative;
    display: flex;
}
/* Summernote 등은 <img>에 gcimg 클래스가 없을 수 있음 — 카드 영역을 채우도록 동일 규격 적용 */
/* DB/에디터 인라인 width·style 제거 후에도 카드에 맞춤 — axon_strip_img_inline_sizing_for_card 와 함께 사용 */
.gcimgw img,.gcimg{max-width:100%;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .6s;filter:saturate(.78) brightness(.84);display:block;box-sizing:border-box}
.gcimgw p{margin:0;height:100%}
.gc:hover .gcimgw img,.gc:hover .gcimg{transform:scale(1.1);filter:saturate(1.2) brightness(.88)}
.gcimgw::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(0deg,rgba(3,2,8,.7),transparent);z-index:1}
.gbdg{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;z-index:2;font-family:'DM Mono',monospace}
.bl{background:rgba(251,113,133,.9);color:#fff}.bh{background:rgba(109,40,217,.92);color:#fff}
.bn{background:rgba(52,211,153,.9);color:#fff}.bv{background:rgba(251,191,36,.9);color:#1a1a1a}
.gcinfo{padding:13px 14px}
.gcname{font-size:14px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--w)}
.gcmeta{display:flex;justify-content:space-between}
.gcrtp{font-family:'DM Mono',monospace;font-size:11px;color:var(--green)}.gcpc{font-size:11px;color:var(--w3)}
.gcov{position:absolute;inset:0;background:rgba(3,2,8,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;opacity:0;transition:opacity .28s;z-index:5;backdrop-filter:blur(5px)}
.gplay{background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);border:none;padding:11px 28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:filter .2s}
.gplay:hover{filter:brightness(1.12)}
.gdemo{background:transparent;color:var(--w6);border:1px solid rgba(248,245,255,.22);padding:8px 20px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:all .2s}
.gdemo:hover{border-color:var(--bd2);color:var(--p4)}

/* LIVE */
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lc{background:var(--bg4);border:1px solid var(--bd);overflow:hidden;cursor:pointer;transition:all .4s}
.lc:hover{border-color:var(--bd2);transform:translateY(-4px);box-shadow:0 20px 55px rgba(109,40,217,.2)}
.lc:hover .lcimg{transform:scale(1.06)}
.lcimgw{height:195px;position:relative;overflow:hidden}
.lcimg{width:100%;height:100%;object-fit:cover;transition:transform .8s;filter:saturate(.8) brightness(.84)}
.lcbdg{position:absolute;top:11px;right:11px;display:flex;align-items:center;gap:5px;background:rgba(3,2,8,.87);padding:5px 10px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);backdrop-filter:blur(8px)}
.lcdot{width:5px;height:5px;background:var(--rose);border-radius:50%;animation:pls 1.5s infinite}
.lcinfo{padding:18px}
.lctit{font-family:'Cinzel',serif;font-size:18px;font-weight:700;margin-bottom:11px}
.lclims{display:flex;gap:18px;margin-bottom:7px}
.lclim{font-size:12px;color:rgba(248,245,255,.4)}
.lcv{color:var(--p4);font-family:'DM Mono',monospace;font-size:12px}
.lcpc{font-size:11px;color:var(--w3)}

/* PROMO */
.pgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.pc{position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--bd);transition:border-color .4s}
.pc:hover{border-color:var(--bd2)}.pc:hover .pcimg{transform:scale(1.07);filter:saturate(1.1) brightness(.76)}
.pcimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .6s;filter:saturate(.76) brightness(.73)}
.pcov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,2,8,.95) 0%,rgba(8,6,20,.5) 55%,rgba(3,2,8,.15) 100%);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}
.pctag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:linear-gradient(135deg,var(--p2),var(--p3));padding:4px 12px;width:fit-content;margin-bottom:10px;font-family:'DM Mono',monospace}
.pctit{font-family:'Cinzel',serif;font-size:clamp(15px,1.8vw,24px);font-weight:700;line-height:1.1;margin-bottom:8px}
.pcdesc{font-size:14px;font-weight:500;color:var(--w6);line-height:1.8;margin-bottom:14px}
.pccta{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p5);background:none;border:none;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:color .3s}
.pc:hover .pccta{color:var(--p5)}

/* VIP */
.vipsec{padding:110px 60px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 100% 70% at 50% 50%,rgba(109,40,217,.09) 0%,transparent 70%),var(--bg2)}
.vipbg{position:absolute;font-family:'Cinzel',serif;font-size:220px;font-weight:900;color:rgba(109,40,217,.04);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}
.vtiers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:left;margin-top:64px}
.vt{background:rgba(14,11,32,.85);border:1px solid var(--bd);padding:30px 24px;transition:all .4s;cursor:pointer}
.vt.f{border-color:rgba(139,92,246,.38)}
.vt.f::after{content:'';display:block;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--p3),transparent)}
.vt{position:relative}
.vt:hover{border-color:var(--bd2);transform:translateY(-4px)}
.vtico{font-size:28px;margin-bottom:18px}
.vtname{font-family:'Cinzel',serif;font-size:22px;font-weight:900;margin-bottom:6px;background:linear-gradient(135deg,#fff,var(--p4));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vtreq{font-family:'DM Mono',monospace;font-size:10px;color:var(--w3);margin-bottom:20px}
.vtlist{list-style:none;display:flex;flex-direction:column;gap:9px}
.vtlist li{font-size:13px;color:rgba(248,245,255,.65);display:flex;align-items:center;gap:9px}
.vtlist li::before{content:'✦';color:var(--p4);font-size:8px;flex-shrink:0}

/* CTA */
.ctasec{padding:110px 60px;text-align:center;position:relative;overflow:hidden}
.ctasec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(109,40,217,.11) 0%,transparent 70%)}
.ctatit{font-family:'Cinzel',serif;font-size:clamp(48px,8vw,112px);font-weight:900;letter-spacing:-2px;line-height:.9;margin-bottom:40px}
.ctatit em{font-style:italic;background:linear-gradient(135deg,var(--p4),var(--p5));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ctabtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* FOOTER */
footer{border-top:1px solid var(--bd);padding:60px 60px 40px;position:relative;z-index:2}
.fgrd{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}
.flogo{font-family:'Noto Sans KR',sans-serif;font-size:21px;font-weight:700;letter-spacing:3px;margin-bottom:14px;background:linear-gradient(135deg,var(--p4),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.fdesc{font-size:13px;color:rgba(248,245,255,.33);line-height:1.9;max-width:280px}
.fct{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,245,255,.45);margin-bottom:16px}
.flinks{list-style:none;display:flex;flex-direction:column;gap:11px}
.flinks a{font-size:13px;color:rgba(248,245,255,.35);cursor:pointer;transition:color .3s}
.flinks a:hover{color:var(--p4)}
.fbot{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid rgba(109,40,217,.07)}
.fcopy{font-size:11px;color:rgba(248,245,255,.16)}.fage{border:1px solid var(--bd);padding:6px 14px;font-size:11px;color:rgba(248,245,255,.28)}

/* MODAL - Bootstrap .modal { display:none } 오버라이드 필수 */
/* [CRITICAL] 닫혀 있을 때 클릭 가로채기 방지: display:none + pointer-events:none으로 평상시 레이아웃 간섭 제거 */
.mbg{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);z-index:12000;display:none!important;align-items:center;justify-content:center;pointer-events:none!important}
.mbg.open{display:flex!important;pointer-events:auto!important}

/* SweetAlert2 에러창 — 로그인/회원가입 모달(.mbg z-index:12000) 위에 표시 */
.swal2-container{z-index:15000 !important}
.mbg .modal{display:block!important;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal{background:var(--bg4);border:1px solid var(--bd2);width:100%;max-width:460px;padding:44px;position:relative;box-shadow:0 40px 120px rgba(109,40,217,.3)}
.t01-modal-lg{max-width:800px;max-height:90vh;overflow-y:auto;padding:30px}
#ajaxModalContent{min-height:200px}
/* 모달 스크롤바 - theme_01 스타일 */
#ajaxModal .modal::-webkit-scrollbar,
#ajaxModal #ajaxModalContent .modal-body::-webkit-scrollbar,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body::-webkit-scrollbar{width:8px}
#ajaxModal .modal::-webkit-scrollbar-track,
#ajaxModal #ajaxModalContent .modal-body::-webkit-scrollbar-track,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body::-webkit-scrollbar-track{background:rgba(8,6,20,.4);border-radius:4px}
#ajaxModal .modal::-webkit-scrollbar-thumb,
#ajaxModal #ajaxModalContent .modal-body::-webkit-scrollbar-thumb,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body::-webkit-scrollbar-thumb{background:rgba(109,40,217,.4);border-radius:4px}
#ajaxModal .modal::-webkit-scrollbar-thumb:hover,
#ajaxModal #ajaxModalContent .modal-body::-webkit-scrollbar-thumb:hover,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}
#ajaxModal .modal,
#ajaxModal #ajaxModalContent .modal-body,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body{scrollbar-width:thin;scrollbar-color:rgba(109,40,217,.4) rgba(8,6,20,.4)}
.mcl{position:absolute;top:18px;right:18px;background:none;border:none;color:var(--w3);font-size:17px;cursor:pointer;transition:color .3s;line-height:1}
.mcl:hover{color:var(--p4)}
.mlogo{font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:700;letter-spacing:4px;text-align:center;margin-bottom:6px;background:linear-gradient(135deg,var(--p4),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.msub{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--w6);text-align:center;margin-bottom:30px}
.mtabs{display:flex;border-bottom:1px solid var(--bd);margin-bottom:26px}
.mtab{flex:1;padding:13px 12px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:none;border:none;color:var(--w6);cursor:pointer;transition:all .3s;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:'Noto Sans KR',sans-serif}
.mtab.on{color:var(--p5);border-bottom-color:var(--p4);font-weight:700;text-shadow:0 0 28px rgba(182,156,255,.25)}
.mform{display:none}.mform.on{display:block}
.mfg{margin-bottom:17px}
.mfl{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--w6);margin-bottom:8px;display:block}
.mfi{width:100%;background:rgba(8,6,20,.88);border:1px solid var(--bd);color:var(--w);padding:13px 15px;font-size:15px;font-weight:500;font-family:'Noto Sans KR',sans-serif;outline:none;transition:border-color .3s}
.mfi:focus{border-color:var(--p3)}
.mfi::placeholder{color:rgba(248,245,255,.18);font-size:12px}
.mfbtn{width:100%;padding:15px;background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);border:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:filter .3s;margin-top:7px;position:relative;z-index:1}
.mfbtn:hover{filter:brightness(1.12)}
.mfbtn:disabled{opacity:.6;cursor:not-allowed;filter:none}

/* BANKING / NOTICE / CS */
.innerpg{padding:140px 60px}
.bktabs,.navsub{display:flex;border-bottom:1px solid var(--bd);margin-bottom:54px}
.bktab{padding:16px 36px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:none;border:none;color:var(--w6);cursor:pointer;transition:all .3s;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:'Noto Sans KR',sans-serif}
.bktab.on{color:var(--p5);border-bottom-color:var(--p4);font-weight:700}
.bkc{display:none}.bkc.on{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start}
.ptrans{display:none}.ptrans.on{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start}
.bkctit{font-family:'Cinzel',serif;font-size:40px;font-weight:900;letter-spacing:-1px;margin-bottom:11px}
.bkctit em{font-style:italic;background:linear-gradient(135deg,var(--p4),var(--p5));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bkdesc{font-size:15px;font-weight:500;color:var(--w6);line-height:1.95;margin-bottom:32px}
.pmts{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.pmt{background:rgba(8,6,20,.88);border:1px solid var(--bd);padding:10px 20px;font-size:12px;color:var(--w3);cursor:pointer;transition:all .3s}
.pmt.on,.pmt:hover{border-color:var(--bd2);color:var(--p4);background:rgba(109,40,217,.1)}
.sbbtn{width:100%;padding:15px;background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);border:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:filter .3s,transform .3s;margin-top:7px}
.sbbtn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.bkright{background:var(--bg3);border:1px solid var(--bd);padding:32px}
.bkrtit{font-family:'Cinzel',serif;font-size:19px;font-weight:700;margin-bottom:22px;color:var(--p4)}
.irow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(109,40,217,.07);font-size:13px}
.ik{color:rgba(248,245,255,.4)}.iv{font-family:'DM Mono',monospace;font-size:12px;color:var(--p4)}
.hlist{margin-top:22px}
.hit{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(109,40,217,.05)}
.htp{font-size:11px;color:var(--w3);margin-bottom:3px}.hdt{font-family:'DM Mono',monospace;font-size:9px;color:rgba(248,245,255,.2)}
.hamt{font-family:'DM Mono',monospace;font-size:13px}
.hamt.d{color:var(--green)}.hst{font-size:8px;letter-spacing:.11em;text-transform:uppercase;padding:3px 8px;background:rgba(52,211,153,.1);color:var(--green);border:1px solid rgba(52,211,153,.18)}
.hst.p{background:rgba(109,40,217,.1);color:var(--p4);border-color:rgba(109,40,217,.2)}
.amtq{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.aqb{padding:8px 14px;font-size:11px;background:rgba(8,6,20,.88);border:1px solid var(--bd);color:var(--w3);cursor:pointer;transition:all .3s;font-family:'DM Mono',monospace}
.aqb:hover{border-color:var(--bd2);color:var(--p4)}
.nlist{margin-top:40px}
.nrow{display:flex;align-items:center;gap:24px;padding:18px 24px;border-bottom:1px solid var(--bd);cursor:pointer;transition:all .35s}
.nrow:hover{background:var(--bg4);border-bottom-color:var(--bd2);padding-left:36px}
.nnum{font-family:'DM Mono',monospace;font-size:11px;color:rgba(248,245,255,.26);width:40px}
.ncat{font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;background:rgba(109,40,217,.12);color:var(--p4);border:1px solid var(--bd2);white-space:nowrap}
.ntit{flex:1;font-size:15px;font-weight:600;color:var(--w6)}
.ndate{font-family:'DM Mono',monospace;font-size:11px;color:rgba(248,245,255,.26);white-space:nowrap}
.csgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}
.csc{background:var(--bg4);border:1px solid var(--bd);padding:40px;transition:border-color .4s;cursor:pointer}
.csc:hover{border-color:var(--bd2)}
.csico{font-size:32px;margin-bottom:20px}
.cstit{font-family:'Cinzel',serif;font-size:22px;font-weight:700;margin-bottom:11px}
.csdesc{font-size:15px;font-weight:500;color:var(--w6);line-height:1.9;margin-bottom:22px}
.csbtn{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p5);background:none;border:1px solid var(--bd2);padding:10px 22px;cursor:pointer;transition:all .3s;font-family:'Noto Sans KR',sans-serif}
.csbtn:hover{background:rgba(109,40,217,.16)}
.chatbox{background:var(--bg3);border:1px solid var(--bd);max-width:720px;margin-top:40px;display:none}
.chatmsgs{padding:22px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;max-height:320px}
.cmsg{max-width:70%}.fcs{align-self:flex-start}.fus{align-self:flex-end}
.cbub{padding:13px 17px;font-size:14px;line-height:1.7}
.fcs .cbub{background:rgba(20,16,40,.9);border:1px solid var(--bd);border-radius:0 13px 13px 13px;color:var(--w6)}
.fus .cbub{background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);border-radius:13px 13px 0 13px}
.ctm{font-size:9px;color:rgba(248,245,255,.26);margin-top:4px;font-family:'DM Mono',monospace}
.fus .ctm{text-align:right}
.chatinpw{border-top:1px solid var(--bd);padding:15px;display:flex;gap:10px}
.chatinp{flex:1;background:rgba(8,6,20,.88);border:1px solid var(--bd);color:var(--w);padding:12px 15px;font-size:15px;font-weight:500;font-family:'Noto Sans KR',sans-serif;outline:none;transition:border-color .3s}
.chatinp:focus{border-color:var(--p3)}
.chatsnd{background:linear-gradient(135deg,var(--p1),var(--p3));color:var(--w);border:none;padding:12px 22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:'Noto Sans KR',sans-serif;transition:filter .3s}
.chatsnd:hover{filter:brightness(1.1)}

/* TOAST */
.toast{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);background:var(--bg4);border:1px solid var(--bd2);padding:14px 28px;font-size:13px;color:var(--p4);z-index:99999;white-space:nowrap;box-shadow:0 20px 60px rgba(109,40,217,.28)}

@media(max-width:1100px){.ggrid{grid-template-columns:repeat(3,1fr)}.vtiers{grid-template-columns:repeat(2,1fr)}.fgrd{grid-template-columns:1fr 1fr}}
@media(max-width:860px){nav{padding:14px 20px}.nmenu,.nr,.hstats{display:none!important}.nham{display:flex!important}.ndate{font-family:'DM Mono',monospace;font-size:11px;color:rgba(248,245,255,.26);white-space:nowrap;display:none!important}.hinner{padding:100px 20px 1px 20px}.tw{padding:10px 20px}.sec,.innerpg,.vipsec,.ctasec{padding-left:20px;padding-right:20px}.ggrid{grid-template-columns:repeat(2,1fr)}.lgrid,.pgrid,.vtiers,.csgrid{grid-template-columns:1fr}.bkc.on,.ptrans.on{grid-template-columns:1fr}.hbot{flex-direction:column;gap:24px;align-items:flex-start}.fgrd{grid-template-columns:1fr}}
/* 모바일: 메인배너(히어로) 축소, 게임리스트 위로 */
@media(max-width:860px){.hero{height:50vh;min-height:320px}.sec#gameLobby{padding-top:40px;padding-bottom:60px}.sec#gameLobby .shead{margin-bottom:28px}}

/* #ajaxModal (theme_01 .mbg) 내부 get* 로드 콘텐츠 스타일 */
#ajaxModal #ajaxModalContent .modal-content,
#ajaxModal #ajaxModalContent .modal-dialog .modal-content{
  background:var(--bg4)!important;color:var(--w)!important;
}
#ajaxModal #ajaxModalContent .modal-header,
#ajaxModal #ajaxModalContent .modal-dialog .modal-header{
  background:var(--bg3)!important;border-color:var(--bd)!important;color:var(--p4)!important;
}
#ajaxModal #ajaxModalContent .modal-body,
#ajaxModal #ajaxModalContent .modal-dialog .modal-body{
  background:var(--bg4)!important;color:var(--w6)!important;
  padding:24px!important;
  max-height:100vh!important;
  overflow-y:auto!important;
}
/* 모달 폼: input은 한 줄 높이, textarea만 시야 확보용 min-height */
#ajaxModal #ajaxModalContent .form-container .input-container input,
#ajaxModal #ajaxModalContent .form-container input:not(textarea),
#ajaxModal #ajaxModalContent .form-group input:not(textarea){
  background:rgb(0 0 0 / 88%)!important;border:1px solid rgb(109 40 217 / 58%)!important;color:var(--w)!important;
  padding:5px;font-size:12px;width:100%;box-sizing:border-box;min-height:36px;height:auto;
}
#ajaxModal #ajaxModalContent .form-container textarea,
#ajaxModal #ajaxModalContent .form-group textarea{
  background:rgb(0 0 0 / 88%)!important;border:1px solid rgb(109 40 217 / 58%)!important;color:var(--w)!important;
  padding:5px;font-size:12px;width:100%;box-sizing:border-box;min-height:30vh;
}
#ajaxModal #ajaxModalContent .btn-grp button{
  background:rgba(109,40,217,.2)!important;border:1px solid var(--bd2)!important;color:var(--p4)!important;padding:5px 7px;font-size:11px;
}
#ajaxModal #ajaxModalContent .btn-grp button:hover{
  background:rgba(109,40,217,.35)!important;
}
#ajaxModal #ajaxModalContent .form-footer button{
  padding:12px 24px!important;font-size:12px!important;border-radius:8px!important;background:rgba(109,40,217,.2)!important;border:1px solid var(--bd2)!important;color:var(--p4)!important;
}
#ajaxModal #ajaxModalContent .form-footer button:hover{
  background:rgba(109,40,217,.35)!important;
}
#ajaxModal #ajaxModalContent .modal-menu button{
  background:none!important;border:none!important;color:var(--w3)!important;
}
#ajaxModal #ajaxModalContent .modal-menu button.active{
  color:var(--p4)!important;
}
#ajaxModal #ajaxModalContent .modal-close-btn{
  color:var(--w3)!important;
}
#ajaxModal #ajaxModalContent .modal-close-btn:hover{
  color:var(--p4)!important;
}
#ajaxModal #ajaxModalContent .bs-table,
#ajaxModal #ajaxModalContent table.bs-table{
  background:var(--bg3)!important;border-color:var(--bd)!important;
}
#ajaxModal #ajaxModalContent .bs-table th,
#ajaxModal #ajaxModalContent .bs-table td{
  border-color:var(--bd)!important;color:var(--w6)!important;
}
#ajaxModal #ajaxModalContent .noticeview-link,
#ajaxModal #ajaxModalContent .qnaview-link{
  cursor:pointer;
}
#ajaxModal #ajaxModalContent .noticeview-link:hover,
#ajaxModal #ajaxModalContent .qnaview-link:hover{
  background:rgba(109,40,217,.08)!important;
}

/* theme_01 모달 콘텐츠 깔끔 정리 */
#ajaxModal #ajaxModalContent .modal-dialog{max-width:100%;margin:0;padding:0}
#ajaxModal #ajaxModalContent .modal-content{border-radius:12px;overflow:hidden}
/* 타이틀 행의 X(구 modal-close-btn) 제거됨 — 우측 .mcl·하단 취소·백드롭으로 닫기 */
#ajaxModal #ajaxModalContent .modal-header .modal-close-btn{display:none!important}
#ajaxModal #ajaxModalContent .modal-header{padding:20px 24px;border-bottom:1px solid var(--bd)}
#ajaxModal #ajaxModalContent .modal-menu{padding:12px 24px;gap:8px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
#ajaxModal #ajaxModalContent .modal-menu button{padding:8px 16px;font-size:12px;border-radius:8px}
#ajaxModal #ajaxModalContent .modal-menu button.active{background:rgba(109,40,217,.2)!important}
#ajaxModal #ajaxModalContent .modal-body{padding:24px;max-height:60vh;overflow-y:auto}
#ajaxModal #ajaxModalContent .terms-use,
#ajaxModal #ajaxModalContent .scroll-panel,
#ajaxModal #ajaxModalContent .text-container{padding:0;margin:0}
#ajaxModal #ajaxModalContent .scroll-panel p{margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.65;color:var(--w6)}
#ajaxModal #ajaxModalContent .modal-banner{padding:12px 16px;margin:16px 0;background:rgba(109,40,217,.08);border:1px solid var(--bd);border-radius:8px}
#ajaxModal #ajaxModalContent .form-container .form-group{margin-bottom:16px}
#ajaxModal #ajaxModalContent .form-container .labels{margin-bottom:6px;font-size:12px;font-weight:600;color:var(--w6)}
/* 모달 푸터: 공통 구분선(#282342). AJAX 로드 영역(#ajaxModalContent) 내 푸터는 상단 라인 없음 */
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #282342;
}
#ajaxModal #ajaxModalContent .form-footer,
#ajaxModal #ajaxModalContent .modal-footer {
    padding: 15px;
    text-align: right;
    /* border-top: 1px solid #50368f; — AJAX 모달 내에서는 상단 보더 미적용 */
    border-top: none;
}
#ajaxModal #ajaxModalContent .cancel-btn .btn-inner{color:var(--w3)!important}
#ajaxModal #ajaxModalContent table.bs-table{width:100%;border-collapse:collapse;font-size:13px}
#ajaxModal #ajaxModalContent table.bs-table th{text-align:left;padding:12px 16px}
#ajaxModal #ajaxModalContent table.bs-table td{padding:12px 16px}
#ajaxModal #ajaxModalContent .title-td{cursor:pointer;max-width:320px}
#ajaxModal #ajaxModalContent .message-content,
#ajaxModal #ajaxModalContent .inner-container,
#ajaxModal #ajaxModalContent #notice-detail{padding:0;margin:0;font-size:15px;font-weight:500;line-height:1.85;color:var(--w6)}
#ajaxModal #ajaxModalContent #notice-detail p{margin:0 0 12px}
/* 공지 목록/상세 - 목록가기 버튼 */
#ajaxModal #ajaxModalContent .form-footer .notice-link{background:none!important;border:none!important}
#ajaxModal #ajaxModalContent .form-footer .notice-link .btn-inner{background:rgba(109,40,217,.2)!important;border:1px solid var(--bd2);padding:10px 20px;border-radius:8px;cursor:pointer}