.resource-bar{background-attachment:fixed;background-image:url(/rpg/static/media/c.278b020d7d2918148a44.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid var(--border-color);flex:0 0 auto;overflow:hidden;padding:8px 0;position:relative;width:100%}.resource-grid-container{-webkit-overflow-scrolling:touch;display:flex;overflow-x:scroll;overflow-y:hidden;width:100%}.resource-grid{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-auto-columns:min-content;grid-auto-flow:column;grid-template-rows:minmax(0,auto);min-width:min-content;padding:0 8px}.resource-item{align-items:center;background:#0000001a;border-radius:4px;color:var(--text-color);display:flex;flex-shrink:0;gap:8px;padding:8px;white-space:nowrap}.resource-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-amount{color:var(--text-color);font-weight:700;margin-left:auto}.resource-grid-container::-webkit-scrollbar{display:block;height:8px}.resource-grid-container::-webkit-scrollbar-track{background:#0000001a}.resource-grid-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.resource-grid-container{scrollbar-color:hsla(0,0%,100%,.906) #0000001a;scrollbar-width:thin}@media (max-width:768px){.resource-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.debug-panel{background:#1a1a1a;color:#fff;height:100vh;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:1000}.debug-panel.open{right:0}.debug-toggle{background:#1a1a1a;border:none;border-radius:4px 0 0 4px;color:#fff;cursor:pointer;height:60px;left:-30px;position:absolute;top:50%;width:30px}.debug-content{height:100%;overflow-y:auto;padding:1rem}.debug-messages{display:flex;flex-direction:column-reverse;gap:.5rem}.debug-message{border-radius:4px;font-family:monospace;font-size:.9rem;padding:.5rem}.debug-message.success{background:#00ff001a;color:#4caf50}.debug-message.error{background:#ff00001a;color:#f44336}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.toast-item{animation:toast-slide-in .3s ease-out;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;min-width:200px;padding:12px 24px}.toast-success{background-color:#2ecc71}.toast-error{background-color:#e74c3c}.toast-info{background-color:#3498db}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-item:hover{opacity:.9}.entity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.entity-card{border-radius:8px;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;padding:0;transition:all .2s ease}.rarity-0{background:#f7fafc}.rarity-1{background:#ebf8ff}.rarity-2{background:#f3e8ff}.rarity-4{background:#fff5f5}.rarity-5{background:linen}.entity-card:hover{box-shadow:0 4px 6px #0003;transform:translateY(-2px)}.entity-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.entity-icon{border-radius:6px;font-size:1.25rem;height:40px;width:40px}.entity-info{flex:1 1;min-width:0}.entity-name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-meta{font-size:.875rem;gap:.75rem}.entity-level,.entity-rarity{background:#0000001a;border-radius:4px;font-weight:500;padding:2px 6px}.entity-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:.75rem}.entity-stat{background:#ffffff80;border-radius:4px;display:flex;font-size:.875rem;justify-content:space-between;padding:.25rem .5rem}.entity-stat-name{color:#4a5568}.entity-stat-value{color:#2d3748;font-weight:500}.rarity-0 .entity-name{color:#4a5568}.rarity-1 .entity-name{color:#2b6cb0}.rarity-2 .entity-name{color:#553c9a}.rarity-3 .entity-name{color:#975a16}.rarity-4 .entity-name{color:#c53030}.rarity-5 .entity-name{color:#b7791f}.entity-grid-empty{background:var(--hover-bg);border-radius:8px;color:var(--secondary-text);grid-column:1/-1}@media (max-width:640px){.entity-grid,.entity-stats{grid-template-columns:1fr}}.entity-grid-container{display:flex;flex-direction:column;gap:1rem}.entity-grid-filters{align-items:center;background:#0003;border-radius:4px;display:flex;gap:1rem;padding:1rem}.entity-grid-filters select{min-width:120px;padding:.5rem}.entity-grid-filters select,.sort-direction-btn{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff}.sort-direction-btn{cursor:pointer;padding:.5rem 1rem}.sort-direction-btn:hover{background:#3a3a3a}.entity-grid-empty{color:#666;padding:2rem;text-align:center}.entity-detail{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 3rem);overflow:hidden;position:sticky;top:1.5rem}.entity-detail-header{align-items:center;background:repeating-linear-gradient(45deg,#34353a,#34353a 10px,#080808b3 0,#121111b3 20px);border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;justify-content:space-between;padding:0}.entity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.entity-type-W{background:#4299e1;color:#fff}.entity-type-A{background:#48bb78;color:#fff}.entity-type-C{background:#ed8936;color:#fff}.entity-type-M{background:#ed64a6;color:#fff}.entity-type-R{background:#9f7aea;color:#fff}.entity-title{align-items:center;display:flex;gap:1rem;min-width:0;position:relative}.entity-title h2{color:var(--text-primary);font-size:1.5rem;margin:0;overflow:hidden;padding:.25rem 1rem;position:relative;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;white-space:nowrap}.entity-title h2:before{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-elevated) 100%);border-left:3px solid var(--accent-primary);border-radius:4px;bottom:0;content:"";left:-10px;position:absolute;right:-10px;top:0;transform:skew(-15deg);z-index:-1}.rarity-0 .entity-title h2:before{border-color:#a0aec0}.rarity-1 .entity-title h2:before{border-color:#63b3ed}.rarity-2 .entity-title h2:before{border-color:#b794f4}.rarity-3 .entity-title h2:before{border-color:#f6e05e}.rarity-4 .entity-title h2:before{border-color:#fc8181}.rarity-5 .entity-title h2:before{border-color:#f6ad55}.entity-meta{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.entity-level,.entity-type-badge,.rarity-badge{background:var(--bg-primary);border-radius:6px;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.rarity-0 .entity-title h2{color:#a0aec0}.rarity-1 .entity-title h2{color:#63b3ed}.rarity-2 .entity-title h2{color:#b794f4}.rarity-3 .entity-title h2{color:#f6e05e}.rarity-4 .entity-title h2{color:#fc8181}.rarity-5 .entity-title h2{color:#f6ad55}.stat-row{grid-gap:1rem;background:var(--bg-elevated);border-radius:8px;display:grid;gap:1rem;grid-template-columns:30% 1fr;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.stat-row:hover{background:var(--bg-primary)}.stat-name{color:var(--text-secondary);font-size:.875rem}.stat-breakdown{font-size:.875rem;gap:.75rem}.affinity-bonus,.base-value,.prefix-bonus,.rarity-bonus,.total-value{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);padding:.25rem .75rem}.preview-value{border-radius:4px;padding:.25rem .75rem}.preview-value.positive{background:#48bb7833;color:#48bb78}.preview-value.negative{background:#f5656533;color:#fc8181}.tabs-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;gap:.5rem;padding:.5rem}.tab-button{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.tab-button:hover{background:var(--bg-primary);color:var(--text-primary)}.tab-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tab-content{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:.25rem}.execute-button{background:var(--bg-elevated);border-top:1px solid var(--border-subtle);padding:1rem}.execute-button button{background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.execute-button button:hover{background:var(--accent-primary-dark);transform:translateY(-1px)}@media (max-width:640px){.stat-row{grid-template-columns:1fr}.stat-breakdown{flex-wrap:wrap}.entity-meta{flex-direction:column}}.stats-section{grid-gap:.15rem;display:grid;font-size:.85em;gap:.15rem;padding:.25rem}.derived-stats-section{margin-bottom:2rem}.affinity-grid,.damage-grid{grid-gap:.15rem;display:grid;gap:.15rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:.15rem 0}.affinity-item,.damage-item{font-size:.85em;padding:.1rem .2rem}.prefix-list{grid-gap:.25rem;display:grid;gap:.25rem;margin:.25rem 0}.prefix-item{border-radius:3px;font-size:.85em;padding:.2rem .4rem}.debug-panel{font-size:.8em;margin-top:.5rem}.debug-panel textarea{font-size:.9em;line-height:1.2;padding:.25rem}.close-button{background:none;border:none;color:var(--secondary-text);cursor:pointer;font-size:1.5rem;padding:.5rem}.close-button:hover{color:var(--text-color)}.basic-info{color:var(--secondary-text);display:flex;font-size:.875rem;gap:1rem;margin-bottom:1.5rem}.affinities-section,.derived-stats-section,.prefixes-section,.stats-section{margin-bottom:2rem}.derived-stats-grid,.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem}.type-weapon{background:#fed7d7;color:#c53030}.type-armor{background:#e2e8f0;color:#2d3748}.type-accessory{background:#feebc8;color:#c05621}.type-character{background:#c6f6d5;color:#2f855a}.type-monster{background:#feb2b2;color:#c53030}.rarity-0{background:#edf2f7;color:#4a5568}.rarity-1{background:#bee3f8;color:#2b6cb0}.rarity-2{background:#e9d8fd;color:#6b46c1}.rarity-3{background:#fefcbf;color:#975a16}.rarity-4{background:#fed7d7;color:#c53030}.rarity-5{background:#feebc8;color:#c05621}.color-legend{border-top:1px solid var(--border-color);color:var(--secondary-text);display:flex;font-size:.875rem;gap:1rem;padding-top:1rem}.legend-item{gap:.5rem}.character-class{background:#c6f6d5;border-radius:4px;color:#2f855a;font-weight:500;padding:.25rem .5rem}@media (max-width:640px){.derived-stat-row,.stat-row{gap:.25rem;grid-template-columns:1fr}.stat-breakdown{flex-wrap:wrap}.affinity-grid{grid-template-columns:1fr}}@media (max-width:768px){.entity-detail-header{align-items:flex-start;flex-direction:column}.entity-meta{justify-content:flex-start;width:100%}}.entity-card{background:var(--card-bg);border-radius:4px;padding:1rem}.stat-row{padding:4px 0}.stat-name{color:var(--text-color)}.stat-value{align-items:center;gap:4px}.base-value{color:#fff}.rarity-bonus{color:gold}.prefix-bonus{color:orange}.affinity-bonus{color:#9370db}.stat-difference{font-size:.9em;margin-left:.5rem}.stat-difference.positive{color:var(--success-color)}.stat-difference.negative{color:var(--error-color)}.stat-legend{margin-top:1rem;padding:.5rem}.legend-items{gap:1rem}.legend-item{font-size:.9em;gap:.25rem}.derived-stats-section,.prefixes-section,.stats-section{background:var(--card-bg);border-radius:4px;padding:1rem}.derived-stats-section h3,.prefixes-section h3,.stats-section h3{font-size:1.15rem;margin:0 0 .75rem;padding:.15rem}.stat-breakdown{grid-gap:.15rem;background:var(--background-color);border-radius:0 2px 2px 0;display:grid;font-size:.9em;gap:.15rem;grid-template-columns:repeat(auto-fit,minmax(40px,max-content));padding:.1rem .25rem}.preview-value,.total-value{border-radius:2px;min-width:2em;padding:.1rem .2rem;text-align:center}.total-value{color:#fff;font-weight:700;margin-left:.25rem}.total-value.current{background:#0000001a;color:var(--secondary-text);text-decoration:line-through}.preview-value{font-weight:500;margin-left:auto}.preview-value.positive{background:#48bb781a;color:var(--success-color)}.preview-value.negative{background:#e74c3c1a;color:var(--error-color)}.prefix-item{background:var(--hover-bg);border-radius:2px;margin-bottom:.15rem;padding:.25rem}.prefix-header{align-items:center;display:flex;gap:.25rem;margin-bottom:.15rem}.prefix-name{font-weight:500}.prefix-category{color:var(--secondary-text);font-size:.85em}.prefix-stats{grid-gap:.15rem;display:grid;gap:.15rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.prefix-stat{background:var(--card-bg);border-radius:2px;font-size:.85em;padding:0}.value-preview{align-items:center;display:flex;gap:.15rem;margin-left:auto}.preview-arrow{color:var(--secondary-text);font-size:.85em}.stat-component{border-radius:3px;margin:0 2px;padding:2px 4px}.stat-legend{background:#0003;border-radius:4px;margin-top:20px;padding:10px}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{gap:5px}.legend-item,.stat-breakdown{align-items:center;display:flex}.stat-breakdown{flex-wrap:wrap;gap:4px}.calculation-breakdown{color:#888;font-size:.9em;margin:0 .25rem}.equip-slot-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px}.equip-slot-row:last-child{border-bottom:none}.slot-name{color:#aaa;font-weight:500}.equipped-item{align-items:center;display:flex;gap:8px}.unequip-btn{background:#f44}.equip-btn,.unequip-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.equip-btn{background:#4a4}.slot-hint{color:#666;font-size:.8em;margin-top:4px}.equipment-section{border-top:1px solid #444;margin-top:1rem;padding-top:1rem}.equipment-section h3{align-items:center;display:flex;justify-content:space-between}.slot-capacity{color:#888;font-size:.8em;margin-left:.5rem}.socket-slot .slot-name{color:#88f}.socket-slot .equip-btn{background:#44a}.socket-slot .equip-btn:hover{background:#55b}.proficiency-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.proficiency-name{font-weight:500;min-width:120px}.proficiency-bar-container{background:#0000001a;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.proficiency-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.proficiency-value{color:#fff;font-size:12px;position:absolute;right:8px;text-shadow:0 0 2px #00000080;top:50%;transform:translateY(-50%)}.proficiency-category{margin-bottom:16px}.proficiency-category h4{color:#666;font-size:14px;margin-bottom:8px}.proficiency-grid{grid-gap:8px;display:grid;gap:8px}.new-stat{color:#ff69b4}.stat-difference.positive{color:green}.stat-difference.negative{color:red}.new-stat:after{color:#ff69b4;content:"NEW";font-size:.6em;font-weight:700;position:absolute;right:-16px;top:-8px}.total{font-weight:600;margin-left:4px}.stat-breakdown-details{display:flex;flex-direction:column;font-size:.9em;margin-left:1em}.stat-contribution{margin-left:.5em;opacity:.9}.stat-row{border-bottom:1px solid #ffffff1a;padding:.5em 0}.stat-name{flex:0 0 200px;font-weight:500}.stat-value{display:flex;flex:1 1;flex-direction:column}.stat-value strong{margin-bottom:.25em}.stat-category{background:#0003;border:1px solid #333;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.stat-category h3{border-bottom:1px solid #444;color:#aaa;font-size:1.1em;margin:0 0 1rem;padding-bottom:.5rem}.stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tier-unlock-panel{background-color:var(--background-color);display:flex;flex-direction:column;gap:2rem;padding:1rem}.current-tier,.next-tier{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1rem}.current-tier h3,.next-tier h3{color:var(--text-color);font-size:1.15rem;margin:0 0 .75rem}.tier-info{background:var(--hover-bg);border-radius:6px;padding:1rem}.tier-name{font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.tier-stats{color:var(--text-color);display:flex;flex-direction:column;gap:.5rem}.tier-description{color:var(--secondary-text);font-size:.9rem;font-style:italic;margin-top:.5rem}.tier-info.rarity-0 .tier-name{color:#718096}.tier-info.rarity-1 .tier-name{color:#3182ce}.tier-info.rarity-2 .tier-name{color:#805ad5}.tier-info.rarity-3 .tier-name{color:#d69e2e}.tier-info.rarity-4 .tier-name{color:#e53e3e}.tier-info.rarity-5 .tier-name{color:#d4af37}.requirements-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.requirement-item{align-items:center;background:var(--hover-bg);border-radius:4px;color:var(--text-color);display:flex;gap:.5rem;padding:.5rem}.requirement-status{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.requirement-status.met{background:var(--success-color);color:#fff}.requirement-status.unmet{background:var(--error-color);color:#fff}.formula-cost-panel{background-color:var(--background-color);display:flex;flex-direction:column;gap:2rem;padding:1rem}.chance-section,.cost-section{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1rem}.chance-section h3,.cost-section h3{color:var(--text-color);font-size:1.15rem;margin:0 0 .75rem}.cost-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cost-item{background:var(--hover-bg);border-radius:8px;padding:1rem}.cost-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.resource-icon{color:var(--text-color);font-size:1.2rem}.cost-details{display:flex;flex-direction:column;gap:.75rem}.cost-amount,.cost-formula{align-items:center;display:flex;justify-content:space-between}.amount-label,.formula-label{color:var(--secondary-text);font-size:.9rem}.formula-text{background:var(--hover-bg);border-radius:4px;color:var(--text-color);font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.amount-value{align-items:center;display:flex;font-weight:500;gap:.5rem}.amount-value.sufficient{color:#48bb78}.amount-value.insufficient{color:#f56565}.current-amount{color:var(--secondary-text);font-size:.9rem;font-weight:400}.chance-details{display:flex;flex-direction:column;gap:.75rem}.base-chance,.chance-modifier{align-items:center;background:var(--hover-bg);border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.chance-modifier .positive{color:#48bb78}.chance-modifier .negative{color:#f56565}.no-operation{background:var(--hover-bg);border-radius:8px;color:var(--secondary-text);padding:2rem;text-align:center}.entity-create-btn{padding:.5rem 1rem}.equip-pane{background:#000000f2;border:1px solid #444;box-shadow:0 0 20px #00000080;left:50%;max-height:80vh;max-width:80vw;min-width:300px;overflow-y:auto;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.equip-pane-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.equip-pane-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.equip-pane-close{background:none;border:none;color:#888;cursor:pointer;padding:.5rem}.equip-pane-close:hover{color:#fff}.equip-pane-content{display:flex;flex-direction:column;gap:1rem}.equip-pane-search{background:#0000004d;border:1px solid #444;color:#fff;margin-bottom:1rem;padding:.5rem;width:100%}.equip-pane-search:focus{border-color:#666;outline:none}.equip-pane-header h3{color:#fff;margin:0 0 .5rem}.requirements-hint{color:#888;font-size:.9em;margin-bottom:.5rem}.no-items-message{color:#666;padding:2rem;text-align:center}.equip-pane-footer{border-top:1px solid #444;display:flex;justify-content:flex-end;padding-top:1rem}.close-btn{background:#333;border:1px solid #444;padding:.5rem 1rem}.close-btn:hover{background:#444}.inline-equip-pane{animation:expandPane .2s ease-out}@keyframes expandPane{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.equip-slot-row{height:80px;width:80px}.slot-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.slot-name{color:#888;font-size:.8em;text-align:center}.item-basic-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.equip-btn,.unequip-btn{background:#444;border:1px solid #666;color:#fff;cursor:pointer;font-size:.7em;padding:.25rem .5rem;transition:background .2s}.equip-btn:hover,.unequip-btn:hover{background:#555}.item-detail-card{background:#000000f2;border:1px solid #444;border-radius:4px;box-shadow:0 2px 8px #00000080;display:none;min-width:250px;padding:12px;position:absolute;z-index:100}.slot-content:hover .item-detail-card{display:block}.item-detail-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.item-icon{height:32px;width:32px}.item-meta{color:#888;font-size:.8em}.item-stats{display:flex;flex-direction:column;gap:4px;margin-top:8px}.stat-row{display:flex;justify-content:space-between;padding:2px 0}.stat-label{color:#888;margin-right:8px}.stat-value{color:#fff}.base-stat{border-bottom:1px solid #333;color:#4a9eff;padding-bottom:4px}.prefixes-section{border-top:1px solid #333;margin-top:8px;padding-top:4px}.prefix-group{margin-bottom:6px}.prefix-name{color:gold;font-weight:700;margin-bottom:2px}.prefix-stat{color:#98fb98;padding-left:8px}.affinities-section{border-top:1px solid #333;margin-top:8px;padding-top:4px}.affinity-stat{color:coral}.item-stats>div:not(:last-child){margin-bottom:4px}.item-type-g{background:#4caf50}.item-type-a{background:#9c27b0}.item-type-w{background:#ff9800}.item-type-h{background:#2196f3}.item-type-c{background:#3f51b5}.item-type-l{background:#009688}.equipment-section{background:#000c;border:1px solid #444;padding:1rem;position:relative;width:100%}.equipment-section h3{border-bottom:1px solid #444;color:#c4a484;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.character-equipment-grid{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-areas:".        head     ." "neck     chest    weaponMain" ".        belt     weaponOff" "gloves    legs     feet";grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(4,auto);justify-items:center;min-height:400px}.socket-equipment-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:.5rem}.character-slot{background:#141414cc;border:1px solid #555}.socket-slot{background:#28283ccc;border:1px solid #446}.character-slot[data-slot=head]{grid-area:head}.character-slot[data-slot=neck]{grid-area:neck}.character-slot[data-slot=chest]{grid-area:chest}.character-slot[data-slot=belt]{grid-area:belt}.character-slot[data-slot=legs]{grid-area:legs}.character-slot[data-slot=gloves]{grid-area:gloves}.character-slot[data-slot=feet]{grid-area:feet}.character-slot[data-slot=weaponMain]{grid-area:weaponMain}.character-slot[data-slot=weaponOff]{grid-area:weaponOff}.equip-slot-row{align-items:center;background:#00000080;border:1px solid #666;display:flex;flex-direction:column;height:180px;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;width:180px}.equip-slot-row:hover{background:#14141480;border-color:#888}.empty-slot-hint{color:#666;font-size:.7em;text-align:center}.equipped-item-card{flex-direction:column;height:100%;width:100%}.equipped-item-card,.item-icon{align-items:center;display:flex;justify-content:center}.item-icon{background:#333;border:1px solid #555;height:40px;margin-bottom:.25rem;width:40px}.item-name{font-size:.8em;text-align:center;word-break:break-word}.skill-tree-panel{background:#0000004d;color:#e6cc80;display:flex;flex-direction:column;gap:20px;height:100%;padding:20px}.build-tab-buttons{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding-bottom:15px}.build-tab-buttons button{background:#0006;border:1px solid #2c3e50;color:#ecf0f1;cursor:pointer;padding:8px 16px;transition:all .2s}.build-tab-buttons button.active{background:#3498db;border-color:#2980b9}.skill-points{background:#0006;border-radius:4px;font-size:1.2em;padding:10px;text-align:center}.skill-tree-layout{background:#0006;border-radius:8px;padding:20px;position:relative}.skill-row{margin-bottom:40px;padding:20px 0;position:relative}.skill-row h4{color:#e6cc80;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.skill-node-row{justify-content:space-around;padding:20px 0}.skill-node,.skill-node-row{display:flex;position:relative}.skill-node{align-items:center;background:#0009;border:2px solid #2c3e50;border-radius:8px;cursor:pointer;flex-direction:column;height:64px;justify-content:center;transition:all .2s;width:64px;z-index:2}.skill-node:hover{border-color:#3498db;box-shadow:0 0 15px #3498db80;transform:scale(1.1)}.skill-node.locked{cursor:not-allowed;filter:grayscale(1);opacity:.7}.skill-node.available{border-color:#27ae60}.skill-node.maxed{border-color:#e74c3c}.skill-node-row:before{background:#ffffff1a;content:"";height:2px;left:10%;position:absolute;right:10%;top:50%;z-index:1}.skill-row:not(:last-child):after{background:#ffffff1a;bottom:-20px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.skill-row[data-element=physical] .skill-node{border-color:#95a5a6}.skill-row[data-element=lightning] .skill-node{border-color:#f1c40f}.skill-row[data-element=poison] .skill-node{border-color:#27ae60}.skill-level{background:#000c;bottom:-20px;font-size:.8em;padding:2px 6px;white-space:nowrap}.skill-level,.skill-tooltip{border-radius:4px;left:50%;position:absolute;transform:translateX(-50%)}.skill-tooltip{background:#000000e6;bottom:100%;opacity:0;padding:10px;pointer-events:none;transition:opacity .2s;width:200px;z-index:10}.skill-node:hover .skill-tooltip{opacity:1}.class-skill-list{grid-gap:20px;background:#0000004d;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px;padding:20px}.class-skill-item{background:#2c3e50cc;border:1px solid #ffffff1a;border-radius:6px;padding:15px}.skill-name{color:#e6cc80;font-size:1.1em;margin-bottom:8px}.skill-desc{color:#bdc3c7;font-size:.9em;margin-bottom:8px}.skill-req{color:#95a5a6;font-size:.8em;margin-bottom:10px}.class-skill-item button{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:background .2s;width:100%}.class-skill-item button:hover:not(:disabled){background:#2ecc71}.class-skill-item button:disabled{background:#95a5a6;cursor:not-allowed}.skill-tree-content::-webkit-scrollbar{width:8px}.skill-tree-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.skill-tree-content::-webkit-scrollbar-thumb{background:#3498db4d;border-radius:4px}.skill-tree-content::-webkit-scrollbar-thumb:hover{background:#3498db80}@keyframes skillPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.skill-node:hover{animation:skillPulse .5s ease-in-out}.skill-type-indicator{align-items:center;background:#2c3e50;border:2px solid;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.skill-level-progress{background:#0000004d;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.skill-level-progress-bar{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s ease}.skill-tooltip-header{color:#e6cc80;font-weight:700;margin-bottom:8px}.skill-tooltip-description{color:#ecf0f1;font-size:.9em;line-height:1.4}.skill-tooltip-requirements{border-top:1px solid #ffffff1a;color:#bdc3c7;font-size:.8em;margin-top:8px;padding-top:8px}.execute-button-container{display:flex;flex-direction:column;gap:8px;margin-top:2rem}.execute-button{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-dark) 100%);border-color:#f97316;border-radius:8px;border-width:1px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:1rem;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.execute-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.execute-button:active{transform:translateY(1px)}.execute-button.disabled{background:var(--bg-elevated);box-shadow:none;color:var(--text-secondary);cursor:not-allowed}.execute-button:before{animation:shine 3s infinite;background:radial-gradient(circle,#f97316 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shine{0%{opacity:0;transform:rotate(45deg) translateY(0)}50%{opacity:.3}to{opacity:0;transform:rotate(45deg) translateY(100%)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.execute-button:not(.disabled){animation:pulse 2s infinite}.execute-button.loading{color:#0000;position:relative}.execute-button.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.requirements-list{background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:4px;margin-top:8px;padding:8px}.requirements-list h4{color:#f56565;font-size:14px;margin:0 0 8px}.requirement-item{color:#f56565;font-size:12px;list-style-type:none;margin:4px 0}.progress-bar-container{background:var(--hover-bg);border-radius:2px;height:4px;overflow:hidden}.progress-bar{background:#2ecc71;height:100%;transition:width .1s ease}.operation-screen{background-color:var(--background-color);color:var(--text-color);margin:0 auto;max-width:1200px;padding:1rem}.operation-header{margin-bottom:2rem}.operation-content{display:flex;flex-direction:column;gap:2rem}.operation-description{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);padding:1.5rem}.operation-description h2{color:var(--text-color);margin:0 0 1rem}.operation-description p{color:var(--secondary-text);margin:0}.entity-banner{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:1rem}.archetype-categories{display:flex;flex-wrap:wrap;gap:1rem}.archetype-category{position:relative}.entity-create-btn{background:var(--hover-bg);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s}.entity-create-btn:hover{background:var(--card-bg)}.entity-create-btn.selected{background:var(--card-bg);color:var(--text-color)}.archetype-details{background:var(--card-bg);border-radius:4px;box-shadow:var(--card-shadow);left:0;margin-top:.5rem;min-width:200px;padding:1rem;position:absolute;top:100%;z-index:10}.archetype-stats,.archetype-subtypes{color:var(--secondary-text);font-size:.875rem;margin:.25rem 0}:root{--background-color:#fff;--text-color:#2c3e50;--secondary-text:#6c757d;--border-color:#e9ecef;--hover-bg:#f8f9fa;--card-bg:#fff;--card-shadow:0 2px 4px #0000001a}body{color:#e0e0e0;margin:0;padding:0}[data-theme=dark]{--background-color:#1a1a1a;--text-color:#fff;--secondary-text:#a0a0a0;--border-color:#2d2d2d;--hover-bg:#2d2d2d;--card-bg:#2d2d2d;--card-shadow:0 2px 4px #0003}.home-screen{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.home-screen,.tab-navigation{background-color:#fff;background-color:var(--background-color);overflow:hidden}.tab-navigation{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);flex:0 0 auto;width:100%}.tab-navigation-inner{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-auto-columns:min-content;grid-auto-flow:column;grid-template-rows:minmax(0,auto);min-width:min-content;padding:8px}.tab-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px;white-space:nowrap}.tab-button.active{background:#3498db}.tab-navigation::-webkit-scrollbar{display:none}.tab-navigation{-ms-overflow-style:none;scrollbar-width:none}.screen-content{flex:1 1;height:0}.left-panel,.screen-content{display:flex;min-height:0;overflow:hidden}.left-panel{border-right:1px solid #e9ecef;border-right:1px solid var(--border-color);flex-direction:column;width:30%}.left-panel h1{flex:0 0 auto;margin:0;padding:0}.right-panel{width:70%}.left-panel,.right-panel{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0}.resource-management{width:100%}.resource-management h1{flex:0 0 auto;margin-bottom:1rem;margin-top:0}.resource-actions{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto}.resource-action-item{background:#fff;background:var(--card-bg);border-radius:4px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);flex:0 0 auto;padding:1rem}.main-content{box-sizing:border-box;overflow:hidden;padding:1rem}.resource-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.resource-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;min-width:120px;padding:.5rem}.spend-button{background:#f44;background:var(--error-color,#f44);color:#fff}.gain-button{background:#4f4;background:var(--success-color,#4f4);color:#fff}.resource-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.resource-icon{font-size:1.5rem}.resource-name{color:#2c3e50;color:var(--text-color);flex:1 1;font-weight:500}.entities-section,.operations-section{height:100%;overflow:hidden}.entities-section{animation:fadeIn .3s ease}@media (max-width:640px){.resource-actions,.resource-buttons{grid-template-columns:1fr}}.operation-list{flex:1 1;min-height:0;overflow-y:auto;padding:.5rem;scrollbar-color:hsla(0,0%,100%,.906) #0000001a;scrollbar-width:10px}.operation-selector{height:100%}.operation-tabs{flex-direction:column;width:100%}.operation-tab{background:#fff;background:var(--card-bg);border:none;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);color:#2c3e50;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.operation-tab:hover{background:#f8f9fa;background:var(--hover-bg)}.operation-tab.active{background:#ffff641a;border:1px solid #ffff644d}.operation-icon{flex:0 0 auto;font-size:1.2em}.operation-selector{margin-bottom:2rem}.operation-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.operation-tab{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.operation-tab:hover{background:var(--card-bg)}.operation-tab.active{background:#3498db;border-color:#2980b9;color:#fff}.operation-icon{font-size:1.2rem}.battle-log{background:#0003;border-radius:8px;height:200px;margin-top:20px;overflow-y:auto;padding:15px}.log-entry{border-bottom:1px solid #ffffff1a;color:#ccc;font-family:monospace;padding:8px}.log-entry:last-child{border-bottom:none}.battle-log::-webkit-scrollbar{width:8px}.battle-log::-webkit-scrollbar-track{background:#0003}.battle-log::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.battle-result-modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:1000}.modal-content{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #00000080;color:#f0f0f0;max-width:500px;padding:20px;text-align:center;width:90%}.modal-content h2{color:#e6cc80;margin-top:0}.modal-content p{line-height:1.5;margin:10px 0}.modal-content button{background-color:#2c3e50;border:none;border-radius:4px;color:#f0f0f0;cursor:pointer;margin:10px 5px;padding:10px 20px;transition:background-color .2s}.modal-content button:hover{background-color:#34495e}.loot-results{border-top:1px solid #333;margin-top:20px;padding-top:15px;text-align:left}.loot-results h3{color:#a335ee;margin-bottom:10px}.loot-results ul{list-style:none;margin:0;padding:0}.loot-results li{background-color:#2a2a2a;border-radius:4px;margin-bottom:8px;padding:6px}.close-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background-color .2s}.close-btn:hover{background-color:#c0392b}.battle-simulation-container{background-color:#1a1a1a;color:#e0e0e0;display:flex;flex-direction:column;font-family:sans-serif;gap:1rem;padding:1rem}.add-entity-grid{display:flex;flex-wrap:wrap;gap:.5rem}.add-entity-card{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;padding:.5rem}.teams-row{display:flex;gap:1rem;justify-content:space-around}.team-container{background:#2a2a2a;border:1px solid #444;border-radius:6px;flex:1 1;padding:.5rem}.team-container h4{color:#e0e0e0;margin-top:0}.combatant-scroll-container{max-height:300px;overflow-y:auto}.combatant-card{background:#333;border:1px solid #444;border-radius:4px;margin:.5rem 0;padding:.5rem;position:relative}.combatant-card.active-side{border-color:#88f;box-shadow:0 0 0 1px #88f}.combatant-card.defeated{background:#222;opacity:.4}.combatant-name{color:#e0e0e0;cursor:pointer;font-weight:700;margin-bottom:4px}.combatant-hp,.combatant-mp{color:#ccc;font-size:.9rem;margin:2px 0}.combatant-status-row{display:flex;flex-wrap:wrap;gap:2px}.status-icon{background:#444;border-radius:3px;color:#e0e0e0;cursor:default;display:inline-block;font-size:.7rem;padding:2px 4px}.buff-icon{background:#1a4d1a;color:#90ee90}.debuff-icon{background:#4d1a1a;color:#ee9090}.status-effect-icon{background:#1a1a4d;color:#9090ee}.action-panel{align-items:center;display:flex;gap:1rem}.turn-indicator{color:#e0e0e0;font-size:1.1rem;font-weight:700}.skill-buttons-row button{background:#444;border:1px solid #666;color:#e0e0e0;margin-right:.3rem}.execute-skill-btn{background:#4d1a4d!important;color:#e0e0e0!important;font-weight:700}.battle-tabs-container{border-top:1px solid #444;margin-top:1rem}.battle-tab-buttons{display:flex;gap:.5rem;margin-top:.5rem}.battle-tab-buttons button{background:#333;border:1px solid #444;color:#e0e0e0}.battle-tab-buttons button.active{background:#666;color:#fff}.battle-tab-content{background:#2a2a2a;border:1px solid #444;color:#e0e0e0;margin-top:.5rem;min-height:200px;padding:.5rem}.skill-detail-panel{color:#e0e0e0;font-size:.95rem}.skill-breakdown{background:#333;border:1px dashed #444;margin-top:1rem;padding:.5rem}.character-detail-panel{color:#e0e0e0;font-size:.9rem;height:300px;overflow-y:scroll}.character-detail-panel .buff-debuff-list{margin-bottom:1rem}.character-stats-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1fr 1fr}.character-stats-grid .stat-row{color:#ccc;display:flex;justify-content:space-between}.battle-result-modal{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;left:50%;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999}.battle-result-modal .close-btn{background:#444;border:1px solid #666;color:#e0e0e0;margin-top:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button:hover{background:#555!important}.execute-skill-btn:hover{background:#6d2a6d!important}.story-tab-container{display:flex;font-family:sans-serif;height:100%}.story-sidebar{background-color:#1a1a1a;border-right:1px solid #ccc;overflow-y:auto;padding:10px;width:250px}.story-sidebar h2{font-size:1.2em;margin-top:0}.story-segment-item{border-bottom:1px solid #eee;cursor:pointer;padding:.5rem 1rem;position:relative}.story-segment-item:hover{background-color:#e0e0e0}.story-segment-item.active{background-color:#e3f2fd}.story-segment-item.locked{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.locked-label{color:#999;font-size:.8em;position:absolute;right:1rem}.story-content{flex:1 1;overflow-y:auto;padding:20px}.story-text{background-color:#000;border:1px solid #ccc;font-family:monospace;font-size:16px;height:600px;margin-bottom:20px;max-height:800px;overflow-y:auto;padding:15px;scroll-behavior:smooth}.start-fight-button{background-color:#0070dd;border:none;border-radius:3px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.start-fight-button:hover{background-color:#005bb5}.story-placeholder{color:#555;font-style:italic}.continue-story-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:background .2s ease}.continue-story-button:hover{background:#388e3c}.audio-player{right:20px;top:20px;z-index:1000}.play-button{align-items:center;background:#2196f3e6;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.play-button:hover{background:#2196f3;transform:scale(1.1)}.play-button.playing{background:#f44336e6}.play-button.playing:hover{background:#f44336}.start-screen{align-items:center;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.start-content{color:#fff;text-align:center}.start-content h1{font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #0000004d}.start-button{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:1rem 2rem;transition:all .3s ease}.start-button:hover{background:#ffffff4d;transform:scale(1.05)}.game-container{display:flex;flex-direction:column;height:100vh;position:relative;width:100vw}.game-container,body,html{margin:0;overflow:hidden;padding:0}body,html{height:100%}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{font-size:1.5rem}h1,h2{font-weight:600;margin:1rem 0 .5rem}h2{font-size:1.3rem}h3{font-size:1.15rem;margin:0}h3,h4{font-weight:500}h4{margin:.75rem 0 .5rem}h4,p{font-size:1rem}p{color:var(--secondary-text)}.box-container,p{margin-bottom:1rem}.box-container{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);padding:1rem}button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.primary-button{background:#3498db;color:#fff}.secondary-button{background:var(--hover-bg);color:var(--text-color)}.button-disabled{background-color:var(--secondary-text);cursor:not-allowed;opacity:.7}.standard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.status-positive{color:#48bb78}.status-negative{color:#f56565}.status-warning{color:#ed8936}.rarity-0{color:#718096}.rarity-1{color:#3182ce}.rarity-2{color:#805ad5}.rarity-3{color:#d69e2e}.rarity-4{color:#e53e3e}.rarity-5{color:#d4af37}@media (max-width:640px){.standard-grid{grid-template-columns:1fr}h1{font-size:.3rem}h2{font-size:1.15rem}h3{font-size:1rem}h4{font-size:.9rem}}@media (max-width:768px){.standard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}:root{--base-font-size:16px;--heading-ratio:1.2;--spacing-unit:1rem;--section-gap:2rem;--success-color:#48bb78;--error-color:#f56565;--warning-color:#ecc94b}html{font-size:16px;font-size:var(--base-font-size)}body{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}h2{font-size:1.8rem;font-size:calc(1rem*var(--heading-ratio)*1.5)}h3{font-size:1.44rem;font-size:calc(1rem*var(--heading-ratio)*1.2)}h4{font-size:1.2rem;font-size:calc(1rem*var(--heading-ratio))}.card{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:2rem;margin-bottom:var(--section-gap);padding:1rem;padding:var(--spacing-unit)}.button{border-radius:4px;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}
/*# sourceMappingURL=main.d30b54c3.css.map*/