@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#3a3f4a;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#6c757d;border:2px solid #3a3f4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#8a939d}.loading-spinner-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4a90e2;border-radius:50%}.loading-spinner-container.small .loading-spinner{border-width:2px;height:20px;width:20px}.loading-spinner-container.medium .loading-spinner{border-width:4px;height:40px;width:40px}.loading-spinner-container.large .loading-spinner{border-width:6px;height:60px;width:60px}.full-page-loading{align-items:center;background-color:#fffc;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navigation-container{align-items:center;display:flex;height:100%;justify-content:space-around}.nav-button{align-items:center;background-color:initial;border:none;color:#ccc;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;font-size:.8rem;justify-content:center;max-width:100px;padding:5px 10px;text-align:center;transition:color .2s ease,transform .1s ease}.nav-button:hover{color:#fff}.nav-button.active{color:#4a90e2;font-weight:700}.nav-button:active{transform:scale(.95)}.nav-icon{font-size:1.5rem;margin-bottom:4px}.nav-label{display:block;font-size:.75rem}@media (max-width:768px){.navigation-container{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 5px;scrollbar-color:#555 #212529;scrollbar-width:thin}.navigation-container::-webkit-scrollbar{height:4px}.navigation-container::-webkit-scrollbar-track{background:#212529}.navigation-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.nav-button{flex-grow:0;flex-shrink:0;min-width:60px;padding:5px 8px}.nav-icon{font-size:1.3rem}.nav-button{padding:5px}}.character-stats-display{background-color:#2c2f33;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:.9em;gap:15px;padding:15px}.character-stats-loading{color:#99aab5;padding:20px;text-align:center}.char-section{background-color:#23272a;border:1px solid #4f545c;border-radius:5px;padding:10px}.char-section h2,.char-section h3{border-bottom:1px solid #4f545c;color:#7289da;margin-bottom:10px;margin-top:0;padding-bottom:5px}.char-basic-info{text-align:center}.char-portrait{border:2px solid #7289da;border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.char-basic-info h2{font-size:1.4em;margin-bottom:5px}.char-basic-info p{color:#99aab5;margin:5px 0}.class-points-display{color:#ffcc4d;font-size:.9em;margin-top:5px}.cp-icon{margin-right:3px}.char-exp-bar{background-color:#4f545c;border-radius:5px;height:20px;margin-top:10px;overflow:hidden;position:relative;width:100%}.exp-fill{background-color:#7289da;height:100%;transition:width .5s ease-in-out}.exp-text{color:#fff!important;font-size:.9em!important;font-weight:700;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;text-shadow:1px 1px 2px #000c,-1px -1px 2px #000c;top:0;width:100%;z-index:10!important}.char-actions,.exp-text{align-items:center;display:flex}.char-actions{justify-content:space-between;margin-top:10px}.char-actions span{color:#99aab5}.refresh-button{background:none;border:1px solid #7289da;border-radius:5px;color:#7289da;cursor:pointer;font-size:1em;padding:5px 8px;transition:background-color .2s,color .2s}.refresh-button:hover:not(:disabled){background-color:#7289da;color:#fff}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.char-combat-stats ul,.char-currencies ul,.char-primary-stats ul,.char-skills ul{list-style:none;margin:0;padding:0}.char-combat-stats li,.char-currencies li,.char-primary-stats li,.char-skills li{align-items:center;border-bottom:1px solid #3a3e42;display:flex;justify-content:space-between;padding:6px 0}.char-combat-stats li:last-child,.char-currencies li:last-child,.char-primary-stats li:last-child,.char-skills li:last-child{border-bottom:none}.currency-icon{font-size:1.1em;margin-right:8px}.stat-points-available{color:#4caf50;font-size:.8em;margin-left:5px}.stat-alloc-button{background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1em;height:20px;line-height:18px;margin-left:10px;text-align:center;transition:background-color .2s;width:20px}.stat-alloc-button:hover:not(:disabled){background-color:#388e3c}.stat-alloc-button:disabled{background-color:#666;cursor:not-allowed}.allocation-error{color:#f44336;font-size:.85em;margin-bottom:5px;margin-top:5px;text-align:center}.alloc-loading{align-items:center;display:flex;justify-content:center;margin-top:5px}.char-hp-bar{background-color:#4f545c;border-radius:5px;height:20px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.hp-fill{background-color:#4caf50;height:100%;transition:width .3s ease-in-out}.hp-text{align-items:center;color:#fff!important;display:flex;font-size:.9em!important;font-weight:700;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;text-shadow:1px 1px 2px #000c,-1px -1px 2px #000c;top:0;width:100%;z-index:10!important}.combat-log-container{background-color:#3a3f4a;border:1px solid #444;border-radius:8px;color:#ccc;display:flex;flex-direction:column;height:100%;min-height:200px;padding:15px}.combat-log-container h3{border-bottom:1px solid #555;color:#e0e0e0;flex-shrink:0;font-size:1rem;margin-bottom:10px;margin-top:0;padding-bottom:5px;text-align:center}.log-entries{flex-grow:1;font-size:.8rem;line-height:1.4;overflow-y:auto;padding-right:5px}.log-entry{border-radius:3px;margin-bottom:4px;padding:2px 4px}.log-timestamp{color:#888;font-size:.75rem;margin-right:8px}.log-message{color:#ccc}.log-placeholder{color:#888;font-style:italic;padding-top:20px;text-align:center}.log-entry.log-success,.log-entry.log-victory{color:#2ecc71}.log-entry.log-defeat,.log-entry.log-error,.log-entry.log-failure{color:#e74c3c}.log-entry.log-loot{color:#bd93f9;font-style:italic}.log-loot.log-common{color:#aaa}.log-loot.log-uncommon{color:#50fa7b}.log-loot.log-rare{color:#8be9fd}.log-loot.log-epic{color:#ff79c6}.log-loot.log-legendary{color:#f1fa8c}.log-loot.log-scroll{color:#ffb86c}.log-loot.log-discarded{color:#999;font-style:normal}.log-entry.log-info{color:#aaa}.log-entry.log-quest{color:#ffb86c;font-weight:700}.log-entry.log-clan-tax{color:#ffb86c;font-style:italic}.enemy-display-container{background-color:#3a3f4a;border:1px solid #444;border-radius:8px;color:#ccc;margin-bottom:15px;padding:15px;text-align:center}.enemy-display-container.placeholder{background-color:#2f343d;color:#888;font-style:italic}.enemy-display-container h3{color:#e74c3c;font-size:1.1rem;margin-bottom:10px;margin-top:0}.enemy-info{margin-bottom:10px}.enemy-name{color:#e0e0e0;font-size:1rem;font-weight:700}.enemy-level{color:#aaa;font-size:.9rem;margin-left:8px}.enemy-health-bar{background-color:#555;border:1px solid #555;border-radius:8px;height:20px;margin:0 auto;overflow:hidden;position:relative;width:90%}.health-fill{background-color:#e74c3c;border-radius:5px 0 0 5px;height:100%;transition:width .5s ease-out}.health-fill[style*="width: 100%"]{border-radius:8px}.health-fill[style*="width: 0%"]{background-color:initial}.health-text{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;text-shadow:1px 1px 1px #000000b3;top:0;width:100%}.enemy-stats{color:#aaa;font-size:.8rem;margin-top:10px}.enemy-image-container{margin-top:15px;text-align:center}.enemy-icon{background-color:#444;border:2px solid #555;border-radius:8px;box-shadow:0 2px 4px #0000004d;height:auto;image-rendering:pixelated;max-height:100px;max-width:100px;padding:5px}.combat-controls-container{background-color:#3a3f4a;border:1px solid #444;border-radius:8px;color:#ccc;flex-shrink:0;margin-top:15px;padding:15px}.target-selection{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;margin-bottom:15px}.control-group{align-items:center;display:flex;flex-direction:column;min-width:120px}.control-group label{color:#aaa;font-size:.9rem;font-weight:500;margin-bottom:6px}.input-group{background-color:#2f343d;border:1px solid #666;border-radius:6px;gap:4px;padding:2px}.adjust-button,.input-group{align-items:center;display:flex}.adjust-button{background-color:#4a5568;border:none;border-radius:4px;color:#e0e0e0;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;transition:background-color .2s ease;width:28px}.adjust-button:hover:not(:disabled){background-color:#5a6578}.adjust-button:disabled{background-color:#2d3748;color:#666;cursor:not-allowed}.target-input{background-color:initial;border:none;border-radius:0;color:#e0e0e0;font-size:.9rem;outline:none;padding:6px 8px;text-align:center;width:60px}.target-input::-webkit-inner-spin-button,.target-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.target-input[type=number]{-moz-appearance:textfield}.target-input:disabled{background-color:#eee}.action-buttons{display:flex;justify-content:center;margin-top:5px}.start-combat-button,.stop-combat-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;min-width:140px;padding:12px 32px;text-transform:uppercase;transition:all .2s ease}.start-combat-button{background-color:#28a745;box-shadow:0 2px 4px #28a7454d;color:#fff}.start-combat-button:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a74566;transform:translateY(-1px)}.start-combat-button:disabled{background-color:#6c757d;box-shadow:none;color:#adb5bd;cursor:not-allowed;transform:none}.stop-combat-button{background-color:#dc3545;box-shadow:0 2px 4px #dc35454d;color:#fff}.stop-combat-button:hover{background-color:#c82333;box-shadow:0 4px 8px #dc354566;transform:translateY(-1px)}.target-input:disabled{cursor:not-allowed;opacity:.6}.no-actions-warning{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:4px;color:#dc3545;font-size:.85rem;font-weight:700;margin-top:10px;padding:8px 12px;text-align:center}@media (max-width:768px){.combat-controls-container{margin-top:10px;padding:12px}.target-selection{gap:8px}.control-group{min-width:100px}.control-group label{font-size:.8rem}.target-input{font-size:.85rem;width:50px}.adjust-button{font-size:.8rem;height:24px;width:24px}.start-combat-button,.stop-combat-button{font-size:.9rem;min-width:120px;padding:10px 24px}}@media (max-width:480px){.target-selection{flex-direction:column;gap:12px}.control-group{max-width:200px;width:100%}}.quest-tracker-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:15px;padding:15px;text-align:center}.quest-tracker-container h3{color:#444;font-size:1.1rem;margin-bottom:10px;margin-top:0}.quest-status{color:#888;font-style:italic}.quest-details,.quest-status{margin-bottom:15px}.quest-objective{color:#333;font-size:.9rem;margin-bottom:5px}.quest-progress-numbers{color:#1a8a43;font-size:.95rem;font-weight:700;margin-bottom:8px}.quest-progress-bar-container{background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px;height:12px;margin:0 auto;overflow:hidden;width:90%}.quest-progress-bar{height:100%}.quest-progress-fill{background-color:#5cb85c;border-radius:4px 0 0 4px;height:100%;transition:width .5s ease-in-out}.quest-progress-fill[style*="width: 100%"]{border-radius:4px}.renew-quest-button{background-color:#ffc107;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 20px;transition:background-color .2s ease}.renew-quest-button:hover{background-color:#e0a800}.renew-quest-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.battle-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.battle-section .section-header{flex-shrink:0}.battle-content-area{display:flex;flex-direction:row;flex-grow:1;gap:15px;overflow:hidden}.battle-column{display:flex;flex-direction:column;overflow:hidden}.enemy-controls-column{flex-basis:45%;flex-shrink:0;min-width:320px}.logs-column{display:flex;flex-basis:55%;flex-direction:column;flex-grow:1;min-width:300px;overflow:hidden}.logs-column .combat-log-container{flex-grow:1;min-height:0;overflow-y:auto;padding-right:5px}@media (max-width:768px){.battle-content-area{flex-direction:column;gap:8px}.enemy-controls-column{flex-basis:auto;flex-shrink:0;min-width:auto}.logs-column{flex-basis:auto;flex-grow:1;min-height:200px;min-width:auto;overflow-y:auto}.logs-column .combat-log-container{max-height:250px}}@media (max-width:480px){.battle-section{padding:0}.battle-content-area{gap:6px}.logs-column{min-height:150px}.logs-column .combat-log-container{max-height:180px}}.item-tooltip-display{word-wrap:break-word;color:#fff;font-size:.85rem;line-height:1.3;white-space:normal}.item-tooltip-display p{color:#eee;margin:3px 0}.item-tooltip-display strong{font-weight:700}.item-tooltip-display .tooltip-description{color:#aaa;margin-top:5px}.item-tooltip-display .tooltip-stats{border-top:1px solid #555;margin-top:8px;padding-top:5px}.item-tooltip-display .tooltip-stats p{color:#61dafb;margin:2px 0}.item-tooltip-display .text-rarity-common{color:#aaa}.item-tooltip-display .text-rarity-uncommon{color:#1eff00}.item-tooltip-display .text-rarity-rare{color:#00bfff}.item-tooltip-display .text-rarity-epic{color:#d870ff}.item-tooltip-display .text-rarity-legendary{color:#ff8000}.item-tooltip-display .text-rarity-scroll{color:#e67e22}.inventory-section{display:flex;flex-direction:column;height:100%}.section-header{border-bottom:1px solid #444;margin-bottom:10px;padding:0 15px 10px}.section-header h2{font-size:1.1rem}.inventory-content-wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:15px}.inventory-currencies{background-color:#3a3f4a;border:1px solid #444;border-radius:8px;box-sizing:border-box;flex-shrink:0;margin-bottom:20px;max-width:500px;padding:10px 15px;width:100%}.inventory-currencies h3{border-bottom:1px solid #555;color:#e0e0e0;font-size:1rem;margin-bottom:8px;margin-top:0;padding-bottom:5px;text-align:center}.inventory-currencies ul{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;list-style:none;margin:0;padding:0}.inventory-currencies li{color:#ccc;font-size:.9rem;white-space:nowrap}.currency-icon{display:inline-block;margin-right:4px;vertical-align:middle}.inventory-slot-count{color:#aaa;font-size:.85rem}.inventory-grid{background-color:#282c34;border:1px solid #444;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin:0 auto 20px;max-width:500px;padding:10px;width:100%}.inventory-grid,.inventory-item{box-sizing:border-box;justify-content:center}.inventory-item{align-items:center;aspect-ratio:1/1;background-color:#3a3f4a;border:1px solid #555;border-radius:6px;cursor:pointer;display:flex;overflow:visible;position:relative;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.inventory-item.empty-slot{background-color:#2f343d;border:1px dashed #555;cursor:default;overflow:hidden}.inventory-item:hover:not(.empty-slot){background-color:#49505c;border-color:#888}.item-icon{height:100%;image-rendering:pixelated;object-fit:contain;vertical-align:middle;width:100%}.item-tooltip{word-wrap:break-word;background-color:#000000e6;border-radius:5px;box-shadow:0 3px 6px #0006;color:#fff;font-size:.85rem;height:auto;max-width:250px;min-width:150px;overflow:visible;padding:8px 12px;pointer-events:auto;position:fixed;white-space:normal;z-index:9999}.item-tooltip p{color:#fff;font-size:.85rem;height:auto;line-height:1.3;margin:3px 0;overflow:visible}.tooltip-actions{align-items:stretch;display:flex;flex-direction:column;gap:4px;margin-top:8px;pointer-events:auto}.item-tooltip button{background-color:#555;border:1px solid #777;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;flex-basis:auto;font-size:.75rem;height:auto;overflow:visible;padding:3px 5px;width:100%}.item-tooltip button:hover{background-color:#777;border-color:#999}.item-tooltip button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.inventory-item.rarity-common{border-color:#aaa}.inventory-item.rarity-uncommon{border-color:#1eff00}.inventory-item.rarity-rare{border-color:#0070dd}.inventory-item.rarity-epic{border-color:#a335ee}.inventory-item.rarity-legendary{border-color:#ff8000}.inventory-item.rarity-scroll{border-color:#e67e22}.inventory-item.rarity-currency{background:none;border:none}.item-tooltip .rarity-common{color:#aaa}.item-tooltip .rarity-uncommon{color:#1eff00}.item-tooltip .rarity-rare{color:#00bfff}.item-tooltip .rarity-epic{color:#d870ff}.item-tooltip .rarity-legendary{color:#ff8000}.item-tooltip .rarity-scroll{color:#e67e22}.equipment-grid{background-color:#2f343d;border:1px solid #444;border-radius:8px;display:grid;gap:6px;grid-template-areas:"earring1   head     earring2" "necklace   chest    blank1" "right_hand belt     left_hand" "ring1      legs     ring2" "hands      feet     blank2";grid-template-columns:repeat(3,65px);grid-template-rows:repeat(5,65px);justify-content:center;margin:0 auto 20px;max-width:227px;padding:10px}.equipment-slot{align-items:center;background-color:#3a3f4a;border:1px dashed #555;border-radius:6px;cursor:default;display:flex;flex-direction:column;justify-content:center;overflow:visible;position:relative}.slot-head{grid-area:head}.slot-neck{grid-area:necklace}.slot-chest{grid-area:chest}.slot-legs{grid-area:legs}.slot-feet{grid-area:feet}.slot-right_hand{grid-area:right_hand}.slot-left_hand{grid-area:left_hand}.slot-hands{grid-area:hands}.slot-belt{grid-area:belt}.slot-ring1{grid-area:ring1}.slot-ring2{grid-area:ring2}.slot-earring1{grid-area:earring1}.slot-earring2{grid-area:earring2}.blank-slot{background-color:#282c34;border-color:#0000;border-style:solid;grid-area:auto}.equipment-grid>div:nth-child(6){grid-area:blank1}.equipment-grid>div:nth-child(15){grid-area:blank2}.slot-label{color:#888;font-size:.6rem;left:3px;pointer-events:none;position:absolute;text-transform:capitalize;top:1px}.slot-empty{color:#bbb;font-size:.8rem}.equipment-slot .inventory-item{background:none;border-width:2px;cursor:pointer;height:100%;overflow:visible;width:100%}.equipment-slot .item-icon{height:100%;width:100%}.multi-select-toggle{background-color:#555;border:1px solid #777;border-radius:4px;color:#eee;cursor:pointer;margin-left:15px;padding:5px 10px;transition:background-color .2s}.multi-select-toggle:hover{background-color:#666}.multi-select-toggle.active{background-color:#ff8000;border-color:#c60;color:#fff}.multi-select-actions{align-items:center;background-color:#2a2e37;border:1px solid #444;border-radius:4px;box-sizing:border-box;display:flex;gap:10px;margin:-10px 15px 10px;padding:8px 15px;width:calc(100% - 30px)}.multi-select-actions span{color:#aaa;font-size:.9em;margin-right:auto}.multi-select-actions button{background-color:#49505c;border:1px solid #6c757d;border-radius:4px;color:#eee;cursor:pointer;padding:4px 8px;transition:background-color .2s}.multi-select-actions button:hover:not(:disabled){background-color:#5a626c}.multi-select-actions button:disabled{cursor:not-allowed;opacity:.6}.inventory-item.multi-select-item{cursor:cell}.inventory-item.selected{background-color:#4a4f5a;outline:2px solid #ff8000;outline-offset:1px}.selection-indicator{align-items:center;background-color:#ff8000cc;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;pointer-events:none;position:absolute;right:2px;top:2px;width:16px}.anvil-section{display:flex;flex-direction:column;height:100%;padding:10px}.anvil-section h2{color:#eee;flex-shrink:0;margin-bottom:20px;text-align:center}.anvil-main-area{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-bottom:20px;min-height:250px;position:relative}.anvil-ui-grid{align-items:center;background-color:#282c34;border:1px solid #444;border-radius:8px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;padding:20px;transition:opacity .3s ease-out;width:100%}.anvil-slot{align-items:center;background-color:#3a3f4a;border:2px dashed #555;border-radius:6px;cursor:pointer;display:flex;height:75px;justify-content:center;margin:0 auto;position:relative;width:75px}.anvil-slot:hover{border-color:#888}.anvil-slot img{image-rendering:pixelated;max-height:85%;max-width:85%;object-fit:contain}.anvil-slot span{color:#888;font-size:.8rem;text-align:center}.anvil-slot .slot-placeholder{font-size:1.5rem;font-weight:700}.material-slots-grid{background-color:#2f343d;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;padding:10px;width:fit-content}.material-slots-grid .anvil-slot{height:60px;width:60px}.result-slot{border-style:solid;cursor:default}.result-slot,.result-slot:hover{border-color:#666}.result-slot span{font-size:.75rem;font-weight:700;padding:5px}.result-slot span.success{color:#2ecc71}.result-slot span.fail{color:#e74c3c}.upgrade-info{flex-shrink:0;margin-bottom:25px;text-align:center}.upgrade-info p{color:#ccc;font-size:.9rem;margin-bottom:10px}.upgrade-info .chance-value{color:#ffc107;font-weight:700}.upgrade-button{align-items:center;background-color:#ff8000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:36px;padding:8px 20px;transition:background-color .2s}.upgrade-button:hover:not(:disabled){background-color:#c60}.upgrade-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.error-message,.failure-message{color:#e74c3c}.error-message,.failure-message,.success-message{font-size:.85rem;margin-top:10px;min-height:1.2em}.success-message{color:#2ecc71}.anvil-inventory{border-top:1px solid #555;display:grid;flex-grow:1;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px;overflow:hidden;padding-top:20px}.inventory-subsection{display:flex;flex-direction:column;overflow:hidden}.inventory-subsection h4{color:#aaa;flex-shrink:0;font-size:.9rem;margin-bottom:10px;text-align:center}.anvil-source-grid{background-color:#282c34;border:1px solid #444;border-radius:6px;display:grid;flex-grow:1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));overflow-y:auto;padding:10px}.anvil-inv-item{align-items:center;aspect-ratio:1/1;background-color:#3a3f4a;border:1px solid #555;border-radius:4px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:background-color .2s}.anvil-inv-item:hover{background-color:#49505c}.anvil-inv-item img{image-rendering:pixelated;max-height:75%;max-width:75%;object-fit:contain}.item-quantity{background-color:#000000b3;border-radius:3px;bottom:1px;color:#fff;font-size:.65rem;padding:0 3px;position:absolute;right:1px}.anvil-animation-container{align-items:center;background:linear-gradient(180deg,#282c34,#1c1e22);border:1px solid #444;border-radius:8px;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:10}.anvil-scan-line{animation:scan-effect 1.5s ease-in-out forwards;background-color:#ccc;border-radius:2px;box-shadow:0 0 8px 2px #ccc;height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.anvil-animation-container.success .anvil-scan-line{background-color:#ffc107;box-shadow:0 0 10px 3px #ffc107}.anvil-animation-container.fail .anvil-scan-line{background-color:#dc3545;box-shadow:0 0 10px 3px #dc3545}@keyframes scan-effect{0%{left:50%;opacity:.5;transform:translate(-50%,-50%);width:0}50%{left:0;opacity:1;transform:translateY(-50%);width:100%}to{left:0;opacity:1;transform:translateY(-50%);width:100%}}@media (max-width:768px){.anvil-ui-grid{gap:15px;grid-template-columns:1fr;padding:15px}.material-slots-grid{gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;padding:8px}.material-slots-grid .anvil-slot{height:50px;width:50px}.anvil-slot.item-slot,.anvil-slot.result-slot{height:65px;margin-bottom:10px;width:65px}.anvil-inventory{gap:15px;grid-template-columns:1fr}.anvil-source-grid{gap:5px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}.modal-backdrop{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content.anvil-material-modal{background-color:#2f343d;border:1px solid #555;border-radius:8px;box-shadow:0 5px 15px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:400px;padding:20px}.anvil-material-modal h3{color:#eee;margin-bottom:15px;text-align:center}.material-selection-grid{background-color:#282c34;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-bottom:15px;max-height:40vh;overflow-y:auto;padding:10px}.modal-close-button{align-self:center;background-color:#555;border:none;border-radius:5px;color:#eee;cursor:pointer;margin-top:auto;padding:8px 15px}.modal-close-button:hover{background-color:#666}.scrap-exchange-display{color:#e0e0e0;padding:10px}.scrap-exchange-loading{align-items:center;color:#bbb;display:flex;gap:10px;justify-content:center;padding:20px}.npc-info-header{border-bottom:1px solid #555;margin-bottom:20px;padding-bottom:10px;text-align:center}.npc-info-header h3{color:#e0e0e0;font-size:1.2rem;margin-bottom:5px}.npc-info-header p{color:#aaa;font-size:.9rem}.scrap-info{align-items:center;background-color:#2f343d;border:1px solid #444;border-radius:8px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:10px}.scrap-label{color:#bbb;font-weight:700}.scrap-value{color:#4caf50;font-weight:700}.exchange-options-container{margin-top:20px}.exchange-options-container h3{color:#e0e0e0;font-size:1.1rem;margin-bottom:10px;text-align:center}.exchange-instructions{color:#bbb;font-size:.9rem;font-style:italic;margin-bottom:15px;text-align:center}.rarity-options{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.chest-option{background-color:#2f343d;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;padding:15px;text-align:center}.chest-option.red_chest{border-left:4px solid #e74c3c}.chest-option.red_chest .chest-name{color:#e74c3c}.chest-option.green_chest{border-left:4px solid #2ecc71}.chest-option.green_chest .chest-name{color:#2ecc71}.chest-option.blue_chest{border-left:4px solid #3498db}.chest-option.blue_chest .chest-name{color:#3498db}.chest-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.chest-icon{height:auto;margin-bottom:8px;max-width:100px;object-fit:contain;width:100%}.chest-name{font-size:1rem;font-weight:700}.chest-description{color:#aaa;font-size:.8rem;margin-bottom:10px;min-height:40px}.chest-cost{display:flex;font-size:.9rem;gap:5px;justify-content:center;margin-bottom:15px}.cost-label{color:#bbb}.cost-value{font-weight:700}.cost-value.insufficient{color:#f44336}.chest-action{margin-top:auto}.exchange-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s;width:100%}.exchange-button:hover:not(:disabled){background-color:#1976d2}.exchange-button.disabled{background-color:#555;cursor:not-allowed;opacity:.7}.acquired-item-container{border-top:1px solid #444;margin-top:30px;padding-top:20px}.acquired-item-container h3{color:#e0e0e0;font-size:1.1rem;margin-bottom:15px;text-align:center}.acquired-item{background-color:#2f343d;border:1px solid #444;border-radius:8px;margin:0 auto;max-width:400px;padding:15px}.acquired-chest-icon{display:block;height:auto;margin:0 auto 10px;max-width:80px}.use-from-inventory-prompt{color:#aaa;font-size:.8em;font-style:italic;margin-top:10px;text-align:center}.acquired-item.common{border-left:3px solid #aaa}.acquired-item.uncommon{border-left:3px solid #4caf50}.acquired-item.rare{border-left:3px solid #2196f3}.acquired-item.epic{border-left:3px solid #9c27b0}.acquired-item.legendary{border-left:3px solid #ff9800}.item-header{display:flex;justify-content:space-between;margin-bottom:10px}.item-name{font-size:1rem;font-weight:700}.item-rarity{font-size:.9rem;font-weight:700}.item-rarity.common{color:#aaa}.item-rarity.uncommon{color:#4caf50}.item-rarity.rare{color:#2196f3}.item-rarity.epic{color:#9c27b0}.item-rarity.legendary{color:#ff9800}.item-description{color:#bbb;font-size:.85rem;margin-bottom:5px;text-align:center}.error-message{color:#f44336}.success-message{color:#4caf50;font-size:.9rem;margin-bottom:15px;text-align:center}@media (max-width:768px){.rarity-options{grid-template-columns:1fr}}.clan-section{background-color:#2c2c2c;border-radius:8px;color:#f0f0f0;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px}.clan-section h2,.clan-section h3{border-bottom:1px solid #444;color:#e0e0e0;margin-bottom:15px;padding-bottom:8px}.create-clan-form{background-color:#333;border-radius:8px;box-shadow:0 2px 10px #0000004d;margin:20px auto;max-width:500px;padding:20px}.create-clan-form div{margin-bottom:12px}.create-clan-form label{color:#ccc;display:block;font-weight:700;margin-bottom:5px}.create-clan-form input[type=text],.create-clan-form select,.create-clan-form textarea{background-color:#444;border:1px solid #555;border-radius:4px;color:#f0f0f0;font-size:1em;padding:10px;width:calc(100% - 22px)}.create-clan-form input[type=text]:focus,.create-clan-form select:focus,.create-clan-form textarea:focus{border-color:#777;box-shadow:0 0 5px #78787880;outline:none}.create-clan-form textarea{min-height:80px;resize:vertical}.create-clan-form button[type=submit]{background-color:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;transition:background-color .2s ease-in-out}.create-clan-form button[type=submit]:hover{background-color:#4cae4c}.create-clan-form button[type=submit]:disabled{background-color:#555;cursor:not-allowed}.clan-section hr{background-color:#444;border:0;height:1px;margin:20px 0}.clan-section .clan-dashboard-info{background-color:#333;border-radius:6px;margin-bottom:20px;padding:15px}.clan-section .clan-dashboard-info p{margin:5px 0}.clan-content-layout{display:flex;gap:20px}.clan-column{flex:1;min-width:0}.clan-list-section{margin-top:20px}.clan-search-controls{align-items:center;display:flex;gap:10px;margin-bottom:15px}.clan-search-controls input[type=text]{flex-grow:1;padding:8px 10px}.clan-search-controls button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.clan-search-controls button:hover{background-color:#0056b3}.clan-search-controls button:disabled{background-color:#555;cursor:not-allowed}.clan-list{list-style-type:none;padding:0}.clan-list-item{background-color:#3a3a3a;border:1px solid #444;border-radius:4px;margin-bottom:10px;padding:10px 15px}.clan-list-item div:first-child{align-items:center;display:flex;margin-bottom:5px}.clan-list-item strong{color:#fff;font-size:1.1em}.clan-list-item p{color:#bbb;font-size:.9em;margin:3px 0}.clan-list-flag-icon{border:1px solid #555;height:24px;margin-left:10px;width:24px}.clan-pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.clan-pagination-controls button{background-color:#444;border:1px solid #555;border-radius:4px;color:#f0f0f0;cursor:pointer;padding:6px 10px}.clan-pagination-controls button:hover:not(:disabled){background-color:#555}.clan-pagination-controls button:disabled{background-color:#333;color:#777;cursor:not-allowed}.clan-pagination-controls span{color:#ccc}.clan-dashboard-header{align-items:center;border-bottom:1px solid #444;display:flex;margin-bottom:15px;padding-bottom:10px}.clan-dashboard-flag{background-color:#222;border:1px solid #555;border-radius:4px;height:50px;margin-right:15px;width:50px}.clan-dashboard-header h2{border-bottom:none;margin-bottom:0}.clan-member-list-table{border-collapse:collapse;margin-top:15px;width:100%}.clan-member-list-table td,.clan-member-list-table th{border:1px solid #444;color:#ddd;padding:8px 10px;text-align:left}.clan-member-list-table th{background-color:#383838;color:#fff;font-weight:700}.clan-member-list-table tbody tr:nth-child(odd){background-color:#333}.clan-member-list-table tbody tr:hover{background-color:#404040}.clan-manage-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-bottom:15px;margin-top:15px;padding:8px 15px;transition:background-color .2s ease-in-out}.clan-manage-button:hover{background-color:#0056b3}.clan-settings-form{background-color:#383838;border:1px solid #484848;border-radius:6px;margin-top:15px;padding:20px}.clan-settings-form h3{border-bottom:1px solid #555;color:#fff;margin-top:0;padding-bottom:10px}.clan-settings-form div{margin-bottom:15px}.clan-settings-form label{color:#ddd;display:block;font-weight:700;margin-bottom:6px}.clan-settings-form textarea{border:1px solid #555;color:#f0f0f0;min-height:60px;resize:vertical;width:calc(100% - 22px)}.clan-settings-form textarea,.flag-selection-grid{background-color:#2c2c2c;border-radius:4px;padding:10px}.flag-selection-grid{border:1px solid #555;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px;overflow-y:auto}.flag-option{border:2px solid #0000;border-radius:4px;cursor:pointer;height:40px;object-fit:cover;transition:border-color .2s ease-in-out,transform .1s ease-in-out;width:40px}.flag-option:hover{border-color:#007bff;transform:scale(1.1)}.flag-option.selected{border-color:#5cb85c;box-shadow:0 0 8px #5cb85cb3;transform:scale(1.1)}.clan-settings-form button{background-color:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;transition:background-color .2s ease-in-out}.clan-settings-form button:hover{background-color:#4cae4c}.clan-settings-form button:disabled{background-color:#555;cursor:not-allowed}.clan-dashboard-nav{border-bottom:1px solid #444;display:flex;margin-bottom:20px}.clan-dashboard-nav button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;font-size:1em;margin-right:10px;padding:10px 15px}.clan-dashboard-nav button:hover{color:#fff}.clan-dashboard-nav button.active{border-bottom-color:#007bff;color:#fff;font-weight:700}.clan-dashboard-content{padding-top:10px}.clan-overview p{line-height:1.6;margin:8px 0}.clan-overview strong{color:#e0e0e0}.clan-apply-button{align-self:center;background-color:#5cb85c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8em;margin-left:auto;padding:5px 10px}.clan-apply-button:hover:not(:disabled){background-color:#4cae4c}.clan-apply-button:disabled{background-color:#555;cursor:not-allowed}.clan-applications-tab{padding:10px}.clan-applications-tab h3{margin-top:0}.clan-application-list{list-style-type:none;padding:0}.clan-application-item{align-items:center;background-color:#3a3a3a;border:1px solid #484848;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.clan-application-item div:first-child{flex-grow:1}.application-actions button{border:none;border-radius:3px;cursor:pointer;font-size:.9em;margin-left:10px;padding:6px 10px}.application-actions button:disabled{background-color:#555;cursor:not-allowed}.application-actions button:first-of-type{background-color:#5cb85c;color:#fff}.application-actions button:first-of-type:hover:not(:disabled){background-color:#4cae4c}.application-actions button.button-reject{background-color:#d9534f;color:#fff}.application-actions button.button-reject:hover:not(:disabled){background-color:#c9302c}.clan-overview hr{border-color:#444;margin:10px 0}.clan-treasury-tab{padding:10px}.clan-treasury-tab h3{margin-top:0}.clan-treasury-tab p{margin-bottom:15px}.clan-treasury-action{background-color:#3a3a3a;border:1px solid #484848;border-radius:4px;margin-bottom:20px;padding:15px}.clan-treasury-action label{display:block;font-weight:700;margin-bottom:8px}.clan-treasury-action input[type=number]{background-color:#2c2c2c;border:1px solid #555;border-radius:4px;color:#f0f0f0;margin-right:10px;padding:8px;width:150px}.clan-treasury-action button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.clan-treasury-action button:hover:not(:disabled){background-color:#0056b3}.clan-treasury-action button:disabled{background-color:#555}.clan-upgrades-tab{padding:10px}.clan-upgrades-tab h3{margin-top:0}.clan-upgrade-item{background-color:#3a3a3a;border:1px solid #484848;border-radius:4px;margin-bottom:15px;padding:15px}.clan-upgrade-item h4{color:#fff;margin-top:0}.clan-upgrade-item p{margin:5px 0 10px}.clan-upgrade-item button{background-color:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.clan-upgrade-item button:hover:not(:disabled){background-color:#4cae4c}.clan-upgrade-item button:disabled{background-color:#555}.rankings-section{color:#e0e0e0;display:flex;flex-direction:column;height:100%;padding:15px}.rankings-section h2{color:#e0e0e0;margin-bottom:20px;text-align:center}.ranking-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.ranking-tabs .tab-button{background-color:#3a3f4a;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-weight:500;padding:8px 20px;transition:background-color .2s,color .2s}.ranking-tabs .tab-button:hover{background-color:#49505c}.ranking-tabs .tab-button.active{background-color:#ff8000;border-color:#ff8000;color:#fff}.loading-container{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:200px}.error-message{margin-top:20px}.ranking-table-container{background-color:#2f343d;border:1px solid #444;border-radius:6px;box-shadow:inset 0 1px 3px #0003;flex-grow:1;overflow-y:auto}.ranking-table{border-collapse:collapse;color:#ccc;width:100%}.ranking-table td,.ranking-table th{border-bottom:1px solid #444;padding:10px 12px;text-align:center}.ranking-table thead th{background-color:#3a3f4a;box-shadow:0 2px 2px -1px #0006;color:#e0e0e0;font-weight:600;position:sticky;top:0;z-index:1}.ranking-table tbody tr:last-child td{border-bottom:none}.ranking-table tbody tr:hover{background-color:#404552}.ranking-row .rank-cell{color:#ffc107;font-weight:700;text-align:center;width:60px}.ranking-row .name-cell{color:#fff;font-weight:500}.ranking-row .class-cell{color:#aaa;font-style:italic;width:100px}.ranking-row .value-cell{color:#61dafb;font-weight:700;text-align:center;width:120px}.no-data-cell{color:#888;font-style:italic;padding:20px;text-align:center}.chat-container{background-color:#2a2e36;border-radius:6px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;background-color:#1e2228;border-bottom:1px solid #3a3f4a;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 15px}.chat-header h3{color:#e0e0e0;font-size:1rem;font-weight:600;margin:0}.online-count{background-color:#ffffff1a;border-radius:10px;color:#aaa;font-size:.8rem;padding:2px 8px}.chat-channels{background-color:#1e2228;border-bottom:1px solid #3a3f4a;display:flex;flex-shrink:0;padding:0}.channel-button{background-color:initial;border:none;color:#aaa;cursor:pointer;font-size:.85rem;padding:8px 15px;position:relative;transition:all .2s}.channel-button:hover{background-color:#ffffff0d;color:#fff}.channel-button.active{background-color:initial;color:#fff;font-weight:600}.channel-button.active:after{background-color:#ff8000;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.chat-messages{background-color:#2a2e36;color:#ddd;flex-grow:1;font-size:.9rem;line-height:1.5;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px 15px;position:relative;scroll-behavior:auto;scroll-snap-type:none}.chat-message{border-bottom:1px solid #ffffff08;margin-bottom:3px;padding:2px 0;text-align:left}.chat-timestamp{color:#777;font-size:.75rem;margin-right:6px}.chat-username{color:#ffc107;cursor:pointer;font-weight:600;margin-right:5px;position:relative}.chat-username:hover{text-decoration:underline}.chat-username.admin{color:#ff4757}.chat-username.moderator{color:#2ed573}.chat-username.ironman{color:#a4b0be;font-style:italic}.chat-text{word-wrap:break-word;color:#ddd}.chat-placeholder{color:#777;font-style:italic;padding:30px 0;text-align:center}.chat-input-form{background-color:#1e2228;border-top:1px solid #3a3f4a;display:flex;flex-direction:column;flex-shrink:0;padding:10px}.chat-input-row{align-items:center;display:flex}.chat-input{background-color:#2a2e36;border:1px solid #3a3f4a;border-radius:4px;color:#e0e0e0;flex-grow:1;font-size:.9rem;padding:10px 15px;transition:border-color .2s}.chat-input:focus{border-color:#ff8000;outline:none}.chat-input::placeholder{color:#777}.send-button{background-color:#ff8000;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;margin-left:8px;padding:10px 15px;transition:background-color .2s}.send-button:hover{background-color:#e67300}.whisper-error-message{background-color:#ff4757;border-radius:4px;color:#fff;font-size:.8rem;margin-bottom:10px;padding:6px 10px;text-align:center}.whisper-view{display:flex;flex-grow:1;overflow:hidden}.dm-partner-list{background-color:#252a33;border-right:1px solid #3a3f4a;flex-shrink:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;width:150px}.dm-partner{align-items:center;border-bottom:1px solid #3a3f4a;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s}.dm-partner:hover{background-color:#2a2e36}.dm-partner.active{background-color:#1e88e5}.dm-partner.active .dm-partner-name{color:#fff;font-weight:600}.dm-partner.active .dm-close-button{color:#fffc}.dm-partner-name{color:#ddd;flex-grow:1;font-size:.85rem;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dm-close-button,.dm-partner-name{background:none;border:none;cursor:pointer}.dm-close-button{color:#777;flex-shrink:0;line-height:1;opacity:.7;padding:0 0 0 8px;transition:opacity .2s,color .2s}.dm-close-button:hover{color:#ff4757;opacity:1}.dm-messages{overscroll-behavior:contain;padding-left:15px;scroll-behavior:auto}.dm-sent .chat-username{color:#70a1ff}.dm-received .chat-username{color:#ff9f43}.chat-mention{background-color:#ffc10733;border-radius:3px;color:#ffc107;font-weight:600;padding:2px 5px}.collapse-button{background:none;border:none;color:#aaa;cursor:pointer;padding:0 5px;transition:color .2s}.collapse-button:hover{color:#fff}.chat-container.collapsed{height:50px}.chat-container.collapsed .chat-channels,.chat-container.collapsed .chat-input-form,.chat-container.collapsed .chat-messages,.chat-container.collapsed .whisper-view{display:none}.username-context-menu{background-color:#1e2228;border:1px solid #3a3f4a;border-radius:4px;box-shadow:0 2px 10px #0000004d;min-width:120px;overflow:hidden;position:absolute;z-index:1000}.context-menu-item{align-items:center;color:#ddd;cursor:pointer;display:flex;font-size:.85rem;padding:8px 12px;transition:background-color .2s}.context-menu-item:hover{background-color:#2a2e36}.context-menu-item svg{color:#aaa;margin-right:8px}.notification-badge{align-items:center;background-color:#ff4757;border-radius:7px;box-shadow:0 1px 2px #0003;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 3px;position:absolute;right:-5px;top:2px;z-index:1}@keyframes flashUnread{0%,to{background-color:#252a33}50%{background-color:#3a3f4a}}.dm-partner.dm-partner-unread .dm-partner-name{animation:flashUnread 1.5s infinite;color:#ffc107;font-weight:700}.loot-tracker-container{display:flex;flex-direction:column;flex-grow:1;max-height:200px;min-height:100px}.loot-tracker-container h3{border-bottom:1px solid #555;color:#e0e0e0;flex-shrink:0;font-size:1rem;margin-bottom:8px;margin-top:0;padding-bottom:5px;text-align:center}.loot-entries{color:#bbb;flex-grow:1;font-size:.8rem;line-height:1.4;overflow-y:auto;padding-right:5px}.loot-item{border-radius:3px;margin-bottom:4px;padding:2px 4px}.loot-placeholder{color:#888;font-size:.8rem;font-style:italic;padding-top:20px;text-align:center}.loot-item .log-timestamp{color:#888;font-size:.8rem;margin-right:8px}.loot-item .loot-message{word-break:break-word}.loot-item.log-discarded .loot-message{color:#dc3545;font-style:italic}.loot-item.log-loot-chest .loot-message{color:gold;font-weight:700}#root,body,html{height:100%;margin:0;overflow:hidden}.game-page-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.game-layout{background-color:#1c1e22;box-sizing:border-box;color:#e0e0e0;display:grid;gap:12px;grid-template-areas:"navigation   navigation   navigation" "left-sidebar main-content right-sidebar" "left-sidebar chat-area    right-sidebar";grid-template-columns:250px 1fr 300px;grid-template-rows:60px 1fr auto;height:100vh;max-height:100vh;overflow:hidden;padding:12px}.navigation-menu{background-color:#212529;box-shadow:0 2px 5px #0000004d;color:#adb5bd;flex-shrink:0;grid-area:navigation;height:60px;padding:0}.navigation-menu,.sidebar{border:1px solid #444;border-radius:8px}.sidebar{background-color:#2f343d;box-shadow:0 2px 4px #0003;color:#ccc;display:flex;flex-direction:column;grid-row:2/4;overflow-y:auto;padding:15px}.left-sidebar{grid-area:left-sidebar}.right-sidebar{gap:10px;grid-area:right-sidebar}.sidebar-box{background-color:#3a3f4a;border:1px solid #444;border-radius:4px;flex-shrink:0;padding:10px 15px}.sidebar-box h3{border-bottom:1px solid #555;color:#e0e0e0;font-size:1rem;margin-bottom:8px;margin-top:0;padding-bottom:5px;text-align:center}.sidebar-box p{color:#bbb;font-size:.85rem;margin-bottom:5px}.right-sidebar .loot-tracker-container{background-color:#3a3f4a;border:1px solid #444;flex-grow:1;max-height:200px}.right-sidebar .socket-status{color:#999;flex-shrink:0;font-size:.8rem;margin-top:auto;padding:5px;text-align:center}.main-content{background-color:#2f343d;border:1px solid #444;border-radius:8px;box-shadow:0 2px 4px #0003;grid-area:main-content;grid-row:2/3;min-height:400px;padding:20px}.main-content,.main-content>div:first-child{display:flex;flex-direction:column;overflow-y:auto}.main-content>div:first-child{flex-grow:1}.chat-area-container{display:flex;flex-shrink:0;grid-area:chat-area;grid-row:3/4;height:300px;margin-top:0;overflow:hidden;padding:0}.chat-area-container>.chat-container{background-color:#2f343d;border:1px solid #444;border-radius:8px;box-shadow:0 2px 4px #0003;width:100%}.section-header{align-items:center;border-bottom:1px solid #555;color:#e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.section-header h2{color:#61dafb;margin:0}.section-tabs{display:flex;gap:5px}.tab-button{background-color:#3a3f4a;border:1px solid #555;border-bottom:none;border-radius:4px 4px 0 0;color:#ccc;cursor:pointer;padding:8px 15px;transition:background-color .2s,color .2s}.tab-button:hover{background-color:#49505c}.tab-button.active{background-color:#2f343d;border-bottom:1px solid #2f343d;color:#fff;position:relative;top:1px}@media (max-width:768px){.game-layout{display:flex;flex-direction:column;gap:0;grid-template-areas:none;grid-template-columns:none;grid-template-rows:none;height:100vh;overflow:hidden;padding:0}.left-sidebar,.navigation-menu,.right-sidebar{display:none}.mobile-top-nav{align-items:center;background-color:#212529;border-bottom:1px solid #444;display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 15px;z-index:1010}.main-content{border:none;border-radius:0;box-shadow:none;grid-area:auto;grid-row:auto;padding:10px}.main-content,.main-content>div:first-child{display:flex;flex-direction:column;flex-grow:1;overflow-y:hidden}.chat-area-container{flex-shrink:0;grid-area:auto;grid-row:auto;height:200px;max-height:200px}.chat-area-container>.chat-container{border:none;border-radius:0;border-top:1px solid #444;box-shadow:none}.mobile-bottom-nav{-ms-overflow-style:none;align-items:center;background-color:#212529;border-top:1px solid #444;display:flex;flex-shrink:0;height:65px;justify-content:space-around;overflow-x:auto;scrollbar-width:none;z-index:1010}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-nav-button{align-items:center;background:none;border:none;color:#adb5bd;cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;font-size:.65rem;min-width:50px;padding:4px 2px;transition:color .2s ease}.mobile-nav-button .nav-icon{font-size:1.2rem;margin-bottom:2px}.mobile-nav-button.active{color:#4a90e2}.mobile-nav-button:hover{color:#fff}.mobile-top-nav .mobile-nav-button{flex-grow:0;padding:8px}.mobile-top-title{color:#e0e0e0;flex-grow:1;font-size:.9rem;font-weight:500;text-align:center}@media (max-width:480px){.mobile-bottom-nav{height:60px}.mobile-nav-button{font-size:.6rem;min-width:45px;padding:3px 1px}.mobile-nav-button .nav-icon{font-size:1.1rem;margin-bottom:1px}.mobile-top-title{font-size:.8rem}}@media (max-width:360px){.mobile-nav-button .nav-label{display:none}.mobile-nav-button .nav-icon{margin-bottom:0}.mobile-bottom-nav{height:50px}}.mobile-modal-backdrop{align-items:center;background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:15px;position:fixed;z-index:1050}.mobile-modal-content{background-color:#2f343d;border:1px solid #555;border-radius:8px;box-shadow:0 5px 15px #00000080;color:#ccc;max-height:85vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:95%}.mobile-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px;position:absolute;right:8px;top:8px}.mobile-modal-close:hover{color:#fff}.mobile-modal-content .character-stats-display{font-size:.85rem}.mobile-modal-content .sidebar-box{margin-bottom:15px}.mobile-modal-content .loot-tracker-container{max-height:30vh}.mobile-modal-content .socket-status{margin-top:15px}}.mobile-bottom-nav,.mobile-modal-backdrop,.mobile-top-nav{display:none!important}@media (max-width:768px){.mobile-bottom-nav,.mobile-modal-backdrop,.mobile-top-nav{display:flex!important}}.App{color:#e0e0e0;min-height:100vh;text-align:center}.auth-container{background-color:#3a3f4a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #0003;margin:60px auto;max-width:450px;padding:30px 40px}.auth-container h1{color:#61dafb;margin-bottom:25px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#ccc;display:block;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{background-color:#282c34;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb4d;outline:none}.auth-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px;transition:background-color .2s ease;width:100%}.auth-button.register{background-color:#28a745}.auth-button.create-char-button{background-color:#17a2b8}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:disabled{background-color:#555;cursor:not-allowed}.error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:4px;color:#dc3545;margin-bottom:15px;padding:10px}.auth-links,.error-message{font-size:.9rem;text-align:center}.auth-links{margin-top:20px}.auth-links a,.link-button{background:none;border:none;color:#61dafb;cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.link-button.logout{color:#ff6b6b}.auth-links a:hover,.link-button:hover{text-decoration:underline}.character-create-container .class-description{background-color:#2f343d;border:1px dashed #555;border-radius:4px;margin-top:25px;padding:15px}.character-create-container .class-info h3{color:#61dafb;margin-top:0}.character-create-container .class-info p{color:#ccc;font-size:.9rem;margin-bottom:10px}.character-create-container .class-info ul{color:#bbb;font-size:.85rem;list-style:none;padding-left:0}.character-create-container .class-info li{margin-bottom:3px}.character-select-container{max-width:600px}.character-select-container h1{margin-bottom:15px}.character-select-container>p{color:#ccc;font-size:1.1rem;margin-bottom:20px}.character-select-container ul{list-style:none;margin-bottom:20px;padding:0}.character-select-container li{align-items:center;background-color:#2f343d;border-bottom:1px solid #444;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 15px}.character-select-container li:last-child{border-bottom:none}.character-select-container .character-info{color:#e0e0e0;flex-grow:1;text-align:left}.character-select-container .character-info strong{font-size:1.05rem}.character-select-container .select-char-button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:15px;padding:6px 12px}.character-select-container .select-char-button:hover{background-color:#0056b3}.character-select-container .create-char-link{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:25px auto 15px;max-width:250px;padding:10px 20px;text-align:center;text-decoration:none;width:auto}.character-select-container .create-char-link:hover{background-color:#218838;text-decoration:none}
/*# sourceMappingURL=main.9cc3a1df.css.map*/