:root{--bg-color:#f6f6f6;--panel-bg:#fff;--border-color:#d9d9d9;--text-primary:#323232;--text-secondary:#787878;--accent-blue:#2e51a2;--accent-blue-hover:#1c3673;--eterna-color:#2ea043;--quanta-color:#d73a49;--arcana-color:#8a2be2;--clues-color:teal;--rect-color:#d4a017}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}.container{max-width:1200px;margin:0 auto;padding:20px}h1{color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-size:24px;font-weight:700}.calculator-grid{grid-template-columns:300px 1fr 300px;align-items:start;gap:20px;display:grid}@media (max-width:1024px){.calculator-grid{grid-template-columns:1fr}}.panel{background:var(--panel-bg);border:1px solid var(--border-color);border-top:3px solid var(--accent-blue);padding:15px}h2{color:var(--text-primary);text-transform:none;border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:5px;font-size:14px;font-weight:700}.input-group{margin-bottom:15px}.input-group label{color:var(--text-primary);margin-bottom:5px;font-weight:700;display:block}.range-inputs{gap:10px;display:flex}input[type=number],input[type=text]{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:2px;outline:none;padding:6px;font-size:12px}input[type=number]:focus,input[type=text]:focus{border-color:var(--accent-blue)}.stat-bar-container{background:#eee;border-radius:0;height:6px;margin-top:5px;overflow:hidden}.stat-bar{height:100%;transition:width .3s}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:2px;width:100%;margin-top:15px;padding:10px;font-size:12px;font-weight:700}.btn-primary:hover{background:var(--accent-blue-hover)}.btn-primary:disabled{cursor:not-allowed;background:#a0b1d6}.search-box{border:1px solid var(--border-color);background:#f8f8f8;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:10px;display:flex}.block-list{flex-direction:column;gap:-1px;display:flex}.block-item{border:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:-1px;padding:8px;display:flex}.block-item:nth-child(2n){background-color:#fbfbfb}.block-info{flex:1}.block-name{color:var(--accent-blue);margin-bottom:3px;font-weight:700}.block-stats{color:var(--text-secondary)}.block-stats span{margin-right:8px}.results-list{list-style:none}.result-item{border:1px solid var(--border-color);justify-content:space-between;margin-bottom:-1px;padding:8px;display:flex}.result-item:nth-child(2n){background-color:#fbfbfb}.count-badge{background:var(--border-color);color:var(--text-primary);border-radius:10px;padding:2px 6px;font-weight:700}.result-box{border:1px solid var(--border-color);background:#f8f8f8;margin-bottom:15px;padding:15px}.result-row{border-bottom:1px dotted #eee;justify-content:space-between;margin-bottom:5px;padding-bottom:3px;display:flex}