.villain-article-container{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333;background-color:#f9f9f9;line-height:1.6;}.villain-header{text-align:center;margin-bottom:40px;position:relative;}.villain-title{font-size:3rem;color:#8b0000;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.2);font-weight:800;}.villain-header-decoration{height:4px;background:linear-gradient(90deg,transparent,#8b0000,transparent);width:80%;margin:0 auto;}.villain-section{margin-bottom:50px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);background-color:#fff;transition:transform 0.3s ease;}.villain-section:hover{transform:translateY(-5px);}.villain-section-title{padding:20px;margin:0;background-color:#8b0000;color:#fff;font-size:1.8rem;font-weight:600;}.villain-content{padding:20px;}.villain-text{margin-bottom:20px;font-size:1.1rem;}.generator-container{background-color:#f0f0f0;border-radius:8px;padding:20px;margin-top:20px;}.generator-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;}.generator-option{flex:1;min-width:200px;}.villain-label{display:block;margin-bottom:8px;font-weight:600;}.villain-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;}.villain-button{background-color:#8b0000 !important;color:white !important;border:none !important;padding:12px 24px !important;border-radius:4px !important;cursor:pointer !important;font-size:1rem !important;font-weight:600 !important;transition:background-color 0.3s !important;}.villain-button:hover{background-color:#6d0000;}.villain-button-secondary{background-color:#444;}.villain-button-secondary:hover{background-color:#333;}.villain-button-large{font-size:1.2rem;padding:15px 30px;}.generator-result{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;}.result-box{flex:1;background-color:#fff;padding:15px;border-radius:4px;border:1px solid #ddd;min-width:200px;}.result-label{display:block;font-weight:600;margin-bottom:5px;color:#666;}.result-name{font-size:1.4rem;font-weight:700;color:#8b0000;}.villain-columns{display:flex;flex-wrap:wrap;gap:20px;}.villain-list{flex:1;min-width:200px;padding-left:20px;}.villain-list li{margin-bottom:10px;position:relative;}.villain-list li::before{content:"•";color:#8b0000;font-weight:bold;display:inline-block;width:1em;margin-left:-1em;}.villain-cards-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;}.villain-card{background:linear-gradient(135deg,#2c3e50,#1a1a2e);color:white;border-radius:8px;padding:15px;width:calc(33.333% - 15px);min-width:250px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s;}.villain-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.3);}.villain-card-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:#f8c291;}.villain-card-meaning{font-size:0.95rem;color:#ddd;}.villain-tag-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}.villain-tag{background-color:#222;color:#fff;padding:8px 16px;border-radius:20px;font-size:1rem;transition:background-color 0.3s,transform 0.3s;}.villain-tag:hover{background-color:#8b0000;transform:scale(1.05);}.villain-table-container{overflow-x:auto;}.villain-table{width:100%;border-collapse:collapse;margin-top:20px;}.villain-table th,.villain-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;}.villain-table th{background-color:#333;color:white;font-weight:600;}.villain-table tr:nth-child(even){background-color:#f5f5f5;}.villain-table tr:hover{background-color:#e9e9e9;}.villain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;}.villain-grid-item{background-color:#333;color:white;padding:15px;border-radius:5px;text-align:center;transition:background-color 0.3s,transform 0.3s;}.villain-grid-item:hover{background-color:#8b0000;transform:scale(1.05);}.villain-accordion{border:1px solid #ddd;border-radius:8px;overflow:hidden;}.villain-accordion-item{border-bottom:1px solid #ddd;}.villain-accordion-item:last-child{border-bottom:none;}.villain-accordion-header{background-color:#f0f0f0;padding:15px;cursor:pointer;font-weight:600;transition:background-color 0.3s;position:relative;}.villain-accordion-header:hover{background-color:#e0e0e0;}.villain-accordion-header::after{content:"+";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.5rem;}.villain-accordion-item.active .villain-accordion-header::after{content:"-";}.villain-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;}.villain-accordion-item.active .villain-accordion-content{max-height:500px;}.villain-accordion-list{padding:15px;margin:0;}.villain-accordion-list li{margin-bottom:8px;}.villain-hexgrid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:900px;}.villain-hex{position:relative;width:150px;height:173px;margin:15px 8px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#333,#111);transition:transform 0.3s;}.villain-hex:hover{transform:scale(1.05);background:linear-gradient(135deg,#8b0000,#600000);}.villain-hex-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:white;text-align:center;padding:10px;font-weight:600;}.villain-cta{background-color:#f0f0f0;padding:20px;border-radius:8px;text-align:center;margin-top:30px;}@media (max-width:992px){.villain-title{font-size:2.5rem;}.villain-section-title{font-size:1.6rem;}.villain-card{width:calc(50% - 15px);}.villain-hex{width:130px;height:150px;}.villain-button,.villain-button-secondary{font-size:1rem;padding:12px 24px;}}@media (max-width:768px){.villain-title{font-size:2.2rem;}.villain-section-title{font-size:1.4rem;}.villain-text{font-size:1rem;}.villain-card{width:100%;}.villain-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}.villain-hex{width:110px;height:127px;}.generator-options{flex-direction:column;gap:15px;}.villain-button,.villain-button-secondary{width:100%;}}@media (max-width:600px){.villain-article-container{padding:15px;}.villain-title{font-size:1.8rem;}.villain-section-title{font-size:1.3rem;padding:15px;}.villain-content{padding:15px;}.villain-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}.villain-hex{width:90px;height:104px;font-size:0.9rem;}.villain-button,.villain-button-secondary{font-size:1.1rem !important;padding:14px !important;}}@media (max-width:400px){.villain-title{font-size:1.6rem;}.villain-section-title{font-size:1.2rem;padding:12px;}.villain-content{padding:12px;}.villain-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));}.villain-hex{width:80px;height:92px;font-size:0.8rem;margin:10px 5px;}.villain-button,.villain-button-secondary{font-size:1rem !important;padding:12px !important;}}@media (max-width:375px){.villain-title{font-size:1.4rem;}.villain-section-title{font-size:1.1rem;padding:10px;}.villain-content{padding:10px;}.villain-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;}.villain-hex{width:70px;height:80px;font-size:0.75rem;margin:8px 4px;}.villain-button,.villain-button-secondary{font-size:0.95rem !important;padding:10px !important;}}.villain-button,.villain-button-secondary{min-width:100%;box-sizing:border-box;display:inline-block;text-align:center;}@media (max-width:600px){.generator-options{flex-direction:column;align-items:stretch;}.generator-option{min-width:100% !important;}}.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}