.ccnb-shell{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:10px 0 24px;clear:both}
.ccnb-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0;background:transparent;clear:both}
.ccnb-button{display:flex;align-items:center;justify-content:center;gap:15px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:74px;padding:11px 18px;border:2px solid rgba(255,255,255,.58);border-radius:9px;color:#fff!important;text-align:left;text-decoration:none!important;overflow:hidden;box-shadow:inset 0 2px 2px rgba(255,255,255,.45),inset 0 -6px 8px rgba(0,0,0,.62),0 4px 9px rgba(0,0,0,.38);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.ccnb-button--presale{background:linear-gradient(145deg,#e0aa63 0,#a65f2c 31%,#683018 67%,#bd7638 100%)}
.ccnb-button--new{background:linear-gradient(145deg,#f8dd72 0,#c49a25 32%,#75500a 69%,#d8ae35 100%)}
.ccnb-button--sale{border-color:#ded8c3;background:linear-gradient(145deg,#d9d6c9 0,#92938b 28%,#4b4f4d 58%,#272b2a 78%,#9d9d92 100%)}
.ccnb-source-section{display:block;margin-top:14px;padding:13px;border:1px solid rgba(133,143,153,.48);border-radius:11px;background:linear-gradient(145deg,rgba(31,35,39,.97),rgba(7,9,11,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 5px 13px rgba(0,0,0,.28)}
.ccnb-source-heading-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 2px 10px}
.ccnb-source-heading{margin:0!important;padding:0!important;border:0!important;color:#fff!important;font-family:Arial,sans-serif;font-size:20px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 -1px 1px #000,0 2px 2px rgba(0,0,0,.85)}
.ccnb-source-heading a{color:#fff!important;text-decoration:none!important}
.ccnb-source-heading a:hover,.ccnb-source-heading a:focus-visible{text-decoration:underline!important;text-underline-offset:3px}
.ccnb-source-intro{margin:0!important;color:#e4e7e9!important;font-family:Arial,sans-serif;font-size:12px!important;font-weight:700;line-height:1.35;text-align:right}
.ccnb-button--china{background:linear-gradient(145deg,#7c858c 0,#3a4147 28%,#11161a 62%,#596169 100%)}
.ccnb-button--taiwan{border-color:#e6e8e7;background:linear-gradient(145deg,#f5f7f6 0,#aab1b1 28%,#5b6263 57%,#272c2e 78%,#c9cecc 100%)}
.ccnb-button--south-korea{border-color:#ead99c;background:linear-gradient(145deg,#fff1a6 0,#cda33d 30%,#74510b 67%,#d6ae45 100%)}
.ccnb-button:hover,.ccnb-button:focus-visible{color:#fff!important;transform:translateY(-1px);filter:brightness(1.12);outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
.ccnb-button.is-active{filter:brightness(1.13);border-color:#fff;box-shadow:inset 0 2px 2px rgba(255,255,255,.55),inset 0 -6px 8px rgba(0,0,0,.65),0 0 0 3px rgba(196,154,69,.38),0 4px 9px rgba(0,0,0,.42)}
.ccnb-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:30px;min-height:30px;padding:0 3px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;font-family:"Arial Unicode MS","Segoe UI Symbol",Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.52),0 -2px 2px rgba(0,0,0,.94),0 2px 2px rgba(0,0,0,.65);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -3px 4px rgba(0,0,0,.5)}
.ccnb-button--presale .ccnb-icon,.ccnb-button--new .ccnb-icon,.ccnb-button--sale .ccnb-icon{border:0;box-shadow:none;font-size:25px}
.ccnb-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ccnb-title{display:block;min-width:0;color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:900;line-height:1.05;letter-spacing:.65px;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 1px rgba(0,0,0,.98),0 2px 2px rgba(0,0,0,.82)}
.ccnb-subtitle{display:block;margin-top:7px;color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 1px rgba(0,0,0,.94),0 2px 2px rgba(0,0,0,.76)}
@media(max-width:900px){.ccnb-source-heading-wrap{align-items:flex-start;flex-direction:column;gap:5px}.ccnb-source-intro{text-align:left}}
@media(max-width:600px){.ccnb-shell{margin:7px 0 16px}.ccnb-nav{gap:4px}.ccnb-button{min-height:58px;gap:4px;padding:6px 3px}.ccnb-source-section{margin-top:8px;padding:8px 5px}.ccnb-source-heading-wrap{margin:0 4px 7px}.ccnb-source-heading{font-size:14px!important}.ccnb-source-intro{font-size:9px!important}.ccnb-icon{min-width:22px;min-height:22px;font-size:9px}.ccnb-button--presale .ccnb-icon,.ccnb-button--new .ccnb-icon,.ccnb-button--sale .ccnb-icon{font-size:17px}.ccnb-title{font-size:7.5px;letter-spacing:0}.ccnb-subtitle{margin-top:4px;font-size:5.8px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.ccnb-button{transition:none!important}}