/* Reset and Base Styles */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%);min-height:100vh;padding-top:60px;}
html{scroll-behavior:smooth;}

/* Main Header Styles */
.main-header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;}
.header-container{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.logo{display:flex;flex-direction:column;text-decoration:none;color:#e74c3c;font-weight:bold;line-height:1.2;}
.logo span{font-size:1.2rem;}
.logo .logo-sub{font-size:0.7rem;color:#2c3e50;}

/* Main Navigation */
.main-nav ul{display:flex;list-style:none;gap:25px;align-items:center;}
.main-nav a{text-decoration:none;color:#2c3e50;font-weight:500;transition:color 0.3s ease;}
.main-nav a:hover{color:#e74c3c;}

/* Dropdown Menu - Series Dropdown */
.dropdown{position:relative;}
.dropdown-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;}
.dropdown-toggle i{font-size:0.7rem;transition:transform 0.3s ease;}
.dropdown:hover .dropdown-toggle i{transform:rotate(180deg);}
.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:8px;padding:10px 0;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(10px);}
.dropdown-menu li{list-style:none;}
.dropdown-menu a{display:block;padding:8px 20px;color:#2c3e50;text-decoration:none;transition:background 0.3s ease;}
.dropdown-menu a:hover{background:#f8f9fa;}

/* Series Dropdown Specific */
.series-dropdown .series-item{display:flex;align-items:center;gap:10px;padding:8px 15px;}
.series-dropdown .series-item img{width:30px;height:42px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.series-dropdown .series-item span{font-size:0.9rem;}

/* Header Right Section */
.header-right{display:flex;align-items:center;gap:20px;}
.social-buttons{display:flex;gap:10px;}
.social-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border-radius:50%;color:#2c3e50;text-decoration:none;transition:all 0.3s ease;}
.social-btn:hover{background:#e74c3c;color:#fff;transform:translateY(-2px);}

/* Header Search */
.header-search{display:flex;align-items:center;background:#f8f9fa;border-radius:20px;padding:5px 15px;gap:8px;}
.header-search input{border:none;background:none;outline:none;width:150px;font-size:0.9rem;}
.header-search button{border:none;background:none;color:#7f8c8d;cursor:pointer;padding:5px;transition:color 0.3s ease;}
.header-search button:hover{color:#e74c3c;}

/* Mobile Menu Toggle */
.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:10px;}
.mobile-menu-toggle span{width:25px;height:2px;background:#2c3e50;transition:all 0.3s ease;}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(6px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-6px);}

/* Mobile Menu */
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:20px;max-height:calc(100vh - 60px);overflow-y:auto;}
.mobile-menu.active{display:block;}
.mobile-search{display:flex;align-items:center;background:#f8f9fa;border-radius:8px;padding:10px;margin-bottom:20px;}
.mobile-search input{flex:1;border:none;background:none;outline:none;font-size:1rem;}
.mobile-search button{border:none;background:none;color:#7f8c8d;padding:5px;}
.mobile-menu nav ul{list-style:none;}
.mobile-menu nav > ul > li{border-bottom:1px solid #ecf0f1;padding:10px 0;}
.mobile-menu nav a{text-decoration:none;color:#2c3e50;display:block;padding:5px 0;}
.mobile-menu .dropdown-menu{position:static;box-shadow:none;padding-left:20px;opacity:1;visibility:visible;transform:none;}
.mobile-social{display:flex;gap:15px;justify-content:center;margin-top:20px;}

/* Series Information Section with Action Buttons */
.series-info{background:#fff;padding:10px 20px;border-bottom:2px solid #d4af37;}
.series-container{max-width:1400px;margin:0 auto;display:flex;gap:15px;align-items:center;}
.series-thumb{width:40px;height:auto;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.series-details{flex:1;}
.series-title{font-size:1.5rem;color:#2c3e50;font-weight:bold;line-height:1.3;}
.series-meta{display:flex;gap:15px;margin-top:4px;}
.series-meta span{font-size:0.8rem;color:#7f8c8d;}
.series-date{font-weight:600;}

/* Series Action Buttons */
.series-actions{display:flex;gap:10px;}
.action-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:0.85rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.sales-link{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;}
.sales-link:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3);}
.buyback-link{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;}
.buyback-link:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px rgba(39,174,96,0.3);}

/* Search Section - Enhanced */
.search-section{background:#2c3e50;padding:15px 20px 12px;}
.search-container{max-width:1400px;margin:0 auto;}

/* Keyword Search Row */
.keyword-search-row{margin-bottom:12px;}
.search-input-large{width:100%;max-width:600px;padding:10px 20px;font-size:1rem;border:2px solid #d4af37;border-radius:25px;outline:none;background:#fff;transition:all 0.3s ease;}
.search-input-large:focus{border-color:#f39c12;box-shadow:0 0 0 3px rgba(212,175,55,0.2);}

/* Filter Main Row */
.filter-main-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.filter-group-inline{display:flex;align-items:center;gap:8px;}
.filter-label-inline{color:#d4af37;font-size:0.85rem;font-weight:600;}
.filter-options-inline{display:flex;gap:4px;flex-wrap:wrap;}
.filter-checkbox{display:none;}
.filter-chip{background:#34495e;color:#ecf0f1;padding:3px 8px;border-radius:12px;cursor:pointer;font-size:0.75rem;transition:all 0.2s ease;border:1px solid transparent;}
.filter-checkbox:checked + .filter-chip{background:#d4af37;color:#2c3e50;border-color:#b8941f;}
.filter-chip:hover{background:#3e4f63;}
.filter-checkbox:checked + .filter-chip:hover{background:#b8941f;}

/* Color-specific compact styles */
.filter-checkbox[data-filter-value="red"]:checked + .filter-chip{background:#e74c3c;color:#fff;border-color:#c0392b;}
.filter-checkbox[data-filter-value="green"]:checked + .filter-chip{background:#27ae60;color:#fff;border-color:#229954;}
.filter-checkbox[data-filter-value="blue"]:checked + .filter-chip{background:#3498db;color:#fff;border-color:#2980b9;}
.filter-checkbox[data-filter-value="yellow"]:checked + .filter-chip{background:#f1c40f;color:#2c3e50;border-color:#d4ac0d;}
.filter-checkbox[data-filter-value="purple"]:checked + .filter-chip{background:#9b59b6;color:#fff;border-color:#8e44ad;}
.filter-checkbox[data-filter-value="black"]:checked + .filter-chip{background:#1a1a1a;color:#fff;border-color:#000;}

/* Clear button - Large */
.clear-btn-large{background:#e74c3c;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-size:0.9rem;font-weight:600;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;}
.clear-btn-large:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px rgba(231,76,60,0.3);}
.clear-btn-large i{font-size:0.85rem;}

/* Results count */
.results-count{color:#d4af37;font-size:0.75rem;margin-top:8px;text-align:center;}

/* Card List Notice */
.card-list-notice{background:#fff3cd;color:#856404;padding:12px 20px;margin:20px auto 0;max-width:1400px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:0.9rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.card-list-notice i{font-size:1.1rem;}

/* Modal Styles */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);animation:fadeIn 0.3s;}
.modal.show{display:block;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

.modal-content{background-color:#fff;margin:5% auto;padding:0;width:90%;max-width:900px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);animation:slideDown 0.3s;}
@keyframes slideDown{from{transform:translateY(-50px);opacity:0;}to{transform:translateY(0);opacity:1;}}

.modal-header{padding:20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;}
.modal-header h2{color:#2c3e50;font-size:1.5rem;}
.close-modal{color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.3s;}
.close-modal:hover{color:#e74c3c;}

.modal-body{padding:20px;}
.title-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;}
.title-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform 0.3s;padding:10px;border-radius:8px;}
.title-item:hover{transform:translateY(-5px);background:#f8f9fa;}
.title-item img{width:100px;height:140px;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:8px;}
.title-item span{color:#2c3e50;font-size:0.9rem;font-weight:500;text-align:center;}

/* Image Modal */
.image-modal-content{position:relative;max-width:90%;max-height:90%;margin:2% auto;animation:slideDown 0.3s;}
.image-modal-content img{width:100%;height:auto;max-height:90vh;object-fit:contain;}
.close-image-modal{position:absolute;top:-30px;right:0;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.3s;}
.close-image-modal:hover{color:#e74c3c;}

/* TCG Card List Section */
.tcg-card-list{max-width:1400px;margin:20px auto 0;padding:0 20px;}
.tcg-card-list .page-title{text-align:center;color:#d4af37;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);font-weight:bold;}
.tcg-card-list .card-container{display:flex;flex-direction:column;gap:12px;}

/* Card Item with Color Themes */
.tcg-card-list .card-item{background:white;border-radius:12px;margin-bottom:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;overflow:hidden;position:relative;border:3px solid #ddd;}
.tcg-card-list .card-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.tcg-card-list .card-item.hidden{display:none;}

/* Single Color Themes */
.tcg-card-list .card-item[data-color="red"]{border-color:#e74c3c;background:linear-gradient(135deg,#ffffff 0%,#ffebee 100%);}
.tcg-card-list .card-item[data-color="green"]{border-color:#27ae60;background:linear-gradient(135deg,#ffffff 0%,#e8f5e8 100%);}
.tcg-card-list .card-item[data-color="blue"]{border-color:#3498db;background:linear-gradient(135deg,#ffffff 0%,#e3f2fd 100%);}
.tcg-card-list .card-item[data-color="yellow"]{border-color:#f1c40f;background:linear-gradient(135deg,#ffffff 0%,#fffbf0 100%);}
.tcg-card-list .card-item[data-color="purple"]{border-color:#9b59b6;background:linear-gradient(135deg,#ffffff 0%,#f3e5f5 100%);}
.tcg-card-list .card-item[data-color="black"]{border-color:#2c3e50;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);}

/* Half-Half Color Themes */
.tcg-card-list .card-item[data-color*="red"][data-color*="blue"]{border-image:linear-gradient(to right,#e74c3c 50%,#3498db 50%) 1;background:linear-gradient(to right,#ffebee 50%,#e3f2fd 50%);}
.tcg-card-list .card-item[data-color*="red"][data-color*="green"]{border-image:linear-gradient(to right,#e74c3c 50%,#27ae60 50%) 1;background:linear-gradient(to right,#ffebee 50%,#e8f5e8 50%);}
.tcg-card-list .card-item[data-color*="red"][data-color*="black"]{border-image:linear-gradient(to right,#e74c3c 50%,#2c3e50 50%) 1;background:linear-gradient(to right,#ffebee 50%,#f8f9fa 50%);}
.tcg-card-list .card-item[data-color*="green"][data-color*="blue"]{border-image:linear-gradient(to right,#27ae60 50%,#3498db 50%) 1;background:linear-gradient(to right,#e8f5e8 50%,#e3f2fd 50%);}
.tcg-card-list .card-item[data-color*="yellow"][data-color*="purple"]{border-image:linear-gradient(to right,#f1c40f 50%,#9b59b6 50%) 1;background:linear-gradient(to right,#fffbf0 50%,#f3e5f5 50%);}

/* Block Number Circle */
.block-number{width:24px;height:24px;border-radius:50%;background:#e74c3c;color:white;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.block-number[data-block="0"]{display:none;}

/* Power Box with Unified Border */
.tcg-card-list .power-box{background:white;border:2px solid #d4af37;border-radius:8px;padding:6px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.tcg-card-list .power-value{font-weight:bold;font-size:1.1rem;color:#333;}

/* Attribute Icon - Larger Size */
.tcg-card-list .attribute-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:bold;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.5);border:2px solid #d4af37;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.tcg-card-list .attribute-icon.special{background:#9b59b6;}
.tcg-card-list .attribute-icon.intelligence{background:#27ae60;}
.tcg-card-list .attribute-icon.slash{background:#16a085;}
.tcg-card-list .attribute-icon.strike{background:#d4af37;}
.tcg-card-list .attribute-icon.ranged{background:#e74c3c;}

/* Card Layout */
.tcg-card-list .card-content{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:15px;align-items:start;}

/* Left Column - Card Number and Image */
.tcg-card-list .card-left{display:flex;flex-direction:column;gap:8px;}
.tcg-card-list .card-number{background:linear-gradient(45deg,#2c3e50,#34495e);color:white;padding:4px 8px;border-radius:8px;font-weight:bold;font-size:0.8rem;text-align:center;}
.tcg-card-list .card-image{width:100%;height:auto;aspect-ratio:7/10;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.tcg-card-list .clickable-image{cursor:pointer;transition:transform 0.2s;}
.tcg-card-list .clickable-image:hover{transform:scale(1.05);}

/* Card Info Area */
.tcg-card-list .card-info{display:flex;flex-direction:column;gap:12px;margin-top:25px;}

/* Card Header with Right Stats */
.tcg-card-list .card-header{border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start;}
.tcg-card-list .card-header-left{display:flex;flex-direction:column;gap:6px;}
.tcg-card-list .card-header-right{display:flex;align-items:center;gap:8px;}
.tcg-card-list .card-title{font-size:1.3rem;font-weight:bold;color:#333;margin-bottom:0;line-height:1.2;}
.tcg-card-list .card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

/* Rarity Colors */
.tcg-card-list .rarity{padding:4px 8px;border-radius:10px;font-weight:bold;font-size:0.75rem;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.tcg-card-list .rarity.parallel{background:linear-gradient(45deg,#ffd700,#ffed4e,#ffc107,#ff8f00,#d4af37);color:#2c3e50;animation:luxuryHolo 3s ease-in-out infinite alternate;border:1px solid #d4af37;}
.tcg-card-list .rarity.sr{background:linear-gradient(45deg,#fd79a8,#e84393);color:white;}
.tcg-card-list .rarity.r{background:linear-gradient(45deg,#74b9ff,#0984e3);color:white;}
.tcg-card-list .rarity.uc{background:linear-gradient(45deg,#00b894,#00cec9);color:white;}
.tcg-card-list .rarity.c{background:#bdc3c7;color:#2c3e50;}
.tcg-card-list .rarity.sec{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:white;}
.tcg-card-list .rarity.l{background:linear-gradient(45deg,#ff6348,#ff7675);color:white;}
.tcg-card-list .rarity.don{background:linear-gradient(45deg,#2c3e50,#34495e);color:white;}
.tcg-card-list .rarity.other{background:#95a5a6;color:white;}

@keyframes luxuryHolo{0%{filter:hue-rotate(0deg) brightness(1);box-shadow:0 0 10px rgba(212,175,55,0.3);}100%{filter:hue-rotate(20deg) brightness(1.1);box-shadow:0 0 15px rgba(212,175,55,0.5);}}

.tcg-card-list .group-badge{background:linear-gradient(45deg,#2c3e50,#34495e);color:white;padding:4px 10px;border-radius:10px;font-weight:bold;font-size:0.8rem;border:1px solid #d4af37;}

/* Stats List */
.tcg-card-list .stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;background:white;padding:12px;border-radius:8px;border:2px solid #d4af37;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.tcg-card-list .stat-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:6px 8px;border-radius:4px;border-left:3px solid #d4af37;}
.tcg-card-list .stat-label{font-size:0.75rem;color:#2c3e50;font-weight:600;}
.tcg-card-list .stat-value{font-size:0.8rem;color:#2c3e50;font-weight:bold;}

/* Feature Section */
.tcg-card-list .feature-section{background:white;padding:8px 12px;border-radius:6px;border:2px solid #d4af37;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.tcg-card-list .feature-content{display:flex;gap:8px;align-items:center;}
.tcg-card-list .feature-label{font-size:0.75rem;color:#2c3e50;font-weight:600;}
.tcg-card-list .feature-value{font-size:0.85rem;color:#2c3e50;font-weight:bold;}

/* Text Section with Styled Keywords */
.tcg-card-list .text-section{background:white;border:2px solid #d4af37;border-radius:8px;padding:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.tcg-card-list .text-label{font-size:0.75rem;color:#2c3e50;font-weight:600;margin-bottom:6px;}
.tcg-card-list .text-content{font-size:0.85rem;line-height:1.5;color:#2c3e50;}


/* Keyword Styles */
.keyword-turn{background:#cd103b;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-main{background:#0358a5;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-attack{background:#0358a5;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-rush{background:#ff8c00;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-play{background:#0358a5;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-ko{background:#0358a5;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-trigger{background:#f1c40f;color:#000;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-counter{background:#cd103b;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-blocker{background:#ff8c00;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-opponent{background:#0358a5;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}
.keyword-don{background:#000;color:white;padding:2px 5px;border-radius:3px;font-weight:bold;font-size:0.75rem;}

/* No Results Message */
.no-results{display:none;text-align:center;padding:40px;color:#7f8c8d;font-size:1.1rem;}

/* Fixed Action Buttons */
.fixed-actions{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:900;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.action-btn{width:45px;height:45px;border-radius:50%;background:#d4af37;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.action-btn:hover{background:#b8941f;transform:translateY(-2px);}
.action-btn i{font-size:1.1rem;}


/* Responsive - Tablet */
@media (max-width:992px) {
  /* Series styles */
  .series-info { padding: 8px 15px; }
  .series-container { flex-wrap: wrap; justify-content: center; text-align: center; }
  .series-thumb {width: 45px;height: auto;}
  .series-title {font-size: 1.4rem;}
  .series-meta span { font-size: 0.75rem; }
  .series-actions { width: 100%; justify-content: center; margin-top: 10px; }
  
  /* Search styles */
  .search-section { padding: 10px 15px; }
  .search-input-large { max-width: 100%; }
  .filter-main-row { flex-direction: column; gap: 10px; }
  
  /* Header styles */
  .header-search input { width: 120px; }
  
  /* Filter styles */
  .filter-group-inline { width: 100%; justify-content: center; }
  .filter-checkbox-label { padding: 5px 10px; font-size: 0.8rem; }
  
  /* TCG card list styles */
  .tcg-card-list .card-content { grid-template-columns: 140px 1fr; gap: 12px; padding: 12px; }
  .tcg-card-list .card-title { font-size: 1.2rem; }
  .tcg-card-list .attribute-icon { width: 28px; height: 28px; font-size: 0.8rem; }
  .tcg-card-list .power-value { font-size: 1rem; }
}

/* Responsive - Mobile */
@media (max-width:768px) {
  /* Navigation styles */
  .main-nav, .header-right { display: none; }
  .mobile-menu-toggle { display: flex; }
  
  /* Series styles */
  .series-info {padding: 8px 20px;}
  .series-container {gap: 0px;/* justify-content: space-between; */}
  .series-thumb {width: 40px;height: auto;}
  .series-title {font-size: 1.3rem;}
  .series-meta {gap: 10px;justify-content: center;}
  .series-meta span { font-size: 0.7rem; }
  .series-actions {flex-direction: row;width: 100%;justify-content: center;text-align: center;}
  .action-link {width: 49%;justify-content: center;margin: 0 auto;align-items: baseline;font-size: 13px;}
  
  /* Search styles */
  .search-section { padding: 10px; }
  .search-input-large { font-size: 0.9rem; padding: 8px 15px; }
  .filter-main-row { align-items: stretch; }
  .filter-group-inline { flex-wrap: wrap; }
  .filter-label-inline { font-size: 0.75rem; }
  .filter-chip { padding: 2px 6px; font-size: 0.7rem; }
  
  /* Button styles */
  .clear-btn-large { width: 100%; justify-content: center; }
  
  /* Results styles */
  .results-count { font-size: 0.7rem; margin-top: 5px; }
  
  /* Modal styles */
  .modal-content { width: 95%; margin: 10% auto; }
  .title-grid { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 15px; }
  .title-item img { width: 80px; height: 112px; }
  
  /* TCG card list styles */
  .tcg-card-list { padding: 15px; }
  .tcg-card-list .page-title { font-size: 2rem; margin-bottom: 20px; }
  .tcg-card-list .card-content { grid-template-columns: 120px 1fr; gap: 10px; padding: 10px; }
  .tcg-card-list .card-left { align-self: center; }
  .tcg-card-list .card-title { font-size: 1.1rem; }
  .tcg-card-list .card-info { gap: 10px; }
  .tcg-card-list .stats-list { grid-template-columns: 1fr; gap: 6px; padding: 8px; }
  .tcg-card-list .stat-item { padding: 4px 6px; }
  .tcg-card-list .feature-section { padding: 6px 8px; }
  .tcg-card-list .text-section { padding: 8px; }
  .tcg-card-list .text-content { font-size: 0.8rem; }
  .tcg-card-list .attribute-icon { width: 24px; height: 24px; font-size: 0.7rem; }
  .tcg-card-list .power-value { font-size: 0.9rem; }
}

/* Responsive - Small Mobile */
@media (max-width:430px) {
  /* Logo styles */
  .logo span { font-size: 1rem; }
  .logo .logo-sub { font-size: 0.6rem; }
  
  /* Series styles */
  .series-info { padding: 6px 8px; }
  .series-thumb { width: 35px; height: 49px; }
  .series-title { font-size: 0.8rem; }
  .series-meta span { font-size: 0.65rem; }
  .action-link { font-size: 0.75rem; padding: 6px 12px; }
  
  /* Search styles */
  .search-section { padding: 8px; }
  .search-input-large { font-size: 0.85rem; padding: 8px 12px; }
  .filter-group-inline { gap: 4px; }
  .filter-label-inline { font-size: 0.7rem; }
  .filter-chip { padding: 2px 5px; font-size: 0.65rem; }
  
  /* Button styles */
  .clear-btn-large { font-size: 0.8rem; padding: 6px 15px; }
  
  /* Card list notice */
  .card-list-notice { font-size: 0.8rem; padding: 10px 15px; }
  
  /* Modal styles */
  .title-item img { width: 60px; height: 84px; }
  .title-item span { font-size: 0.75rem; }
  
  /* TCG card list styles */
  .tcg-card-list { padding: 10px; }
  .tcg-card-list .page-title { font-size: 1.5rem; margin-bottom: 15px; }
  .tcg-card-list .card-container { gap: 8px; }
  .tcg-card-list .card-item { margin-bottom: 8px; border-width: 2px; }
  .tcg-card-list .card-content { grid-template-columns: 100px 1fr; gap: 8px; padding: 8px; }
  .tcg-card-list .card-left { align-self: center; }
  .tcg-card-list .card-number { padding: 2px 6px; font-size: 0.7rem; }
  .tcg-card-list .card-title { font-size: 1rem; margin-bottom: 4px; }
  .tcg-card-list .card-meta { gap: 4px; }
  .tcg-card-list .group-badge { padding: 2px 6px; font-size: 0.7rem; }
  .tcg-card-list .rarity { padding: 2px 5px; font-size: 0.65rem; }
  .tcg-card-list .card-info { gap: 8px; }
  .tcg-card-list .stats-list { gap: 4px; padding: 6px; }
  .tcg-card-list .stat-item { padding: 3px 5px; }
  .tcg-card-list .stat-label { font-size: 0.65rem; }
  .tcg-card-list .stat-value { font-size: 0.7rem; }
  .tcg-card-list .feature-section { padding: 4px 6px; }
  .tcg-card-list .feature-label { font-size: 0.65rem; }
  .tcg-card-list .feature-value { font-size: 0.75rem; }
  .tcg-card-list .text-section { padding: 6px; }
  .tcg-card-list .text-label { font-size: 0.65rem; margin-bottom: 4px; }
  .tcg-card-list .text-content { font-size: 0.7rem; line-height: 1.4; }
  .tcg-card-list .don-highlight { font-size: 0.65rem; padding: 1px 3px; }
  .tcg-card-list .attribute-icon { width: 20px; height: 20px; font-size: 0.6rem; }
  .tcg-card-list .power-value { font-size: 0.8rem; }
  .tcg-card-list .card-header { flex-direction: column; align-items: flex-start; gap: 6px; }
  .tcg-card-list .card-header-right { align-self: flex-end; }
  
  /* Fixed actions styles */
  .fixed-actions { bottom: 15px; right: 15px; }
  .action-btn { width: 40px; height: 40px; }
  .action-btn i { font-size: 1rem; }
}