:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#0b0b0b;color:#e0e0e0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0 auto;padding:0;display:block}:root{--bg-black: #0b0b0b;--header-bg: #111;--border-color: #333;--point-green: #4caf50;--text-main: #e0e0e0;--content-width: 960px}.wrapper{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-black);color:var(--text-main);overflow-x:hidden}.header{width:100%;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;position:sticky;top:0;z-index:100}.header-inner{width:100%;max-width:var(--content-width);display:flex;flex-direction:column}.header-top{height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.logo-area{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff}.logo-icon{font-size:24px}.utility-area{display:flex;gap:10px;align-items:center}.search-bar{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:6px 10px;display:flex;align-items:center;width:220px}.search-bar input{background:transparent;border:none;color:#fff;width:100%;outline:none}.search-icon{font-size:14px;cursor:pointer}.util-btn{background:#222;border:1px solid #444;color:#ccc;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.util-btn.login{background-color:#5865f2;border-color:#5865f2;color:#fff;font-weight:700}.header-bottom{height:44px;display:flex;align-items:center}.nav-menu{display:flex;gap:24px;width:100%}.nav-menu a{text-decoration:none;color:#999;font-size:15px;font-weight:500;padding:10px 0;transition:.2s;white-space:nowrap}.nav-menu a:hover,.nav-menu a.active{color:#fff;font-weight:700}.main-container{position:relative;width:100%;max-width:var(--content-width);margin:0 auto;padding:30px 0}.content-area{width:100%}.side-ad{position:absolute;top:30px;width:180px}.side-ad.left{left:50%;margin-left:-680px}.side-ad.right{left:50%;margin-left:500px}.wanted-ad{background:#fff;color:#333;border-radius:8px;padding:15px;min-height:400px;text-align:center;box-shadow:0 4px 12px #00000080}.ad-logo{font-weight:900;font-size:20px;color:#36f;margin-bottom:10px}.divider{border:0;border-top:2px solid #eee;margin:10px 0}.ad-content{background:#f4f8ff;padding:10px;border-radius:4px;margin-bottom:8px;font-size:13px}.main-banner{height:240px;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px;border-bottom:2px solid #333;padding-bottom:8px}.section-title{margin:0;font-size:18px;color:#fff;border-left:4px solid var(--point-green);padding-left:12px}.more-link{font-size:12px;color:#888;cursor:pointer}.list-box{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:10px}.list-item{padding:14px;border-bottom:1px solid #2a2a2a;font-size:14px}.list-item:last-child{border-bottom:none}.notice{color:#ffeb3b}.table-wrapper{background:#1e1e1e;border:1px solid #333;border-radius:8px;overflow:hidden}.coupon-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.coupon-table th{background:#111;color:#aaa;padding:12px;border-bottom:1px solid #333}.coupon-table td{padding:12px 10px;border-bottom:1px solid #2a2a2a;text-align:center;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-num{color:#666}.nickname{color:#ddd;font-weight:700}.content-text{text-align:left!important;color:#bbb}.time{color:#4caf50}@media(max-width:1024px){.side-ad{display:none}.header-inner{max-width:100%}.content-area{width:100%;min-width:0}.main-container{max-width:100%;padding:20px 15px}}@media(max-width:768px){.header,.header-top,.header-bottom{height:auto}.header-top{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px}.utility-area{width:100%;justify-content:space-between}.search-bar{flex-grow:1;width:auto;margin-right:10px}.header-bottom{padding:10px 20px 0;border-top:1px solid #222;margin-bottom:10px}.nav-menu{width:100%;overflow-x:auto;white-space:nowrap;padding:10px 0;gap:20px;-ms-overflow-style:none;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.logo-text{font-size:18px}.nav-menu a{font-size:14px}}.map-image-container{width:100%;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.map-image{width:100%;display:block;object-fit:contain}.info-table-wrapper{margin-bottom:30px;border:1px solid #445}.info-table-header{background:#1a253a;color:#fff;text-align:center;padding:10px;font-weight:700;border-bottom:1px solid #445}.info-summary-table{width:100%;border-collapse:collapse;background:#111;font-size:13px}.info-summary-table th,.info-summary-table td{border:1px solid #333;padding:12px;text-align:center;color:#ccc;line-height:1.6}.info-summary-table th{background:#222;color:#888}.monster-list{text-align:left!important}.feature-text{text-align:left!important;font-size:12px}.monster-detail-card{margin-top:20px;overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;background:#1e1e1e;font-size:12px;border:1px solid #444}.detail-table th,.detail-table td{border:1px solid #333;padding:6px 4px;text-align:center}.monster-img-cell{width:60px;background:#111}.label{background:#2a2a2a;color:#aaa;font-weight:400}.sub-label{background:#1a1a1a;color:#777}.monster-name{font-weight:700;color:#fff;background:#222}.drop-items{text-align:left!important;padding-left:10px!important;color:#bbb}.highlight-boss{color:#f0f;font-weight:700}.highlight-blue{color:#4db6ac}.highlight-pink{color:#e91e63}.zone-nav-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;width:100%}.zone-btn{background-color:#000;border:1px solid #222;color:#888;padding:12px 20px;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s ease;white-space:nowrap;flex-grow:1;text-align:center}.zone-btn:hover{background-color:#1a1a1a;color:#ccc}.zone-btn.active{background-color:#2a2a2a;color:#fff;font-weight:700;border-color:#444}@media(max-width:768px){.zone-nav-container{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;gap:10px;-ms-overflow-style:none;scrollbar-width:none}.zone-nav-container{flex-wrap:wrap;overflow-x:visible;justify-content:space-between;gap:8px}.zone-btn{flex:0 0 calc(33.33% - 6px);width:calc(33.33% - 6px);padding:10px 0;text-align:center;font-size:12px;white-space:nowrap}.info-summary-table thead{display:none}.info-summary-table tbody tr{display:flex;flex-direction:column;margin-bottom:20px;border:1px solid #444;border-radius:8px;overflow:hidden}.info-summary-table td{display:block;width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #333;text-align:left!important;padding:15px}.info-summary-table td:nth-child(1){background-color:#222;color:var(--point-green);font-weight:700;font-size:16px}.info-summary-table td:nth-child(1):before{content:"Lv. "}.info-summary-table td:nth-child(2):before{content:"[등장 몬스터] \a";white-space:pre;color:#888;display:block;margin-bottom:5px;font-size:12px}.info-summary-table td:nth-child(3):before{content:"[특징] \a";white-space:pre;color:#888;display:block;margin-bottom:5px;font-size:12px}.monster-detail-card{position:relative}.detail-table{min-width:600px}.monster-img-cell{position:sticky;left:0;z-index:10;border-right:2px solid #555!important;box-shadow:3px 0 5px #00000080}}