*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #C9A227;--primary-dark: #A8860D;--bg-color: #121212;--bg-light: #1E1E1E;--bg-card: #252525;--text-color: #E0E0E0;--text-light: #999999;--text-muted: #666666;--border-color: #333333;--white: #FFFFFF;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-sm: 16px;--header-height: 60px;--side-ad-width: 300px;--content-max-width: 1200px}html{font-size:var(--font-size-base)}body{font-family:Malgun Gothic,맑은 고딕,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}button{font-size:var(--font-size-base);padding:12px 24px;border-radius:4px;cursor:pointer;border:none;transition:background-color .2s}button:hover{opacity:.9}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.header{background-color:var(--bg-light);height:var(--header-height);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.header-content{max-width:var(--content-max-width);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo a{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;text-decoration:none}.logo a:hover{color:var(--white);text-decoration:none}.nav-menu{display:flex;gap:40px}.nav-item{color:var(--text-color);font-size:var(--font-size-lg);font-weight:500;padding:8px 0;border-bottom:3px solid transparent;transition:all .2s}.nav-item:hover{color:var(--primary-color);text-decoration:none;border-bottom-color:var(--primary-color)}.auth-buttons{display:flex;gap:12px}.btn-login{background-color:var(--primary-color);color:var(--bg-color);font-weight:700;padding:10px 24px;border-radius:4px;min-width:100px}.btn-login:hover{background-color:var(--primary-dark)}.notice{background-color:var(--bg-light);border:1px solid var(--border-color);padding:12px 20px;display:flex;align-items:center;gap:12px}.notice-label{background-color:var(--primary-color);color:var(--bg-color);font-size:var(--font-size-sm);font-weight:700;padding:4px 10px;border-radius:3px}.notice-text{flex:1;font-size:var(--font-size-base);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-more{font-size:var(--font-size-sm);color:var(--text-light);white-space:nowrap}.notice-more:hover{color:var(--primary-color)}.ad-banner{background-color:var(--bg-light);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center}.ad-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--font-size-sm)}.ad-size{font-size:12px;color:var(--text-muted)}.ad-side{width:300px;min-height:600px;position:sticky;top:calc(var(--header-height) + 20px)}.ad-side-left{margin-right:20px}.ad-side-right{margin-left:20px}.ad-main{width:100%;max-width:970px;height:250px;margin:0 auto 16px}@media(max-width:1600px){.ad-side{width:160px;min-height:600px}}@media(max-width:1400px){.ad-side{display:none}}@media(max-width:768px){.ad-main{height:100px}}.popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:90%}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.popup-title{font-size:var(--font-size-base);font-weight:700;color:var(--text-color)}.popup-close{background:none;border:none;color:var(--text-light);font-size:var(--font-size-lg);cursor:pointer;padding:4px 8px;line-height:1}.popup-close:hover{color:var(--primary-color)}.popup-content{padding:16px}.popup-ad-placeholder{width:336px;height:280px;background-color:var(--bg-light);border:1px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted)}.popup-ad-placeholder .ad-size{font-size:12px}.popup-footer{padding:12px 16px;border-top:1px solid var(--border-color);text-align:center}.popup-hide-today{background:none;border:none;color:var(--text-light);font-size:var(--font-size-sm);cursor:pointer;padding:8px 16px}.popup-hide-today:hover{color:var(--primary-color);text-decoration:underline}@media(max-width:400px){.popup-ad-placeholder{width:300px;height:250px}}.guild-recruit{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px}.guild-recruit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.guild-recruit-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.guild-recruit-more{font-size:var(--font-size-sm);color:var(--text-light)}.guild-recruit-more:hover{color:var(--primary-color)}.guild-recruit-list{display:flex;flex-direction:column;gap:12px}.guild-recruit-item{display:flex;align-items:center;gap:10px;padding:12px;background-color:var(--bg-light);border-radius:4px;transition:background-color .2s;text-decoration:none}.guild-recruit-item:hover{background-color:var(--border-color);text-decoration:none}.guild-server{color:var(--primary-color);font-weight:700;white-space:nowrap}.guild-title{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exchange{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;height:100%}.exchange-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.exchange-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.exchange-list{margin-bottom:16px}.exchange-list-header{display:grid;grid-template-columns:50px 1fr 60px 80px;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-light);font-size:var(--font-size-sm);align-items:center}.exchange-item{display:grid;grid-template-columns:50px 1fr 60px 80px;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;text-decoration:none;align-items:center}.exchange-item:hover{background-color:var(--bg-light)}.col-image{display:flex;align-items:center;justify-content:center}.item-thumbnail{width:40px;height:40px;object-fit:contain;border-radius:4px}.item-thumbnail-placeholder{width:40px;height:40px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px}.col-name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-listing{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.col-price{color:var(--primary-color);font-weight:700;text-align:right}.exchange-more{display:block;text-align:center;padding:12px;background-color:var(--bg-light);border-radius:4px;font-weight:500;color:var(--primary-color);text-decoration:none}.exchange-more:hover{background-color:var(--border-color);text-decoration:none}@media(max-width:600px){.exchange-list-header{grid-template-columns:40px 1fr 50px 70px;gap:8px;font-size:12px}.exchange-item{grid-template-columns:40px 1fr 50px 70px;gap:8px}.item-thumbnail,.item-thumbnail-placeholder{width:32px;height:32px}.col-name{font-size:var(--font-size-sm)}}.encyclopedia{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;height:100%}.encyclopedia-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.encyclopedia-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.encyclopedia-categories{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.category-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;text-decoration:none}.category-card:hover{background-color:var(--border-color);border-color:var(--primary-color);text-decoration:none}.category-icon{width:40px;height:40px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:4px}.category-name{font-size:var(--font-size-base);font-weight:700;color:var(--text-color)}.category-desc{font-size:var(--font-size-sm);color:var(--text-muted)}.encyclopedia-more{display:block;text-align:center;padding:12px;background-color:var(--bg-light);border-radius:4px;font-weight:500;color:var(--primary-color);text-decoration:none}.encyclopedia-more:hover{background-color:var(--border-color);text-decoration:none}@media(max-width:600px){.category-card{padding:12px;gap:12px}.category-icon{width:36px;height:36px}.category-name{font-size:var(--font-size-sm)}.category-desc{font-size:12px}}.main-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.main-layout{display:flex;justify-content:center;padding:20px;flex:1}.main-content{width:100%;max-width:var(--content-max-width)}.main-content>*{margin-bottom:20px}.main-content>*:last-child{margin-bottom:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-left,.content-right{min-height:400px}.main-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color)}.main-footer p{margin-bottom:12px;font-size:var(--font-size-sm)}.footer-links{display:flex;justify-content:center;gap:16px;font-size:var(--font-size-sm)}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--primary-color)}.footer-links span{color:var(--text-muted)}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.main-layout{padding:12px}}@media(max-width:600px){.main-content{padding:0 8px}}.exchange-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.exchange-layout{display:flex;justify-content:center;padding:20px;flex:1}.exchange-content{width:100%;max-width:var(--content-max-width)}.exchange-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.exchange-page-title{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.exchange-header .server-select{padding:10px 16px;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color);cursor:pointer}.exchange-header .server-select:focus{outline:none;border-color:var(--primary-color)}.exchange-search{display:flex;gap:10px;margin-bottom:20px}.exchange-search .search-input{flex:1;padding:14px 20px;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color)}.exchange-search .search-input:focus{outline:none;border-color:var(--primary-color)}.exchange-search .search-input::placeholder{color:var(--text-muted)}.exchange-search .search-btn{padding:14px 28px;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:4px;font-weight:700;cursor:pointer}.exchange-search .search-btn:hover{background-color:var(--primary-dark)}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.category-tab{padding:10px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.category-tab:hover{background-color:var(--border-color)}.category-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.exchange-item-list{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;max-height:600px}.exchange-list-header{display:grid;grid-template-columns:50px 2fr 1fr 1fr;align-items:center;padding:14px 16px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-light);font-size:var(--font-size-sm);width:100%;flex-shrink:0}.exchange-list-body{flex:1;overflow-y:auto}.exchange-item-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);text-decoration:none;transition:background-color .2s}.exchange-item-row:last-child{border-bottom:none}.exchange-item-row:hover{background-color:var(--bg-light)}.exchange-item-row .col-image{display:flex;justify-content:center}.item-image{width:40px;height:40px;background-color:var(--bg-light);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain}.item-image-placeholder{width:100%;height:100%;background-color:var(--border-color)}.exchange-item-row .col-name{font-size:var(--font-size-base);font-weight:500;color:var(--text-color)}.exchange-item-row .col-category{font-size:var(--font-size-sm);color:var(--text-light)}.exchange-item-row .col-price{font-size:var(--font-size-base);color:var(--primary-color);font-weight:700}.no-items{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:var(--font-size-lg)}.exchange-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.exchange-layout{padding:12px}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.category-tab{white-space:nowrap;flex-shrink:0}.exchange-list-header,.exchange-item-row{grid-template-columns:40px 2fr 1fr 1fr;padding:10px 12px;font-size:var(--font-size-sm)}.item-image{width:32px;height:32px}}@media(max-width:600px){.exchange-header{flex-direction:column;align-items:flex-start;gap:12px}.exchange-header .server-select{width:100%}.exchange-list-header .col-category,.exchange-item-row .col-category{display:none}.exchange-list-header,.exchange-item-row{grid-template-columns:40px 2fr 1fr;padding:8px 10px}.exchange-item-row .col-name,.exchange-item-row .col-price{font-size:var(--font-size-sm)}}.seller-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.seller-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.seller-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-light)}.seller-modal-header h2{font-size:var(--font-size-lg);color:var(--primary-color);margin:0}.seller-modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.seller-modal-close:hover{color:var(--text-color)}.seller-modal-body{display:flex;flex:1;overflow:hidden}.seller-info-section{width:200px;flex-shrink:0;padding:20px;background-color:var(--bg-light);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px}.seller-profile{display:flex;flex-direction:column;align-items:center;gap:12px}.seller-name{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);text-align:center;padding:12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;width:100%}.seller-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px}.stat-label{font-size:var(--font-size-sm);color:var(--text-light)}.stat-value.sell{color:#ff6b6b}.stat-value.buy{color:#51cf66}.seller-content-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.seller-tabs{display:flex;border-bottom:1px solid var(--border-color);background-color:var(--bg-light)}.seller-tab{flex:1;padding:14px 20px;background:none;border:none;font-size:var(--font-size-base);font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.seller-tab:hover{color:var(--text-color);background-color:var(--bg-card)}.seller-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--bg-card)}.seller-tab-content{flex:1;overflow-y:auto;padding:16px}.listings-content{display:flex;flex-direction:column;gap:16px}.listing-group{display:flex;flex-direction:column}.listing-group-title{padding:8px 12px;font-size:var(--font-size-sm);font-weight:700;border-radius:4px 4px 0 0}.listing-group-title.sell{background-color:#dc354526;color:#ff6b6b}.listing-group-title.buy{background-color:#28a74526;color:#51cf66}.listing-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-top:none;transition:background-color .2s}.listing-row:last-child{border-radius:0 0 4px 4px}.listing-row:hover{background-color:var(--border-color)}.listing-item-info{display:flex;align-items:center;gap:10px}.listing-enhancement{font-weight:700;color:var(--primary-color);min-width:30px}.listing-item-name{color:var(--text-color)}.listing-meta{display:flex;align-items:center;gap:16px}.listing-server{font-size:var(--font-size-sm);color:var(--text-light);padding:2px 8px;background-color:var(--bg-card);border-radius:4px}.listing-price{font-weight:700;color:var(--primary-color)}.listing-date{font-size:var(--font-size-sm);color:var(--text-muted)}.recruit-content{display:flex;flex-direction:column}.recruit-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-bottom:none;transition:background-color .2s}.recruit-row:first-child{border-radius:4px 4px 0 0}.recruit-row:last-child{border-bottom:1px solid var(--border-color);border-radius:0 0 4px 4px}.recruit-row:only-child{border-radius:4px;border-bottom:1px solid var(--border-color)}.recruit-row:hover{background-color:var(--border-color)}.recruit-info{display:flex;align-items:center;gap:10px}.recruit-server{font-size:var(--font-size-sm);color:var(--text-light);padding:2px 8px;background-color:var(--bg-card);border-radius:4px;flex-shrink:0}.recruit-title{font-size:var(--font-size-base);color:var(--text-color)}.recruit-date{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.no-content{padding:40px;text-align:center;color:var(--text-muted)}@media(max-width:768px){.seller-modal-content{max-height:90vh}.seller-modal-body{flex-direction:column}.seller-info-section{width:100%;flex-direction:row;align-items:center;padding:16px;border-right:none;border-bottom:1px solid var(--border-color)}.seller-profile{flex-direction:row;gap:12px}.seller-name{font-size:var(--font-size-base);padding:8px 12px}.seller-stats{flex-direction:row;flex:1;justify-content:flex-end;gap:8px}.stat-item{padding:6px 10px;flex-direction:column;gap:2px}.stat-label{font-size:11px}.stat-value{font-size:var(--font-size-sm)}.listing-row{flex-direction:column;align-items:flex-start;gap:8px}.listing-meta{width:100%;justify-content:space-between}.recruit-row{flex-direction:column;align-items:flex-start;gap:8px}.recruit-info{width:100%}.recruit-date{align-self:flex-end}}@media(max-width:480px){.seller-modal-overlay{padding:10px}.seller-info-section,.seller-profile{flex-direction:column}.seller-stats{flex-direction:column;width:100%}.stat-item{flex-direction:row}}.exchange-detail-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.exchange-detail-layout{display:flex;justify-content:center;padding:20px;flex:1}.exchange-detail-content{width:100%;max-width:var(--content-max-width)}.back-link{display:inline-block;margin-bottom:16px;color:var(--text-light);font-size:var(--font-size-base)}.item-title-section{display:flex;align-items:center;gap:20px;padding:20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.item-image-large{width:100px;height:100px;background-color:var(--bg-light);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-image-large img{max-width:100%;max-height:100%;object-fit:contain}.item-image-large .item-image-placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.item-title-info{display:flex;flex-direction:column;gap:8px}.item-category{font-size:var(--font-size-sm);color:var(--text-light)}.item-title{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.item-listing-count{font-size:var(--font-size-base);color:var(--text-color)}.listing-action-buttons{display:flex;gap:12px;margin-left:auto}.listing-btn{padding:14px 28px;font-size:var(--font-size-base);font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.listing-btn.sell-btn{background-color:#dc3545;color:#fff}.listing-btn.sell-btn:hover{background-color:#c82333}.listing-btn.buy-btn{background-color:#28a745;color:#fff}.listing-btn.buy-btn:hover{background-color:#218838}.filter-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px}.filter-label{font-size:var(--font-size-base);font-weight:700;color:var(--primary-color);margin-bottom:12px}.sort-buttons{display:flex;gap:8px}.sort-btn{padding:10px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.filter-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group-label{font-size:var(--font-size-base);color:var(--text-color);min-width:40px}.filter-input{width:100px;padding:10px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base)}.filter-input:focus{outline:none;border-color:var(--primary-color)}.filter-input::placeholder{color:var(--text-muted)}.filter-select{padding:10px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-color)}.filter-separator{color:var(--text-muted)}.class-buttons{display:flex;gap:8px}.class-btn{padding:8px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.class-btn:hover{background-color:var(--border-color)}.class-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.search-apply-btn{width:100%;padding:14px;background-color:var(--primary-color);border:none;border-radius:4px;color:var(--bg-color);font-size:var(--font-size-base);font-weight:700;cursor:pointer;margin-top:8px}.search-apply-btn:hover{background-color:var(--primary-dark)}.listing-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.listing-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.listing-title{padding:12px 16px;font-size:var(--font-size-lg);font-weight:700;text-align:center;border-bottom:1px solid var(--border-color)}.listing-title.sell{background-color:#dc354526;color:#ff6b6b}.listing-title.buy{background-color:#28a74526;color:#51cf66}.listing-header{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr;align-items:center;padding:12px 14px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-light);font-size:var(--font-size-sm)}.listing-item{display:flex;flex-direction:column;padding:0;border-bottom:1px solid var(--border-color);transition:background-color .2s}.listing-row-main{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr;align-items:center;padding:10px 14px 6px}.listing-row-sub{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px 60px;gap:10px}.item-name-wrapper{display:flex;align-items:center;gap:10px}.item-name-content{display:flex;flex-direction:column;gap:2px}.item-name-text{color:var(--text-color);font-weight:500}.item-comment{font-size:var(--font-size-sm);color:var(--text-muted)}.detail-btn{padding:4px 10px;font-size:var(--font-size-sm);background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);cursor:pointer;white-space:nowrap}.listing-item:last-child{border-bottom:none}.listing-item:hover{background-color:var(--bg-light)}.listing-image{width:35px;height:35px;background-color:var(--bg-light);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:contain}.listing-image-placeholder{width:100%;height:100%;background-color:var(--border-color)}.listing-item .col-enhancement,.listing-item .col-price{color:var(--primary-color);font-weight:700}.listing-item .col-seller{color:var(--text-light);text-align:right}.no-listings{padding:40px;text-align:center;color:var(--text-muted)}.exchange-detail-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.exchange-detail-layout{padding:12px}.listing-container{grid-template-columns:1fr;gap:12px}.listing-header,.listing-row-main{grid-template-columns:.5fr 2fr 1fr 1fr;font-size:var(--font-size-sm)}.listing-header{padding:10px 12px}.listing-row-main{padding:8px 12px 4px}.listing-row-sub{padding:0 12px 8px 50px}.filter-row{flex-direction:column;gap:12px}}@media(max-width:600px){.item-title-section{flex-direction:column;text-align:center}.listing-action-buttons{margin-left:0;width:100%;justify-content:center}.listing-btn{padding:12px 24px;flex:1}.listing-header,.listing-row-main{grid-template-columns:.5fr 1.5fr .8fr .8fr}.listing-row-sub{padding-left:40px}.server-btn{padding:6px 10px;font-size:14px}.item-name-wrapper{gap:6px}.listing-image{width:28px;height:28px}.listing-title{padding:10px 12px;font-size:var(--font-size-base)}.detail-btn{padding:3px 8px;font-size:12px}.item-comment{font-size:12px}}.completed-toggle-section{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.completed-toggle-btn{padding:10px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.completed-toggle-btn:hover{background-color:var(--border-color)}.completed-toggle-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.completed-period-filter{display:flex;align-items:center;gap:8px}.period-label{font-size:var(--font-size-sm);color:var(--text-light)}.period-select{padding:8px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer}.period-select:focus{outline:none;border-color:var(--primary-color)}.completed-container{margin-top:24px}.completed-section{opacity:.6}.listing-title.completed{position:relative}.listing-title.sell.completed,.listing-title.buy.completed{background-color:#64646426;color:#999}.completed-item{position:relative}.completed-item .col-price{color:var(--text-muted)}.completed-price{text-decoration:line-through;color:var(--text-muted)!important}.completed-badge{display:inline-block;padding:2px 6px;background-color:#6464644d;color:var(--text-muted);font-size:11px;font-weight:500;border-radius:3px;margin-left:8px}.completed-date{font-size:var(--font-size-sm);color:var(--text-muted)}.listing-row-actions{display:flex;align-items:center;gap:12px}.load-more-btn{width:100%;padding:14px;background-color:var(--bg-light);border:none;border-top:1px solid var(--border-color);color:var(--primary-color);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn:hover{background-color:var(--border-color)}@media(max-width:600px){.completed-toggle-section{flex-direction:column;align-items:flex-start;gap:12px}.completed-toggle-btn{width:100%;text-align:center}.completed-period-filter{width:100%}.period-select{flex:1}}.sell-register-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.sell-register-layout{display:flex;justify-content:center;padding:20px;flex:1}.sell-register-content{width:100%;max-width:var(--content-max-width)}.register-header{margin-bottom:24px}.back-link{display:inline-block;margin-bottom:16px;color:var(--text-light);font-size:var(--font-size-base);text-decoration:none}.back-link:hover{color:var(--primary-color)}.register-title{font-size:var(--font-size-2xl);color:#ff6b6b;font-weight:700}.register-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px}.section-label{font-size:var(--font-size-base);font-weight:700;color:var(--primary-color);margin-bottom:12px}.section-label .required{color:#ff6b6b}.category-buttons{display:flex;flex-wrap:wrap;gap:10px}.category-btn{padding:12px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.category-btn:hover{background-color:var(--border-color)}.category-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.item-search-input{width:100%;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);margin-bottom:12px}.item-search-input:focus{outline:none;border-color:var(--primary-color)}.item-search-input::placeholder{color:var(--text-muted)}.item-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.item-btn{padding:10px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.item-btn:hover{background-color:var(--border-color);border-color:var(--primary-color)}.item-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.no-items,.no-category-selected{padding:20px;text-align:center;color:var(--text-muted)}.selected-item-display{margin-top:12px;padding:12px 16px;background-color:#d4af371a;border:1px solid var(--primary-color);border-radius:4px;color:var(--text-color);display:flex;align-items:center;gap:16px}.selected-item-display strong{color:var(--primary-color)}.selected-item-image{width:60px;height:60px;background-color:var(--bg-light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.selected-item-image img{width:100%;height:100%;object-fit:contain}.selected-item-image .image-placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.selected-item-name{font-size:var(--font-size-base)}.form-row{display:flex;gap:20px}.form-group{flex:1}.form-group.flex-2{flex:2}.form-select,.form-input{width:100%;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary-color)}.form-select option{background-color:var(--bg-card);color:var(--text-color)}.price-input-wrapper{display:flex;align-items:center;gap:10px}.price-input-wrapper .form-input{flex:1}.price-unit{color:var(--text-muted);font-size:var(--font-size-base);white-space:nowrap}.form-textarea{width:100%;min-height:100px;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-textarea::placeholder{color:var(--text-muted)}.char-count{text-align:right;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:8px}.register-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.cancel-btn,.submit-btn{padding:16px 48px;font-size:var(--font-size-lg);font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-btn{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-color)}.cancel-btn:hover{background-color:var(--border-color)}.submit-btn{background-color:#dc3545;color:#fff}.submit-btn:hover{background-color:#c82333}.sell-register-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.sell-register-layout{padding:12px}.form-row{flex-direction:column;gap:16px}}@media(max-width:600px){.category-btn{padding:10px 14px;font-size:var(--font-size-sm)}.server-btn{padding:6px 10px;font-size:14px}.register-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;padding:14px}}.buy-register-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.buy-register-layout{display:flex;justify-content:center;padding:20px;flex:1}.buy-register-content{width:100%;max-width:var(--content-max-width)}.buy-register-page .register-header{margin-bottom:24px}.buy-register-page .back-link{display:inline-block;margin-bottom:16px;color:var(--text-light);font-size:var(--font-size-base);text-decoration:none}.buy-register-page .back-link:hover{color:var(--primary-color)}.buy-register-page .register-title{font-size:var(--font-size-2xl);color:#51cf66;font-weight:700}.buy-register-page .register-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px}.buy-register-page .section-label{font-size:var(--font-size-base);font-weight:700;color:var(--primary-color);margin-bottom:12px}.buy-register-page .section-label .required{color:#51cf66}.buy-register-page .server-grid{display:flex;flex-wrap:wrap;gap:8px}.buy-register-page .server-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.buy-register-page .server-btn:hover{background-color:var(--border-color)}.buy-register-page .server-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.buy-register-page .category-buttons{display:flex;flex-wrap:wrap;gap:10px}.buy-register-page .category-btn{padding:12px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.buy-register-page .category-btn:hover{background-color:var(--border-color)}.buy-register-page .category-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.buy-register-page .item-search-input{width:100%;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);margin-bottom:12px}.buy-register-page .item-search-input:focus{outline:none;border-color:var(--primary-color)}.buy-register-page .item-search-input::placeholder{color:var(--text-muted)}.buy-register-page .item-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.buy-register-page .item-btn{padding:10px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.buy-register-page .item-btn:hover{background-color:var(--border-color);border-color:var(--primary-color)}.buy-register-page .item-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.buy-register-page .no-items,.buy-register-page .no-category-selected{padding:20px;text-align:center;color:var(--text-muted)}.buy-register-page .selected-item-display{margin-top:12px;padding:12px 16px;background-color:#51cf661a;border:1px solid #51cf66;border-radius:4px;color:var(--text-color);display:flex;align-items:center;gap:16px}.buy-register-page .selected-item-display strong{color:#51cf66}.buy-register-page .selected-item-image{width:60px;height:60px;background-color:var(--bg-light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.buy-register-page .selected-item-image img{width:100%;height:100%;object-fit:contain}.buy-register-page .selected-item-image .image-placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.buy-register-page .selected-item-name{font-size:var(--font-size-base)}.buy-register-page .form-row{display:flex;gap:20px}.buy-register-page .form-group{flex:1}.buy-register-page .form-select,.buy-register-page .form-input{width:100%;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base)}.buy-register-page .form-select:focus,.buy-register-page .form-input:focus{outline:none;border-color:var(--primary-color)}.buy-register-page .form-select option{background-color:var(--bg-card);color:var(--text-color)}.buy-register-page .price-input-wrapper{display:flex;align-items:center;gap:10px}.buy-register-page .price-input-wrapper .form-input{flex:1}.buy-register-page .price-unit{color:var(--text-muted);font-size:var(--font-size-base);white-space:nowrap}.buy-register-page .form-textarea{width:100%;min-height:100px;padding:12px 16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);resize:vertical;font-family:inherit}.buy-register-page .form-textarea:focus{outline:none;border-color:var(--primary-color)}.buy-register-page .form-textarea::placeholder{color:var(--text-muted)}.buy-register-page .char-count{text-align:right;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:8px}.buy-register-page .register-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.buy-register-page .cancel-btn,.buy-register-page .submit-btn{padding:16px 48px;font-size:var(--font-size-lg);font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.buy-register-page .cancel-btn{background-color:var(--bg-light);border:1px solid var(--border-color);color:var(--text-color)}.buy-register-page .cancel-btn:hover{background-color:var(--border-color)}.buy-register-page .submit-btn{background-color:#28a745;color:#fff}.buy-register-page .submit-btn:hover{background-color:#218838}.buy-register-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.buy-register-layout{padding:12px}.buy-register-page .form-row{flex-direction:column;gap:16px}}@media(max-width:600px){.buy-register-page .category-btn{padding:10px 14px;font-size:var(--font-size-sm)}.buy-register-page .server-btn{padding:6px 10px;font-size:14px}.buy-register-page .register-actions{flex-direction:column}.buy-register-page .cancel-btn,.buy-register-page .submit-btn{width:100%;padding:14px}}.encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.encyclopedia-content{width:100%;max-width:var(--content-max-width)}.encyclopedia-title{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:24px;text-align:center}.main-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.main-category-card{display:flex;flex-direction:column;align-items:center;padding:30px 20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .2s}.main-category-card:hover{background-color:var(--bg-light);border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}.main-category-card.disabled{opacity:.5;cursor:not-allowed}.main-category-card.disabled:hover{transform:none;border-color:var(--border-color);box-shadow:none}.main-category-icon{width:80px;height:80px;background-color:var(--bg-light);border-radius:12px;margin-bottom:16px}.main-category-info{display:flex;flex-direction:column;align-items:center;gap:8px}.main-category-name{color:var(--text-color);font-size:var(--font-size-xl);font-weight:700}.main-category-desc{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.encyclopedia-layout{padding:12px}.main-category-grid{grid-template-columns:repeat(3,1fr);gap:16px}.main-category-card{padding:20px 16px}.main-category-icon{width:60px;height:60px}.main-category-name{font-size:var(--font-size-lg)}}@media(max-width:600px){.main-category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.main-category-card{padding:16px 12px}.main-category-icon{width:50px;height:50px;margin-bottom:12px}.main-category-name{font-size:var(--font-size-base)}.main-category-desc{font-size:12px}}.monster-encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.monster-encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.monster-encyclopedia-content{width:100%;max-width:var(--content-max-width)}.monster-header{margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s}.back-link:before{content:"←"}.back-link:hover{background-color:var(--border-color);color:var(--text-color);border-color:var(--primary-color)}.monster-title{font-size:var(--font-size-2xl);color:var(--primary-color)}.filter-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filter-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.clear-filter-btn{padding:6px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.clear-filter-btn:hover{background-color:var(--bg-light);color:var(--text-color)}.filter-row{display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;align-items:flex-start;gap:12px}.filter-group-title{min-width:60px;padding-top:8px;font-size:var(--font-size-base);color:var(--text-light);font-weight:500}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-chip{display:inline-flex;align-items:center;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.filter-chip input[type=checkbox]{display:none}.filter-chip:hover{background-color:var(--border-color)}.filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.monster-list-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;min-height:400px}.monster-list-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.monster-list-title-row{display:flex;align-items:center;justify-content:space-between}.monster-list-title{font-size:var(--font-size-xl);color:var(--text-color)}.monster-count{color:var(--text-muted);font-size:var(--font-size-base)}.sort-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-right:4px}.sort-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.sort-btn:hover{background-color:var(--border-color)}.sort-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.monster-table-wrapper{overflow-x:auto}.monster-table{width:100%;border-collapse:collapse}.monster-table th,.monster-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.monster-table th{background-color:var(--bg-light);color:var(--text-light);font-weight:700;font-size:var(--font-size-sm)}.monster-table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.monster-table th.th-sortable:hover{background-color:var(--border-color);color:var(--primary-color)}.monster-table tbody tr:hover{background-color:var(--bg-light)}.monster-image-cell{width:50px;padding:8px 12px!important}.monster-thumb{width:35px;height:35px;background-color:var(--bg-light);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.monster-thumb img{width:100%;height:100%;object-fit:contain}.monster-thumb-placeholder{width:100%;height:100%;background-color:var(--border-color)}.monster-name-cell{font-weight:500}.monster-name-btn{background:none;border:none;color:var(--text-color);font-weight:500;font-size:inherit;cursor:pointer;padding:0;text-align:left}.monster-name-btn:hover{color:var(--primary-color)}.monster-level-cell{color:var(--primary-color);font-weight:700}.monster-hp-cell{color:var(--text-color)}.monster-exp-cell{color:var(--text-muted)}.monster-action-cell{text-align:center}.detail-btn{padding:6px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.detail-btn:hover{background-color:var(--primary-color);color:var(--bg-color)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:24px;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px}.modal-close:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-top:20px}.modal-monster-image{width:120px;height:120px;background-color:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-monster-image img{max-width:100%;max-height:100%;object-fit:contain}.modal-image-placeholder{width:80px;height:80px;background-color:var(--border-color);border-radius:8px}.modal-monster-name{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:16px;background-color:var(--bg-light);border-radius:8px}.modal-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:var(--font-size-lg);color:var(--text-color);font-weight:700}.modal-drops{border-top:1px solid var(--border-color);padding-top:20px}.modal-drops-title{font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:16px;font-weight:700}.drop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.drop-item{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px}.drop-item-image{width:50px;height:50px;background-color:var(--bg-card);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.drop-item-image img{max-width:100%;max-height:100%;object-fit:contain}.drop-image-placeholder{width:35px;height:35px;background-color:var(--border-color);border-radius:4px}.drop-item-name{font-size:var(--font-size-sm);color:var(--text-color);text-align:center}.no-monsters{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-lg)}.monster-encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.monster-encyclopedia-layout{padding:12px}.filter-group{flex-direction:column;gap:8px}.filter-group-title{min-width:auto;padding-top:0}}@media(max-width:600px){.filter-chip{padding:6px 10px;font-size:12px}.sort-buttons{width:100%}.sort-btn{flex:1;padding:6px 8px;font-size:12px;text-align:center}.sort-label{display:none}.monster-table th,.monster-table td{padding:10px 12px;font-size:var(--font-size-sm)}.modal-content{padding:20px;max-height:90vh}.modal-stats{grid-template-columns:repeat(2,1fr);gap:12px}.modal-stat-item{flex-direction:column;gap:4px}.drop-items-grid{grid-template-columns:repeat(2,1fr)}}.item-encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.item-encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.item-encyclopedia-content{width:100%;max-width:var(--content-max-width)}.item-header{margin-bottom:24px}.item-title{font-size:var(--font-size-2xl);color:var(--primary-color)}.item-encyclopedia-page .filter-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.item-encyclopedia-page .filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.item-encyclopedia-page .filter-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.item-encyclopedia-page .clear-filter-btn{padding:6px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.item-encyclopedia-page .clear-filter-btn:hover{background-color:var(--bg-light);color:var(--text-color)}.item-encyclopedia-page .filter-row{display:flex;flex-direction:column;gap:16px}.item-encyclopedia-page .filter-group{display:flex;align-items:flex-start;gap:12px}.item-encyclopedia-page .filter-group-title{min-width:60px;padding-top:8px;font-size:var(--font-size-base);color:var(--text-light);font-weight:500}.item-encyclopedia-page .filter-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.item-encyclopedia-page .filter-chip{display:inline-flex;align-items:center;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.item-encyclopedia-page .filter-chip input[type=checkbox]{display:none}.item-encyclopedia-page .filter-chip:hover{background-color:var(--border-color)}.item-encyclopedia-page .filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.item-list-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;min-height:400px}.item-list-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.item-list-title-row{display:flex;align-items:center;justify-content:space-between}.item-list-title{font-size:var(--font-size-xl);color:var(--text-color)}.item-count{color:var(--text-muted);font-size:var(--font-size-base)}.item-encyclopedia-page .sort-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-encyclopedia-page .sort-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-right:4px}.item-encyclopedia-page .sort-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.item-encyclopedia-page .sort-btn:hover{background-color:var(--border-color)}.item-encyclopedia-page .sort-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.item-table-wrapper{overflow-x:auto}.item-table{width:100%;border-collapse:collapse}.item-table th,.item-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.item-table th{background-color:var(--bg-light);color:var(--text-light);font-weight:700;font-size:var(--font-size-sm)}.item-table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.item-table th.th-sortable:hover{background-color:var(--border-color);color:var(--primary-color)}.item-table tbody tr:hover{background-color:var(--bg-light)}.item-image-cell{width:50px;padding:8px 12px!important}.item-thumb{width:35px;height:35px;background-color:var(--bg-light);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:contain}.item-thumb-placeholder{width:100%;height:100%;background-color:var(--border-color)}.item-name-cell{font-weight:500}.item-name-btn{background:none;border:none;color:var(--text-color);font-weight:500;font-size:inherit;cursor:pointer;padding:0;text-align:left}.item-name-btn:hover{color:var(--primary-color)}.item-attack-cell{color:var(--primary-color);font-weight:700}.item-defense-cell{color:var(--text-color)}.item-job-cell{color:var(--text-muted)}.item-action-cell{text-align:center}.item-encyclopedia-page .detail-btn{padding:6px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.item-encyclopedia-page .detail-btn:hover{background-color:var(--primary-color);color:var(--bg-color)}.item-encyclopedia-page .modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.item-encyclopedia-page .modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.item-encyclopedia-page .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:24px;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px}.item-encyclopedia-page .modal-close:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.item-encyclopedia-page .modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-top:20px}.modal-item-image{width:120px;height:120px;background-color:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-item-image img{max-width:100%;max-height:100%;object-fit:contain}.item-encyclopedia-page .modal-image-placeholder{width:80px;height:80px;background-color:var(--border-color);border-radius:8px}.modal-item-name{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.item-encyclopedia-page .modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px;background-color:var(--bg-light);border-radius:8px}.item-encyclopedia-page .modal-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.item-encyclopedia-page .stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.item-encyclopedia-page .stat-value{font-size:var(--font-size-lg);color:var(--text-color);font-weight:700}.modal-obtain{border-top:1px solid var(--border-color);padding-top:20px}.modal-obtain-title{font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:16px;font-weight:700}.obtain-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.obtain-item{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px}.obtain-item-image{width:50px;height:50px;background-color:var(--bg-card);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.obtain-item-image img{max-width:100%;max-height:100%;object-fit:contain}.obtain-image-placeholder{width:35px;height:35px;background-color:var(--border-color);border-radius:4px}.obtain-item-name{font-size:var(--font-size-sm);color:var(--text-color);text-align:center}.no-items{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-lg)}.item-encyclopedia-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s}.item-encyclopedia-page .back-link:before{content:"←"}.item-encyclopedia-page .back-link:hover{background-color:var(--border-color);color:var(--text-color);border-color:var(--primary-color)}.item-encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.item-encyclopedia-layout{padding:12px}.item-encyclopedia-page .filter-group{flex-direction:column;gap:8px}.item-encyclopedia-page .filter-group-title{min-width:auto;padding-top:0}}@media(max-width:600px){.item-encyclopedia-page .filter-chip{padding:6px 10px;font-size:12px}.item-encyclopedia-page .sort-buttons{width:100%}.item-encyclopedia-page .sort-btn{flex:1;padding:6px 8px;font-size:12px;text-align:center}.item-encyclopedia-page .sort-label{display:none}.item-table th,.item-table td{padding:10px 12px;font-size:var(--font-size-sm)}.item-encyclopedia-page .modal-content{padding:20px;max-height:90vh}.item-encyclopedia-page .modal-stats{grid-template-columns:repeat(2,1fr);gap:12px}.obtain-items-grid{grid-template-columns:repeat(2,1fr)}}.magic-encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.magic-encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.magic-encyclopedia-content{width:100%;max-width:var(--content-max-width)}.magic-header{margin-bottom:24px}.magic-encyclopedia-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s}.magic-encyclopedia-page .back-link:before{content:"←"}.magic-encyclopedia-page .back-link:hover{background-color:var(--border-color);color:var(--text-color);border-color:var(--primary-color)}.magic-title{font-size:var(--font-size-2xl);color:var(--primary-color)}.magic-encyclopedia-page .filter-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.magic-encyclopedia-page .filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.magic-encyclopedia-page .filter-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.magic-encyclopedia-page .clear-filter-btn{padding:6px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.magic-encyclopedia-page .clear-filter-btn:hover{background-color:var(--bg-light);color:var(--text-color)}.magic-encyclopedia-page .filter-row{display:flex;flex-direction:column;gap:16px}.magic-encyclopedia-page .filter-group{display:flex;align-items:flex-start;gap:12px}.magic-encyclopedia-page .filter-group-title{min-width:60px;padding-top:8px;font-size:var(--font-size-base);color:var(--text-light);font-weight:500}.magic-encyclopedia-page .filter-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.magic-encyclopedia-page .filter-chip{display:inline-flex;align-items:center;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.magic-encyclopedia-page .filter-chip input[type=checkbox]{display:none}.magic-encyclopedia-page .filter-chip:hover{background-color:var(--border-color)}.magic-encyclopedia-page .filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.magic-list-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;min-height:400px}.magic-list-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.magic-list-title-row{display:flex;align-items:center;justify-content:space-between}.magic-list-title{font-size:var(--font-size-xl);color:var(--text-color)}.magic-count{color:var(--text-muted);font-size:var(--font-size-base)}.magic-encyclopedia-page .sort-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.magic-encyclopedia-page .sort-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-right:4px}.magic-encyclopedia-page .sort-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.magic-encyclopedia-page .sort-btn:hover{background-color:var(--border-color)}.magic-encyclopedia-page .sort-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.magic-table-wrapper{overflow-x:auto}.magic-table{width:100%;border-collapse:collapse}.magic-table th,.magic-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.magic-table th{background-color:var(--bg-light);color:var(--text-light);font-weight:700;font-size:var(--font-size-sm)}.magic-table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.magic-table th.th-sortable:hover{background-color:var(--border-color);color:var(--primary-color)}.magic-table tbody tr:hover{background-color:var(--bg-light)}.th-image{width:50px}.magic-image-cell{width:50px;padding:8px 12px!important}.magic-thumb{width:35px;height:35px;background-color:var(--bg-light);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.magic-thumb img{width:100%;height:100%;object-fit:contain}.magic-thumb-placeholder{width:100%;height:100%;background-color:var(--border-color)}.magic-name-cell{font-weight:500}.magic-name-btn{background:none;border:none;color:var(--text-color);font-weight:500;font-size:inherit;cursor:pointer;padding:0;text-align:left}.magic-name-btn:hover{color:var(--primary-color)}.magic-desc-cell{color:var(--text-muted);font-size:var(--font-size-sm);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.magic-level-cell{white-space:nowrap}.level-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:var(--font-size-sm);font-weight:700;background-color:#eab30833;border:1px solid rgba(234,179,8,.5);color:#fbbf24}.magic-cost-cell{white-space:nowrap}.cost-badges{display:flex;gap:6px;flex-wrap:wrap}.cost-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:var(--font-size-sm);font-weight:700}.cost-mp{background-color:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#60a5fa}.cost-hp{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.magic-action-cell{text-align:center}.magic-encyclopedia-page .detail-btn{padding:6px 12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.magic-encyclopedia-page .detail-btn:hover{background-color:var(--primary-color);color:var(--bg-color)}.magic-encyclopedia-page .modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.magic-encyclopedia-page .modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.magic-encyclopedia-page .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:24px;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px}.magic-encyclopedia-page .modal-close:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.magic-encyclopedia-page .modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-top:20px}.modal-magic-image{width:120px;height:120px;background-color:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-magic-image img{max-width:100%;max-height:100%;object-fit:contain}.magic-encyclopedia-page .modal-image-placeholder{width:80px;height:80px;background-color:var(--border-color);border-radius:8px}.modal-magic-name{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700;margin-bottom:4px}.modal-magic-level{font-size:var(--font-size-base);color:var(--text-muted)}.modal-info-list{margin-bottom:24px;background-color:var(--bg-light);border-radius:8px;overflow:hidden}.modal-info-row{display:flex;padding:12px 16px;border-bottom:1px solid var(--border-color)}.modal-info-row:last-child{border-bottom:none}.info-label{min-width:80px;font-size:var(--font-size-base);color:var(--text-muted)}.info-value{font-size:var(--font-size-base);color:var(--text-color);font-weight:500}.modal-effect{margin-bottom:24px;padding:16px;background-color:var(--bg-light);border-radius:8px}.modal-effect-title{font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:8px;font-weight:700}.modal-effect-text{font-size:var(--font-size-base);color:var(--text-color);line-height:1.6}.magic-encyclopedia-page .modal-obtain{border-top:1px solid var(--border-color);padding-top:20px}.magic-encyclopedia-page .modal-obtain-title{font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:16px;font-weight:700}.magic-encyclopedia-page .obtain-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.magic-encyclopedia-page .obtain-item{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px}.magic-encyclopedia-page .obtain-item-image{width:50px;height:50px;background-color:var(--bg-card);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.magic-encyclopedia-page .obtain-item-image img{max-width:100%;max-height:100%;object-fit:contain}.magic-encyclopedia-page .obtain-image-placeholder{width:35px;height:35px;background-color:var(--border-color);border-radius:4px}.magic-encyclopedia-page .obtain-item-name{font-size:var(--font-size-sm);color:var(--text-color);text-align:center}.no-magics{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-lg)}.magic-encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.magic-encyclopedia-layout{padding:12px}.magic-encyclopedia-page .filter-group{flex-direction:column;gap:8px}.magic-encyclopedia-page .filter-group-title{min-width:auto;padding-top:0}}@media(max-width:600px){.magic-encyclopedia-page .filter-chip{padding:6px 10px;font-size:12px}.magic-encyclopedia-page .sort-buttons{width:100%}.magic-encyclopedia-page .sort-btn{flex:1;padding:6px 8px;font-size:12px;text-align:center}.magic-encyclopedia-page .sort-label{display:none}.magic-table th,.magic-table td{padding:10px 12px;font-size:var(--font-size-sm)}.magic-encyclopedia-page .modal-content{padding:20px;max-height:90vh}.magic-encyclopedia-page .modal-stats{grid-template-columns:repeat(3,1fr);gap:12px}.magic-encyclopedia-page .obtain-items-grid{grid-template-columns:repeat(2,1fr)}}.region-encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.region-encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.region-encyclopedia-content{width:100%;max-width:var(--content-max-width)}.region-header{margin-bottom:24px}.region-encyclopedia-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s}.region-encyclopedia-page .back-link:before{content:"←"}.region-encyclopedia-page .back-link:hover{background-color:var(--border-color);color:var(--text-color);border-color:var(--primary-color)}.region-title{font-size:var(--font-size-2xl);color:var(--primary-color)}.region-container{display:flex;gap:24px}.region-selector{flex-shrink:0;width:180px}.selector-title{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.region-buttons{display:flex;flex-direction:column;gap:8px}.region-btn{padding:12px 16px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all .2s}.region-btn:hover{background-color:var(--bg-light);border-color:var(--primary-color)}.region-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.region-detail{flex:1;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:24px}.region-name{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-lg);color:var(--primary-color);margin-bottom:16px;padding-left:12px;border-left:3px solid var(--primary-color)}.section-text{font-size:var(--font-size-base);color:var(--text-color);line-height:1.8;padding:16px;background-color:var(--bg-light);border-radius:6px}.key-locations{display:flex;flex-direction:column;gap:12px}.location-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:var(--bg-light);border-radius:6px}.location-number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--bg-color);border-radius:50%;font-size:var(--font-size-sm);font-weight:700}.location-desc{font-size:var(--font-size-base);color:var(--text-color);line-height:1.6}.npc-categories{display:flex;flex-direction:column;gap:20px}.npc-category{background-color:var(--bg-light);border-radius:6px;overflow:hidden}.npc-category-title{font-size:var(--font-size-base);color:var(--bg-color);background-color:var(--text-muted);padding:10px 16px;font-weight:700}.npc-list{padding:8px 0}.npc-item{display:flex;padding:10px 16px;border-bottom:1px solid var(--border-color)}.npc-item:last-child{border-bottom:none}.npc-name{flex-shrink:0;width:120px;font-size:var(--font-size-base);color:var(--primary-color);font-weight:500}.npc-desc{font-size:var(--font-size-base);color:var(--text-color)}.dungeon-list{display:flex;flex-wrap:wrap;gap:12px}.dungeon-item{padding:12px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:var(--font-size-base)}.no-detail-info{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:var(--font-size-lg)}.region-encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.region-encyclopedia-layout{padding:12px}.region-container{flex-direction:column}.region-selector{width:100%}.region-buttons{flex-direction:row;flex-wrap:wrap}.region-btn{flex:1;min-width:calc(50% - 4px);text-align:center;padding:10px 12px;font-size:var(--font-size-sm)}}@media(max-width:600px){.region-detail{padding:16px}.region-name{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-base)}.location-item{padding:10px 12px}.location-number{width:24px;height:24px;font-size:12px}.npc-item{flex-direction:column;gap:4px}.npc-name{width:auto}.npc-desc{font-size:var(--font-size-sm);color:var(--text-muted)}.dungeon-item{padding:10px 16px;font-size:var(--font-size-sm)}}.dungeon-encyclopedia-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.dungeon-encyclopedia-layout{display:flex;justify-content:center;padding:20px;flex:1}.dungeon-encyclopedia-content{width:100%;max-width:var(--content-max-width)}.dungeon-header{margin-bottom:24px}.dungeon-encyclopedia-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-light);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s}.dungeon-encyclopedia-page .back-link:before{content:"←"}.dungeon-encyclopedia-page .back-link:hover{background-color:var(--border-color);color:var(--text-color);border-color:var(--primary-color)}.dungeon-title{font-size:var(--font-size-2xl);color:var(--primary-color)}.dungeon-encyclopedia-page .filter-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.dungeon-encyclopedia-page .filter-header{margin-bottom:12px}.dungeon-encyclopedia-page .filter-title{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.dungeon-encyclopedia-page .filter-chips{display:flex;flex-wrap:wrap;gap:8px}.dungeon-encyclopedia-page .filter-chip{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.dungeon-encyclopedia-page .filter-chip:hover{background-color:var(--border-color)}.dungeon-encyclopedia-page .filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.dungeon-list-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px}.dungeon-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.dungeon-list-title{font-size:var(--font-size-xl);color:var(--text-color)}.dungeon-count{color:var(--text-muted);font-size:var(--font-size-base)}.dungeon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.dungeon-card{padding:16px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.dungeon-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.dungeon-card.has-boss{border-color:#ef444480;background-color:#ef44440d}.dungeon-card.has-boss:hover{border-color:#ef4444}.dungeon-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dungeon-card-name{font-size:var(--font-size-base);color:var(--text-color);font-weight:500}.boss-badge{padding:2px 8px;background-color:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#f87171;font-size:12px;font-weight:700}.dungeon-card-info{display:flex;align-items:center;justify-content:space-between}.dungeon-region{font-size:var(--font-size-sm);color:var(--text-muted)}.dungeon-level{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:700}.dungeon-encyclopedia-page .modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dungeon-encyclopedia-page .modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.dungeon-encyclopedia-page .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:24px;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 0 2px}.dungeon-encyclopedia-page .modal-close:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.dungeon-encyclopedia-page .modal-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-right:40px}.modal-dungeon-name{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.modal-boss-badge{padding:4px 12px;background-color:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#f87171;font-size:var(--font-size-sm);font-weight:700}.dungeon-encyclopedia-page .modal-info-list{margin-bottom:24px;background-color:var(--bg-light);border-radius:8px;overflow:hidden}.dungeon-encyclopedia-page .modal-info-row{display:flex;padding:12px 16px;border-bottom:1px solid var(--border-color)}.dungeon-encyclopedia-page .modal-info-row:last-child{border-bottom:none}.dungeon-encyclopedia-page .info-label{min-width:80px;font-size:var(--font-size-base);color:var(--text-muted)}.dungeon-encyclopedia-page .info-value{font-size:var(--font-size-base);color:var(--text-color);font-weight:500}.dungeon-encyclopedia-page .info-value.boss-name{color:#f87171}.modal-description,.modal-monsters{margin-bottom:20px}.modal-section-title{font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:12px;padding-left:10px;border-left:3px solid var(--primary-color)}.modal-section-text{font-size:var(--font-size-base);color:var(--text-color);line-height:1.6;padding:12px 16px;background-color:var(--bg-light);border-radius:6px}.monster-list{display:flex;flex-direction:column;gap:8px}.monster-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--bg-light);border-radius:6px}.monster-name{font-size:var(--font-size-base);color:var(--text-color)}.monster-level{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:700}.dungeon-encyclopedia-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.dungeon-encyclopedia-layout{padding:12px}.dungeon-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:600px){.dungeon-encyclopedia-page .filter-chip{padding:6px 10px;font-size:12px}.dungeon-grid{grid-template-columns:1fr}.dungeon-card{padding:12px}.dungeon-encyclopedia-page .modal-content{padding:20px;max-height:90vh}}.bloodpledge-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.bloodpledge-layout{display:flex;justify-content:center;padding:20px;flex:1}.bloodpledge-content{width:100%;max-width:var(--content-max-width)}.bloodpledge-header{margin-bottom:16px}.bloodpledge-title{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:700}.server-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px}.server-label{font-size:var(--font-size-base);font-weight:700;color:var(--primary-color);margin-bottom:12px}.server-grid{display:flex;flex-wrap:wrap;gap:8px}.server-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.server-btn:hover{background-color:var(--border-color)}.server-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.section-title{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:16px;padding-left:12px;border-left:4px solid var(--primary-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recruit-count{font-size:var(--font-size-base);color:var(--text-muted)}.premium-section{margin-bottom:24px}.premium-banner-row{display:flex;flex-direction:column;align-items:center;gap:10px}.premium-banner{width:100%;max-width:700px;height:90px;background-color:var(--bg-card);border:2px solid var(--primary-color);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s}.premium-banner:hover{box-shadow:0 4px 16px #d4af374d}.premium-banner img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;background-color:var(--bg-light);color:var(--primary-color)}.banner-placeholder span:first-child{font-size:var(--font-size-lg);font-weight:700}.banner-size{font-size:var(--font-size-sm);color:var(--text-muted)}.recruit-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px}.recruit-list{display:flex;flex-direction:column}.recruit-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s}.recruit-row:last-child{border-bottom:none}.recruit-row:hover{background-color:#d4af370d}.recruit-name{min-width:120px;font-size:var(--font-size-base);color:var(--primary-color);font-weight:700}.recruit-title{flex:1;font-size:var(--font-size-base);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recruit-search{display:flex;gap:10px;margin-bottom:16px}.recruit-search .search-input{flex:1;padding:12px 16px;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-light);color:var(--text-color)}.recruit-search .search-input:focus{outline:none;border-color:var(--primary-color)}.recruit-search .search-input::placeholder{color:var(--text-muted)}.recruit-search .search-btn{padding:12px 24px;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s}.recruit-search .search-btn:hover{background-color:var(--primary-dark)}.no-results{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:var(--font-size-base)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.page-btn{padding:8px 14px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background-color:var(--border-color)}.page-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.bloodpledge-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.bloodpledge-layout{padding:12px}.recruit-name{min-width:100px}}@media(max-width:600px){.server-btn{padding:6px 10px;font-size:14px}.recruit-search{flex-direction:column}.recruit-search .search-btn{width:100%}.recruit-row{flex-direction:column;align-items:flex-start;gap:6px}.recruit-name{min-width:auto}.recruit-title{white-space:normal}.pagination{flex-wrap:wrap}}.enhance-simulator-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.enhance-simulator-layout{display:flex;justify-content:center;padding:20px;flex:1}.enhance-simulator-content{width:100%;max-width:var(--content-max-width)}.enhance-title{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:700;margin-bottom:24px}.section-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:16px;padding-left:12px;border-left:4px solid var(--primary-color)}.settings-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.setting-group{margin-bottom:16px}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;font-size:var(--font-size-base);color:var(--primary-color);font-weight:700;margin-bottom:10px}.setting-buttons{display:flex;flex-wrap:wrap;gap:8px}.setting-btn{padding:10px 20px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.setting-btn:hover{background-color:var(--border-color)}.setting-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--bg-color)}.equipment-select{width:100%;padding:12px 16px;font-size:var(--font-size-base);background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;margin-bottom:10px}.equipment-select:focus{outline:none;border-color:var(--primary-color)}.equipment-select option{background-color:var(--bg-card);color:var(--text-color)}.material-badge{font-size:var(--font-size-sm);color:var(--text-muted)}.material-badge span.normal{color:#51cf66}.material-badge span.special{color:#f59f00;font-weight:700}.weapon-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:24px;margin-bottom:20px;text-align:center;transition:all .3s}.weapon-section.success{border-color:#51cf66;box-shadow:0 0 30px #51cf664d}.weapon-section.fail{border-color:#f87171;box-shadow:0 0 30px #f871714d}.weapon-section.maintain{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2433}.weapon-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.weapon-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--bg-light),var(--border-color));border:3px solid var(--primary-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s}.weapon-icon.enhancing{animation:pulse .15s ease-in-out infinite;border-color:#60a5fa;box-shadow:0 0 20px #60a5fa80}.weapon-icon.success{animation:successPop .3s ease-out;border-color:#51cf66;box-shadow:0 0 30px #51cf6699}.weapon-icon.fail{animation:shake .3s ease-in-out;border-color:#f87171}.weapon-icon.maintain{animation:wobble .3s ease-in-out;border-color:#fbbf24}.enhance-level-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,var(--primary-color),#f5d77a);color:#1a1a1a;font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:10;box-shadow:0 2px 4px #0000004d}.equipment-image{width:80px;height:80px;object-fit:contain;z-index:2}.equipment-icon-placeholder{font-size:48px;z-index:2}.explosion-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(248,113,113,.8) 0%,rgba(239,68,68,.6) 30%,transparent 70%);border-radius:50%;animation:explode .4s ease-out forwards;z-index:1}.explosion-effect:before,.explosion-effect:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:explodeRing .4s ease-out forwards}.explosion-effect:before{width:100px;height:100px;border:3px solid rgba(248,113,113,.8)}.explosion-effect:after{width:150px;height:150px;border:2px solid rgba(248,113,113,.5);animation-delay:.1s}.success-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(81,207,102,.6) 0%,rgba(81,207,102,.3) 40%,transparent 70%);border-radius:50%;animation:glow .4s ease-out forwards;z-index:1}.success-effect:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid rgba(81,207,102,.8);border-radius:50%;animation:successRing .3s ease-out forwards}.maintain-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 60%);border-radius:50%;animation:pulse .4s ease-out;z-index:1}.enhancing-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:3px solid rgba(96,165,250,.6);border-radius:50%;animation:spinRing .3s linear infinite;z-index:1}.enhancing-effect:before{content:"";position:absolute;inset:-3px;border:3px solid transparent;border-top-color:#60a5fa;border-radius:50%;animation:spinRing .2s linear infinite reverse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes explode{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes explodeRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes glow{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes successRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes spinRing{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.result-message{font-size:var(--font-size-xl);font-weight:700;margin-bottom:20px;padding:16px;border-radius:8px;animation:fadeInUp .3s ease-out}.result-message.success{background-color:#51cf6626;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.result-message.maintain{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.result-message.fail{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weapon-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.weapon-name{font-size:var(--font-size-xl);color:var(--text-color);font-weight:700}.safe-badge{padding:4px 12px;border-radius:4px;font-size:var(--font-size-sm);font-weight:700}.safe-badge.safe{background-color:#28a74533;border:1px solid rgba(40,167,69,.5);color:#51cf66}.safe-badge.danger{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.rates-display{display:flex;justify-content:center;gap:24px;margin-bottom:20px;padding:16px;background-color:var(--bg-light);border-radius:8px}.rate-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.rate-label{font-size:var(--font-size-sm);color:var(--text-muted)}.rate-value{font-size:var(--font-size-lg);font-weight:700}.rate-item.success .rate-value{color:#51cf66}.rate-item.maintain .rate-value{color:#fbbf24}.rate-item.fail .rate-value{color:#f87171}.blessed-info{margin-bottom:16px;padding:10px 16px;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:var(--font-size-sm)}.target-probability{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:16px;margin-bottom:20px;text-align:center}.target-prob-title{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:8px}.target-prob-value{font-size:var(--font-size-2xl);font-weight:700;color:#60a5fa;margin-bottom:8px}.target-prob-desc{font-size:var(--font-size-sm);color:var(--text-muted)}.action-buttons{display:flex;justify-content:center;gap:12px}.enhance-btn{padding:16px 48px;background:linear-gradient(135deg,var(--primary-color),#f5d77a);border:none;border-radius:8px;color:#1a1a1a;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all .2s}.enhance-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 16px #d4af3766}.enhance-btn:disabled{opacity:.5;cursor:not-allowed}.enhance-btn.enhancing{background:linear-gradient(135deg,#60a5fa,#93c5fd);animation:pulse .15s ease-in-out infinite}.reset-btn{padding:16px 32px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.reset-btn:hover:not(:disabled){background-color:var(--border-color)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.stats-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:var(--bg-light);border-radius:8px}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.stat-value{font-size:var(--font-size-base);font-weight:700;color:var(--text-color)}.stat-item.success .stat-value{color:#51cf66}.stat-item.maintain .stat-value{color:#fbbf24}.stat-item.fail .stat-value{color:#f87171}.history-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px}.history-list{max-height:300px;overflow-y:auto}.no-history{text-align:center;padding:40px;color:var(--text-muted)}.history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.history-item:last-child{border-bottom:none}.history-equipment{font-size:18px}.history-name{font-size:var(--font-size-sm);color:var(--text-muted);min-width:100px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-level{font-weight:700;color:var(--text-color);min-width:40px}.history-arrow{color:var(--text-muted)}.history-result{flex:1;font-weight:700}.history-item.success .history-result{color:#51cf66}.history-item.maintain .history-result{color:#fbbf24}.history-item.fail .history-result{color:#f87171}.history-scroll{font-size:var(--font-size-sm);color:var(--text-muted);padding:2px 8px;background-color:var(--bg-light);border-radius:4px}.enhance-simulator-footer{background-color:var(--bg-light);color:var(--text-light);padding:24px;text-align:center;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}@media(max-width:900px){.enhance-simulator-layout{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.weapon-display{flex-direction:column;gap:16px}.weapon-info{align-items:center}.weapon-icon{width:100px;height:100px}.weapon-level{font-size:28px}.equipment-icon{font-size:24px}.rates-display{flex-direction:column;gap:12px}.rate-item{flex-direction:row;justify-content:space-between;width:100%}.action-buttons{flex-direction:column}.enhance-btn,.reset-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.setting-btn{width:100%}.history-item{flex-wrap:wrap;gap:8px}.history-name{min-width:auto;max-width:80px}.result-message{font-size:var(--font-size-lg);padding:12px}.equipment-icon-placeholder{font-size:36px}.enhance-level-badge{font-size:12px;padding:2px 4px}}.banner-auction-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.auction-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:48px 24px;text-align:center}.auction-header-content{max-width:800px;margin:0 auto}.auction-title{font-size:36px;font-weight:800;color:#fff;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auction-subtitle{font-size:16px;color:#ffffffe6;margin:0}.auction-info-section{background:#fff;padding:32px 24px;border-bottom:1px solid #e2e8f0}.auction-container{max-width:1200px;margin:0 auto;padding:0 24px}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.info-card{display:flex;align-items:center;justify-content:center;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.info-content{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label{font-size:12px;color:#64748b;margin-bottom:2px}.info-value{font-size:16px;font-weight:700;color:#1e293b}.bid-rules{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:20px}.bid-rules h3{font-size:14px;font-weight:600;color:#92400e;margin:0 0 12px}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rule-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-radius:8px;font-size:13px}.rule-range{color:#64748b}.rule-unit{font-weight:700;color:#d97706}.server-selector{padding:32px 0 24px}.section-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 16px}.server-tabs{display:flex;gap:8px;flex-wrap:wrap}.server-tab{padding:12px 24px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.server-tab:hover{border-color:#3b82f6;color:#3b82f6}.server-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.slots-section{padding-bottom:32px}.slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.slot-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s}.slot-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.slot-card.my-bid{border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4,#fff)}.slot-card.no-bid{border-color:#3b82f6;background:linear-gradient(180deg,#eff6ff,#fff)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slot-number{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.my-bid-badge{padding:4px 10px;background:#22c55e;color:#fff;font-size:11px;font-weight:600;border-radius:20px}.new-badge{padding:4px 10px;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;border-radius:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.slot-price-section{text-align:center;padding:20px 0;margin-bottom:16px;background:#f8fafc;border-radius:12px}.price-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.current-price{font-size:28px;font-weight:800;color:#1e293b}.slot-info{margin-bottom:16px}.slot-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.slot-info .info-row:last-child{border-bottom:none}.slot-info .label{color:#64748b}.slot-info .value{font-weight:600;color:#1e293b}.slot-info .value.highlight{color:#22c55e}.slot-info .value.next-price{color:#3b82f6}.bid-button{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.bid-button:hover:not(.disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.02)}.bid-button.disabled{background:linear-gradient(135deg,#22c55e,#16a34a);cursor:not-allowed}.notice-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:48px}.notice-section h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px}.notice-list{margin:0;padding-left:20px}.notice-list li{font-size:14px;color:#64748b;line-height:1.8;margin-bottom:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#64748b}.modal-body{padding:24px}.bid-confirm-info{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.confirm-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.confirm-row:not(:last-child){border-bottom:1px solid #e2e8f0}.confirm-row .label{color:#64748b}.confirm-row .value{font-weight:600;color:#1e293b}.confirm-row.highlight{padding-top:12px;margin-top:4px}.confirm-row.highlight .label{font-weight:600;color:#1e293b}.confirm-row .value.price{font-size:20px;font-weight:800;color:#3b82f6}.bid-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:14px}.bid-warning p{margin:0;font-size:13px;color:#92400e;line-height:1.6}.bid-warning p:first-child{margin-bottom:8px}.bid-warning p:last-child{font-weight:600}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.btn-cancel{flex:1;padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:#f8fafc}.btn-confirm{flex:1;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s}.btn-confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@media(max-width:1200px){.slots-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.info-cards,.rules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.auction-header{padding:32px 16px}.auction-title{font-size:28px}.auction-info-section{padding:24px 16px}.auction-container{padding:0 16px}.info-cards{grid-template-columns:1fr 1fr;gap:12px}.info-card{padding:12px}.info-icon{font-size:24px}.info-value{font-size:14px}.rules-grid{grid-template-columns:1fr;gap:8px}.rule-item{padding:8px 12px}.slots-grid{grid-template-columns:1fr;gap:16px}.slot-card{padding:16px}.current-price{font-size:24px}.server-tabs{gap:6px}.server-tab{padding:10px 16px;font-size:14px}}@media(max-width:480px){.info-cards{grid-template-columns:1fr}.auction-title{font-size:24px}.auction-subtitle{font-size:14px}}