/* ═══════════════════════════════════════
   L.A CASINO — User5 Theme (Dark + Green)
   Premium Casino Design
   ═══════════════════════════════════════ */

/* ── RESET & BASE ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#0a0a0a;color:#e0e0e0;font-family:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',sans-serif;min-height:100vh;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:#0a0a0a;}
::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#4CAF50;}

/* ── HEADER ── */
.cc-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000;border-bottom:1px solid #4CAF50;}
.cc-header-top{display:flex;justify-content:flex-end;align-items:center;background:#000;border-bottom:1px solid #4CAF50;padding:6px calc((100% - 1200px) / 2);}
.cc-header-main{display:flex;align-items:center;padding:10px 0;max-width:1200px;margin:0 auto;}
.cc-logo{cursor:pointer;display:flex;align-items:center;flex-shrink:0;margin-right:30px;}
.cc-nav{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;margin-left:auto;}
.cc-nav a{color:#ccc;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s;white-space:nowrap;position:relative;padding:4px 0;}
.cc-nav a:hover,.cc-nav a.active{color:#4CAF50;text-shadow:0 0 8px rgba(76,175,80,0.4);}
.cc-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#4CAF50;transition:width 0.3s;}
.cc-nav a:hover::after{width:100%;}
.cc-auth{display:flex;align-items:center;gap:8px;flex-shrink:0;}

.btn-login{height:34px;padding:0 18px;border:2px solid #4CAF50;color:#4CAF50;background:transparent;border-radius:6px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s;letter-spacing:0.5px;}
.btn-login:hover{background:rgba(76,175,80,0.15);box-shadow:0 0 12px rgba(76,175,80,0.3);}
.btn-register{height:34px;padding:0 18px;background:linear-gradient(135deg,#388E3C,#4CAF50);color:#fff;border:none;border-radius:6px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s;letter-spacing:0.5px;}
.btn-register:hover{background:linear-gradient(135deg,#43A047,#66bb6a);box-shadow:0 0 12px rgba(76,175,80,0.4);}
.btn-anon{height:34px;padding:0 18px;background:linear-gradient(135deg,#c8b432,#e0cc50);color:#000;border:none;border-radius:6px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s;}
.btn-anon:hover{background:linear-gradient(135deg,#d4bf3a,#ecd960);box-shadow:0 0 12px rgba(200,180,50,0.4);}

/* logged-in header buttons */
.btn-green{height:34px;padding:0 16px;background:linear-gradient(135deg,#4CAF50,#66bb6a);color:#fff;border:none;border-radius:6px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s;}
.btn-green:hover{box-shadow:0 0 12px rgba(76,175,80,0.4);}
.btn-outline{height:34px;padding:0 16px;background:transparent;color:#ccc;border:1px solid #444;border-radius:6px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s;}
.btn-outline:hover{border-color:#4CAF50;color:#4CAF50;}

/* mobile hamburger */
.cc-hamburger{display:none;background:none;border:none;color:#4CAF50;font-size:1.5rem;cursor:pointer;padding:4px;}
.cc-mobile-menu{display:none;position:fixed;top:100px;left:0;right:0;background:#0a0a0a;border-bottom:2px solid #4CAF50;z-index:999;padding:16px 24px;flex-direction:column;gap:0;}
.cc-mobile-menu.open{display:flex;}
.cc-mobile-menu a{color:#ccc;font-size:0.95rem;font-weight:600;padding:14px 0;border-bottom:1px solid #1a1a1a;transition:all 0.2s;}
.cc-mobile-menu a:hover{color:#4CAF50;padding-left:8px;}

/* ── BANNER ── */
.cc-banner{margin-top:100px;width:100%;overflow:hidden;position:relative;border-bottom:1px solid #4CAF50;}
.cc-banner img{width:100%;display:block;}
.cc-banner .banner-placeholder{width:100%;height:300px;background:linear-gradient(135deg,#0a2a0a 0%,#0a0a0a 50%,#0a1a0a 100%);display:flex;align-items:center;justify-content:center;}
.banner-pc{display:block;}
.banner-mobile{display:none;}

/* ── NOTICE LINE ── */
@keyframes noticeScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* ── GAME TABS ── */
.cc-game-tabs{display:flex;justify-content:center;max-width:1200px;margin:30px auto;padding:0;gap:0;}
.cc-game-tab{flex:1;padding:22px 10px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;color:#888;font-size:1.1rem;text-align:center;cursor:pointer;transition:all 0.4s;position:relative;overflow:hidden;}
.cc-game-tab:first-child{border-radius:40px 0 0 40px;}
.cc-game-tab:last-child{border-radius:0 40px 40px 0;}
.cc-game-tab .tab-kr{display:block;font-weight:800;margin-bottom:2px;letter-spacing:1px;}
.cc-game-tab .tab-en{display:block;font-size:0.72rem;font-weight:400;opacity:0.6;letter-spacing:2px;}
.cc-game-tab.active{background:linear-gradient(135deg,#388E3C,#4CAF50,#66bb6a);color:#fff;border-color:#4CAF50;box-shadow:0 4px 20px rgba(76,175,80,0.3);}
.cc-game-tab:hover:not(.active){background:linear-gradient(180deg,#333,#222);color:#ccc;border-color:#444;}

/* ── GAME GRID ── */
.live-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0 0 24px;max-width:1200px;margin:0 auto;}

/* ── GAME CARD ── */
.live-card{background:url('/user5/images/fL2S1K6O.jpg') center/cover no-repeat;border:1px solid rgba(76,175,80,0.3);border-radius:14px;overflow:hidden;cursor:pointer;transition:all 0.4s;position:relative;box-shadow:0 4px 15px rgba(0,0,0,0.5);}
.live-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(76,175,80,0.4);border-color:#4CAF50;}
.live-card .live-thumb{position:relative;width:100%;aspect-ratio:4/4;overflow:hidden;}
.live-card .live-thumb .dealer-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%) scale(1.0);transform-origin:bottom center;width:100%;height:auto;max-height:120%;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.6));}
.live-card .live-thumb .vendor-logo{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);height:45px;width:120px;object-fit:contain;z-index:3;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.9));}
.live-card .live-thumb .vendor-text{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;color:#fff;font-size:0.85rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 0 12px rgba(76,175,80,0.5);white-space:nowrap;letter-spacing:0.5px;}
.live-card .live-footer{background:linear-gradient(180deg,rgba(0,0,0,0.7),rgba(0,0,0,0.95));padding:20px 12px;text-align:center;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.live-card .live-name-kr{font-size:0.82rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(76,175,80,0.5);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-card .live-name-en{font-size:0.55rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-card .card-name,.live-card .card-title{padding:10px 12px;font-size:0.85rem;color:#e0e0e0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,0.5);}
.live-card .card-logo{position:absolute;bottom:8px;left:8px;height:20px;opacity:0.8;}

/* card ripple */
.ripple-wave{position:absolute;border-radius:50%;background:rgba(76,175,80,0.3);transform:scale(0);animation:rippleAnim 0.6s ease-out;pointer-events:none;}
@keyframes rippleAnim{to{transform:scale(4);opacity:0;}}
.card-flash{position:absolute;inset:0;background:rgba(76,175,80,0.1);animation:flashAnim 0.4s ease-out;pointer-events:none;}
@keyframes flashAnim{to{opacity:0;}}

/* ── JACKPOT ── */
.cc-jackpot{background:linear-gradient(180deg,#111 0%,#0a0a0a 50%,#111 100%);padding:50px 20px;text-align:center;border-top:1px solid rgba(76,175,80,0.2);border-bottom:1px solid rgba(76,175,80,0.2);position:relative;}
.cc-jackpot::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(76,175,80,0.05) 0%,transparent 70%);pointer-events:none;}
.jackpot-label{color:#4CAF50;font-size:0.95rem;letter-spacing:5px;text-transform:uppercase;margin-bottom:12px;font-weight:700;}
.jackpot-number{font-size:3.2rem;font-weight:900;color:#ffd700;letter-spacing:3px;text-shadow:0 0 20px rgba(255,215,0,0.3);}
.jackpot-won{font-size:1.3rem;color:#888;margin-left:6px;font-weight:600;}
.reel-digit{display:inline-block;width:0.6em;height:1.2em;overflow:hidden;position:relative;vertical-align:middle;}
.reel-inner{display:flex;flex-direction:column;position:absolute;top:0;transition:transform 0.6s cubic-bezier(0.2,0.8,0.3,1);}
.reel-inner span{display:block;height:1.2em;line-height:1.2em;text-align:center;}
.reel-comma{display:inline-block;width:0.35em;text-align:center;vertical-align:middle;}

/* ── REALTIME SECTION ── */
.cc-realtime{background:#0a0a0a;padding:50px 24px;max-width:1200px;margin:0 auto;}
.cc-realtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.info-box{background:#111;border:1px solid #222;border-radius:10px;overflow:hidden;transition:border-color 0.3s;}
.info-box:hover{border-color:#333;}
.info-header{padding:16px 18px;border-bottom:1px solid #222;display:flex;align-items:center;gap:10px;font-weight:800;color:#ffd700;font-size:0.95rem;background:linear-gradient(180deg,#1a1a1a,#111);}
.info-header-icon{font-size:1.1rem;}
.info-header-title{flex:1;letter-spacing:1px;}
.info-body{padding:12px 16px;max-height:220px;overflow-y:auto;font-size:0.82rem;color:#bbb;}
.info-body .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #1a1a1a;}
.info-body .info-row:last-child{border-bottom:none;}

/* ── PARTNER LOGOS ── */
.cc-partners{background:#060606;padding:50px 24px;border-top:1px solid #1a1a1a;}
.partner-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-width:1200px;margin:0 auto;}
.p-logo-img{background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid #1a1a1a;border-radius:8px;padding:14px;display:flex;align-items:center;justify-content:center;transition:all 0.3s;opacity:0.5;}
.p-logo-img:hover{opacity:1;border-color:#333;transform:translateY(-2px);}
.p-logo-img img{max-width:80px;max-height:30px;object-fit:contain;}

/* ── MODALS ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(6px);}
.modal-overlay.active{display:flex;}
.modal-box{background:linear-gradient(180deg,#141414,#0d0d0d);border:1px solid #4CAF50;border-radius:16px;width:420px;max-width:92vw;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px rgba(76,175,80,0.1);position:relative;max-height:90vh;overflow-y:auto;}
.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#555;font-size:1.2rem;cursor:pointer;z-index:2;transition:all 0.2s;}
.modal-close:hover{color:#4CAF50;transform:rotate(90deg);}
.modal-title{font-size:1.4rem;font-weight:900;color:#4CAF50;text-align:center;margin-bottom:6px;letter-spacing:3px;text-shadow:0 0 10px rgba(76,175,80,0.2);}
.modal-sub{font-size:0.78rem;color:#666;text-align:center;margin-bottom:24px;}

/* ── FORM INPUTS ── */
.m-input{width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:13px 14px;color:#e0e0e0;font-size:0.85rem;margin-bottom:12px;outline:none;transition:all 0.3s;font-family:inherit;}
.m-input:focus{border-color:#4CAF50;box-shadow:0 0 8px rgba(76,175,80,0.15);}
.m-input::placeholder{color:#444;}
.m-btn{width:100%;padding:14px;background:linear-gradient(135deg,#388E3C,#4CAF50,#66bb6a);color:#fff;border:none;border-radius:8px;font-size:0.9rem;font-weight:800;cursor:pointer;transition:all 0.3s;font-family:inherit;letter-spacing:1px;text-transform:uppercase;}
.m-btn:hover{box-shadow:0 4px 20px rgba(76,175,80,0.4);transform:translateY(-1px);}
.m-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;box-shadow:none;}
.m-divider{height:1px;background:linear-gradient(90deg,transparent,#333,transparent);margin:18px 0;}
.m-switch{text-align:center;font-size:0.78rem;color:#666;}
.m-switch a{color:#4CAF50;cursor:pointer;font-weight:700;transition:all 0.2s;}
.m-switch a:hover{text-shadow:0 0 8px rgba(76,175,80,0.4);}

/* ── REGISTER FORM ── */
.reg-section-title{font-size:0.88rem;font-weight:800;color:#4CAF50;margin-bottom:16px;display:flex;align-items:center;gap:8px;letter-spacing:1px;}
.reg-field{margin-bottom:12px;}
.reg-label{font-size:0.78rem;color:#888;margin-bottom:6px;display:block;font-weight:600;}
.reg-req{color:#f44336;}
.reg-input-wrap{position:relative;}
.reg-check{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:0.8rem;}
.reg-check.valid{color:#4CAF50;}
.reg-check.invalid{color:#f44336;}
.reg-msg{font-size:0.72rem;margin-top:4px;min-height:16px;font-weight:600;}
.reg-msg.valid{color:#4CAF50;}
.reg-msg.invalid{color:#f44336;}

/* ── BANK DROPDOWN ── */
.bank-dropdown{position:relative;margin-bottom:12px;}
.bank-selected{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:13px 14px;color:#e0e0e0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;transition:all 0.3s;}
.bank-selected.open{border-color:#4CAF50;border-radius:8px 8px 0 0;box-shadow:0 0 8px rgba(76,175,80,0.15);}
.bank-selected.has-value .bank-selected-text{color:#e0e0e0;}
.bank-selected-text{color:#444;}
.bank-arrow{transition:transform 0.3s;font-size:0.7rem;color:#666;}
.bank-arrow.open{transform:rotate(180deg);color:#4CAF50;}
.bank-options{display:none;position:absolute;width:100%;background:#0d0d0d;border:1px solid #4CAF50;border-top:none;border-radius:0 0 8px 8px;z-index:10;max-height:200px;overflow-y:auto;}
.bank-options.open{display:block;}
.bank-search-wrap{padding:8px;position:sticky;top:0;background:#0d0d0d;z-index:1;}
.bank-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#555;font-size:0.75rem;}
.bank-search{width:100%;padding:8px 10px 8px 30px;background:#111;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;font-size:0.82rem;outline:none;font-family:inherit;}
.bank-search:focus{border-color:#4CAF50;}
.bank-option{padding:10px 14px;cursor:pointer;color:#bbb;font-size:0.85rem;transition:all 0.2s;display:flex;align-items:center;gap:8px;}
.bank-option:hover{background:#1a1a1a;color:#fff;}
.bank-option.selected{background:rgba(76,175,80,0.12);color:#4CAF50;font-weight:600;}
.bank-opt-icon{font-size:0.8rem;color:#555;}

/* ── DEPOSIT/WITHDRAW MODAL ── */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);}
.tw-modal-container{background:linear-gradient(180deg,#141414,#0a0a0a);border-radius:16px;width:680px;max-width:95vw;max-height:90vh;overflow-y:auto;border:1px solid #2a2a2a;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.tw-modal-x{position:absolute;top:14px;right:16px;background:none;border:none;color:#555;font-size:1.2rem;cursor:pointer;z-index:2;transition:all 0.2s;}
.tw-modal-x:hover{color:#4CAF50;transform:rotate(90deg);}
.tw-banner{background:linear-gradient(135deg,#0a2a0a,#0d200d,#0a1a0a);padding:28px;text-align:center;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(76,175,80,0.2);}
.tw-banner-overlay{display:none;}
.tw-banner-title{font-size:1.4rem;font-weight:900;color:#4CAF50;letter-spacing:3px;text-shadow:0 0 10px rgba(76,175,80,0.2);}
.tw-tabs{display:flex;border-bottom:1px solid #222;}
.tw-tab{flex:1;padding:16px;background:none;border:none;color:#666;font-size:0.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.3s;font-family:inherit;font-weight:700;letter-spacing:1px;}
.tw-tab.active{color:#4CAF50;border-bottom-color:#4CAF50;}
.tw-tab:hover:not(.active){color:#aaa;}
.tw-content{padding:24px;}
.tw-left{width:100%;}
.tw-section-label{font-size:0.85rem;color:#4CAF50;font-weight:800;margin:18px 0 10px;padding-left:10px;border-left:3px solid #4CAF50;letter-spacing:0.5px;}
.tw-money-info{display:flex;align-items:center;gap:12px;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;padding:16px;margin-bottom:14px;flex-wrap:wrap;}
.tw-money-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(76,175,80,0.5);}
.tw-money-item{display:flex;align-items:center;gap:8px;color:#bbb;font-size:0.85rem;font-weight:600;}
.tw-money-item strong{color:#ffd700;text-shadow:0 0 8px rgba(255,215,0,0.2);}
.tw-notice{background:rgba(76,175,80,0.06);border:1px solid rgba(76,175,80,0.15);border-radius:10px;padding:14px;font-size:0.8rem;color:#888;margin-bottom:16px;line-height:1.6;}
.tw-notice .highlight{color:#4CAF50;font-weight:700;}
.tw-amount-btns{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.tw-amount-btns button{flex:1;min-width:70px;padding:11px;background:#0d0d0d;border:1px solid #2a2a2a;color:#e0e0e0;border-radius:8px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.3s;font-family:inherit;}
.tw-amount-btns button:hover{border-color:#4CAF50;color:#4CAF50;background:#111;box-shadow:0 0 8px rgba(76,175,80,0.15);}
.tw-amount-row{display:flex;gap:8px;margin-bottom:14px;}
.tw-reset-btn{width:44px;background:#0d0d0d;border:1px solid #2a2a2a;color:#666;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.tw-reset-btn:hover{border-color:#4CAF50;color:#4CAF50;}
.tw-amount-input{flex:1;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:13px;color:#ffd700;font-size:1.2rem;font-weight:800;text-align:right;outline:none;font-family:inherit;text-shadow:0 0 8px rgba(255,215,0,0.15);}
.tw-amount-input:focus{border-color:#4CAF50;box-shadow:0 0 8px rgba(76,175,80,0.15);}
.tw-text-input{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:11px 14px;color:#e0e0e0;font-size:0.85rem;outline:none;font-family:inherit;}
.tw-text-input:focus{border-color:#4CAF50;box-shadow:0 0 8px rgba(76,175,80,0.15);}
.tw-after-amount{font-size:0.82rem;color:#888;margin-bottom:14px;font-weight:600;}
.tw-after-amount strong{color:#ffd700;}
.tw-submit-row{display:flex;gap:10px;margin-bottom:8px;}
.tw-btn-main{flex:1;padding:14px;background:linear-gradient(135deg,#388E3C,#4CAF50,#66bb6a);color:#fff;border:none;border-radius:8px;font-weight:800;cursor:pointer;font-size:0.9rem;transition:all 0.3s;font-family:inherit;letter-spacing:1px;}
.tw-btn-main:hover{box-shadow:0 4px 20px rgba(76,175,80,0.4);transform:translateY(-1px);}
.tw-btn-main.full{flex:unset;width:100%;}
.tw-btn-sub{flex:1;padding:14px;background:transparent;border:1px solid #4CAF50;color:#4CAF50;border-radius:8px;font-weight:700;cursor:pointer;font-size:0.9rem;transition:all 0.3s;font-family:inherit;}
.tw-btn-sub:hover{background:rgba(76,175,80,0.1);box-shadow:0 0 12px rgba(76,175,80,0.2);}
.tw-history-label{font-size:0.85rem;color:#666;margin:24px 0 10px;font-weight:700;letter-spacing:0.5px;}
.tw-history-table{width:100%;border-collapse:collapse;font-size:0.8rem;}
.tw-history-table th{padding:12px;background:#0d0d0d;color:#888;text-align:center;border-bottom:1px solid #222;font-weight:700;}
.tw-history-table td{padding:12px;text-align:center;color:#bbb;border-bottom:1px solid #151515;}
.tw-history-table .empty-row td{color:#444;padding:30px;}

/* ── SECTIONS ── */
#notice-section,#message-section,#support-section{background:#0a0a0a;min-height:400px;}
#notice-section h2,#message-section h2,#support-section h2{font-size:1.6rem;font-weight:900;color:#e0e0e0;margin:0;letter-spacing:3px;}

/* ── SHINE EFFECT ── */
.shine-wrap{position:relative;overflow:hidden;}
.shine-wrap::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.04),transparent);transform:rotate(30deg);animation:shine 3s infinite;}
@keyframes shine{from{transform:translateX(-100%) rotate(30deg)}to{transform:translateX(100%) rotate(30deg)}}

/* ── SIDEBAR (hidden compat) ── */
.sidebar{display:none !important;}

/* ── FOOTER ── */
.cc-footer{background:#050505;border-top:1px solid #1a1a1a;padding:30px;text-align:center;color:#444;font-size:0.75rem;letter-spacing:1px;}

/* ── MOBILE BOTTOM TAB BAR ── */
.mob-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-top:1px solid rgba(76,175,80,0.3);padding:8px 0;padding-bottom:env(safe-area-inset-bottom,8px);}
.mob-bottom-bar .mob-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#888;font-size:0.65rem;transition:color 0.3s;}
.mob-bottom-bar .mob-tab i{font-size:1.1rem;}
.mob-bottom-bar .mob-tab:active{color:#4CAF50;}
@media(max-width:768px){
  .mob-bottom-bar{display:none;}
}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1280px){
  .cc-header-top,.cc-header-main{padding-left:24px;padding-right:24px;}
  .cc-game-tabs{margin-left:24px;margin-right:24px;}
  .live-grid{padding-left:24px;padding-right:24px;}
}

@media(max-width:1024px){
  .cc-nav{gap:16px;}
  .cc-nav a{font-size:0.88rem;}
  .live-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
}

@media(max-width:768px){
  .cc-nav{display:none;}
  .cc-hamburger{display:block;position:static;margin-left:auto;font-size:1.5rem;}
  .cc-hamburger-inline{display:none !important;}
  .cc-header-main{padding:10px 16px;}
  .cc-header-top{padding:6px 16px;}
  .cc-banner{margin-top:90px;}
  .banner-pc{display:none;}
  .banner-mobile{display:block;}

  .cc-game-tabs{flex-direction:row;margin:16px 12px;gap:0;}
  .cc-game-tab{padding:16px 8px;font-size:0.9rem;}
  .cc-game-tab .tab-en{font-size:0.6rem;}
  .cc-game-tab:first-child{border-radius:16px 0 0 16px;}
  .cc-game-tab:last-child{border-radius:0 16px 16px 0;}

  .live-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:0 12px 12px;}

  .cc-realtime{padding:30px 12px;}
  .cc-realtime-grid{grid-template-columns:1fr;}

  .jackpot-number{font-size:2.2rem;}

  .modal-box{width:95vw;padding:24px 16px;border-radius:12px;}
  #modal-register .modal-box > div > div[style*="display:flex;gap:28px"]{flex-direction:column !important;}

  .tw-modal-container{width:98vw;border-radius:12px;}

  .partner-logo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;}
  .p-logo-img{padding:10px;}
  .p-logo-img img{max-width:60px;max-height:24px;}

  #notice-section,#message-section,#support-section{padding:16px !important;}
  #notice-section h2,#message-section h2,#support-section h2{font-size:1.2rem;}
}

@media(max-width:480px){
  .cc-logo img{height:36px !important;}
  .btn-login,.btn-register,.btn-anon{height:30px;padding:0 12px;font-size:0.72rem;}
  .live-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px 8px;}
  .cc-game-tab{padding:14px 6px;font-size:0.8rem;}
  .cc-game-tab .tab-en{display:none;}
  .jackpot-number{font-size:1.8rem;}
  .tw-amount-btns button{min-width:50px;padding:8px;font-size:0.75rem;}
}

/* ═══════════════════════════════════════════════════════════════
   Quill 에디터 출력 클래스 (공지사항 정렬/사이즈/색상)
   어드민 위지윅 에디터로 작성한 공지가 유저 페이지에서도 정렬됨
   ═══════════════════════════════════════════════════════════════ */
.nc-popup-card .ql-align-center,
.nc-popup-card p.ql-align-center { text-align: center; }
.nc-popup-card .ql-align-right,
.nc-popup-card p.ql-align-right { text-align: right; }
.nc-popup-card .ql-align-justify,
.nc-popup-card p.ql-align-justify { text-align: justify; }
.nc-popup-card .ql-size-small { font-size: 0.75em; }
.nc-popup-card .ql-size-large { font-size: 1.5em; }
.nc-popup-card .ql-size-huge { font-size: 2em; }
.nc-popup-card p { margin: 0 0 0.4em 0; }
.nc-popup-card h1 { font-size: 1.6em; margin: 0.4em 0; }
.nc-popup-card h2 { font-size: 1.3em; margin: 0.4em 0; }
.nc-popup-card h3 { font-size: 1.1em; margin: 0.4em 0; }
.nc-popup-card ol { padding-left: 1.5em; list-style: decimal; }
.nc-popup-card ul { padding-left: 1.5em; list-style: disc; }

/* 공지/이벤트 본문 영역에서도 동일 적용 */
.nc-detail .ql-align-center,
.nc-detail p.ql-align-center { text-align: center; }
.nc-detail .ql-align-right,
.nc-detail p.ql-align-right { text-align: right; }
.nc-detail .ql-align-justify,
.nc-detail p.ql-align-justify { text-align: justify; }
.nc-detail .ql-size-small { font-size: 0.75em; }
.nc-detail .ql-size-large { font-size: 1.5em; }
.nc-detail .ql-size-huge { font-size: 2em; }
.nc-detail .ql-size-huge { font-size: 2em; }

/* ★ 2026-05-11 slot-game-grid-6col-scale: 컬럼 6개 고정 + 카드 비례 확대 + 모바일 2컬럼 */
#slot-game-grid {
  display: grid !important;
  gap: clamp(8px, 0.6vw, 16px) !important;
  grid-template-columns: repeat(6, 1fr) !important;
}
#slot-game-grid img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 5/4 !important;
  object-fit: contain !important;
}
#slot-game-grid > div > div:last-child {
  font-size: clamp(0.75rem, 0.75vw, 1.2rem) !important;
  padding: clamp(4px, 0.4vw, 12px) clamp(5px, 0.5vw, 14px) !important;
}
@media (max-width: 600px) { #slot-game-grid { grid-template-columns: repeat(2, 1fr) !important; } }