@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";:root{--color-sand-light:#e8dcc7;--color-sand-medium:#d4c1a0;--color-sand-dark:#b8a07e;--color-wood-light:#5d4037;--color-wood-dark:#3e2723;--color-wood-darker:#21110a;--color-gold-bright:#d4af37;--color-gold-dark:#b8860b;--color-input-bg:#1a0f0d;--font-titles:"Cinzel", "Georgia", serif;--font-content:"Tahoma", "Arial", sans-serif;color:var(--color-wood-darker);background:#1a0f0d;font-weight:400;line-height:1.4}body{min-width:320px;min-height:100vh;font-family:var(--font-content);background:radial-gradient(circle,#2c1b18 0%,#1a0f0d 100%) fixed;margin:0;padding:0;font-size:14px}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4{font-family:var(--font-titles);letter-spacing:1px;margin-top:0}.rpg-window{background:linear-gradient(135deg, var(--color-sand-light) 0%, var(--color-sand-medium) 100%);border:4px ridge var(--color-wood-dark);margin-bottom:25px;padding:12px;position:relative;box-shadow:2px 2px 10px #0009}.rpg-window:after{content:"";pointer-events:none;border:1px solid #b8860b4d;position:absolute;inset:1px}.wood-panel{background:linear-gradient(to bottom, var(--color-wood-light), var(--color-wood-dark));color:var(--color-gold-bright);border:2px outset var(--color-gold-dark);text-shadow:1px 1px 2px #000;align-items:center;gap:10px;margin-bottom:15px;padding:8px 15px;font-size:1.1rem;display:flex}a{color:#8b4513;font-weight:700;text-decoration:none;transition:all .2s}a:hover{color:var(--color-gold-dark);text-shadow:0 0 2px #d4af3766}.gold-title{color:var(--color-gold-bright);text-shadow:3px 3px #000,0 0 15px #d4af3780;text-transform:uppercase}.layout-container{grid-template-rows:auto 1fr auto;grid-template-columns:280px 1fr 280px;width:100%;min-height:100vh;display:grid}header{border-bottom:5px ridge var(--color-gold-dark);background:url(../capa_classic.png) 50%/cover no-repeat;grid-column:1/-1;height:480px;transition:height .3s;position:relative}@media (width<=1440px){header{height:400px}}@media (width<=1024px){header{height:320px}}@media (width<=768px){header{height:240px}}@media (width<=480px){header{height:180px}}.sidebar-left{border-right:2px groove var(--color-wood-dark);background-color:#00000026;padding:30px 20px}.main-content{background-color:#e8dcc70d;padding:30px 40px}.sidebar-right{border-left:2px groove var(--color-wood-dark);background-color:#00000026;padding:30px 20px}.login-form{flex-direction:column;gap:15px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--color-wood-darker);text-transform:uppercase;font-size:.8rem;font-weight:700}.rpg-input{background-color:var(--color-input-bg);border:2px inset var(--color-wood-dark);color:var(--color-sand-light);font-family:var(--font-content);outline:none;padding:10px;font-size:.9rem}.rpg-input:focus{border-color:var(--color-gold-dark);box-shadow:0 0 8px #d4af3766}.rpg-button{border:2px outset var(--color-gold-dark);color:var(--color-gold-bright);font-family:var(--font-titles);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(#8d6e63,#3e2723);margin-top:10px;padding:10px;font-weight:700;transition:all .2s}.rpg-button:hover{filter:brightness(1.2);box-shadow:0 0 10px #00000080}.rpg-button:active{border-style:inset}.rpg-button:disabled{filter:grayscale();opacity:.6;cursor:not-allowed;box-shadow:none;pointer-events:none}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-list li{border-bottom:1px solid #0000000d;margin-bottom:12px;padding-bottom:6px}.news-article{border-bottom:2px groove var(--color-sand-dark);margin-bottom:50px;padding-bottom:30px}.news-article h3{color:var(--color-wood-dark);margin-bottom:8px;font-size:1.6rem}.news-date{color:#6d4c41;margin-bottom:20px;font-size:.8rem;font-style:italic;display:block}.ranking-table{border-collapse:collapse;width:100%;font-size:.9rem}.ranking-table th{border-bottom:2px solid var(--color-wood-dark);text-align:left;background-color:#00000014;padding:8px 5px}.ranking-table td{border-bottom:1px solid #0000000d;padding:10px 5px}.ranking-table tr:nth-child(2n){background-color:#00000008}footer{border-top:5px ridge var(--color-gold-dark);background:linear-gradient(#21110a,#000);grid-column:1/-1;padding:70px 50px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-bottom:60px;display:grid}.footer-column h3{color:var(--color-gold-bright);border-bottom:2px solid var(--color-gold-dark);margin-bottom:25px;padding-bottom:12px;font-size:1.2rem}.footer-column ul{padding:0;list-style:none}.footer-column li{margin-bottom:15px}.footer-column a{color:var(--color-sand-medium);font-size:.95rem;font-weight:400}.copyright{text-align:center;color:var(--color-sand-dark);border-top:1px solid #d4af3726;padding-top:40px;font-size:.8rem}@media (width<=1200px){.layout-container{grid-template-columns:250px 1fr 250px}}.notification-toast{color:#fff;border:2px solid var(--color-gold-dark);z-index:9999;font-family:var(--font-content);background-color:#d32f2f;padding:15px 30px;animation:.3s ease-out slideIn;position:fixed;top:20px;right:20px;box-shadow:0 5px 15px #00000080}.notification-toast.success{background-color:#2e7d32}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.form-container{padding:20px}.form-desc{color:var(--color-wood-dark);margin-bottom:30px;font-style:italic}.full-form{flex-direction:column;gap:20px;max-width:600px;display:flex}.input-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rpg-button.large{padding:18px;font-size:1.1rem}.success-view{text-align:center}.rk-box{border:2px dashed var(--color-gold-dark);background-color:#0000004d;margin:30px 0;padding:30px}.rk-box p{color:var(--color-gold-bright);letter-spacing:1px;font-weight:700}.rk-value{color:#fff;text-shadow:0 0 10px var(--color-gold-dark);margin:15px 0;font-family:monospace;font-size:2rem}.rk-warning{margin-top:15px;color:#ff5252!important;font-size:.85rem!important}.rpg-button.error{color:#fff;background:linear-gradient(#d32f2f,#7f0000);border-color:#ff5252}.rpg-button.secondary{color:var(--color-sand-light);background:linear-gradient(#5d4037,#3e2723)}.rpg-button.small{padding:5px 12px;font-size:.75rem}.account-info{flex-direction:column;gap:10px;display:flex}.welcome-text{color:var(--color-wood-darker);font-size:.9rem}.logout-btn{justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.dashboard-container{padding:10px}.account-summary{gap:30px;margin-bottom:30px;padding:15px;display:flex}.wood-box{border:2px groove var(--color-wood-dark);background:#0000001a}.summary-item{align-items:center;gap:10px;font-size:.9rem;display:flex}.char-list-header{border-bottom:2px solid var(--color-wood-dark);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.accordion-container{flex-direction:column;gap:10px;display:flex}.accordion-item{border:2px solid var(--color-wood-dark);background:#ffffff08}.accordion-header{background:linear-gradient(to right, var(--color-wood-dark), var(--color-wood-darker));border:1px solid var(--color-gold-dark);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;transition:filter .2s;display:flex}.accordion-header:hover{filter:brightness(1.3)}.header-left{flex:1;align-items:center;gap:15px;display:flex}.char-name-tab{font-family:var(--font-titles);color:var(--color-gold-bright);text-shadow:1px 1px 3px #000;letter-spacing:1px;font-size:1.2rem;font-weight:700}.char-level-badge{background:var(--color-gold-dark);color:#000;border-radius:2px;padding:2px 10px;font-size:.8rem;font-weight:700;box-shadow:1px 1px 2px #00000080}.delete-char-btn{color:#ff5252;cursor:pointer;opacity:.6;background:0 0;border:none;padding:5px;transition:opacity .2s}.delete-char-btn:hover{opacity:1}.accordion-content{border-top:1px solid var(--color-wood-dark);background:#0000001a;padding:20px}.char-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;display:grid}.detail-item{align-items:center;gap:8px;font-size:.9rem;display:flex}.skills-section h4{color:var(--color-wood-darker);text-transform:uppercase;margin-bottom:15px;font-size:.85rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.skill-box{background:#ffffff0d;border:1px solid #0000001a;flex-direction:column;align-items:center;padding:8px;display:flex}.skill-name{opacity:.7;font-size:.7rem}.skill-value{color:var(--color-gold-dark);font-weight:700}.modal-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px}.modal-body{text-align:center;padding:30px}.warning-text{color:#ff5252;margin:15px 0;font-weight:700}.confirm-box{flex-direction:column;gap:10px;margin-top:25px;display:flex}.modal-footer{background:#0003;justify-content:flex-end;gap:15px;padding:20px;display:flex}.wood-panel.error{color:#fff;background:linear-gradient(90deg,#7f0000,#3e2723)}@media (width<=600px){.input-row{grid-template-columns:1fr}}.pagination-container{border-top:2px groove var(--color-sand-dark);justify-content:center;align-items:center;gap:15px;margin-top:30px;padding-top:20px;display:flex}.pagination-btn{margin-top:0;padding:6px 15px;font-size:.85rem}.pagination-numbers{gap:8px;display:flex}.pagination-number-btn{background:var(--color-sand-light);border:2px solid var(--color-wood-dark);color:var(--color-wood-dark);font-family:var(--font-titles);cursor:pointer;padding:6px 12px;font-weight:700;transition:all .2s}.pagination-number-btn:hover{background:var(--color-gold-dark);color:var(--color-gold-bright);border-color:var(--color-gold-bright)}.pagination-number-btn.active{background:linear-gradient(to bottom, var(--color-wood-light), var(--color-wood-dark));color:var(--color-gold-bright);border-color:var(--color-gold-dark);box-shadow:inset 0 0 5px #00000080}