.murmur-feed-container{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:15px;margin-top:20px;box-shadow:0 4px 6px #0000001a}.murmur-feed-container h3{color:#f0c04a;margin-top:0;margin-bottom:15px;font-family:Georgia,serif;text-align:center;border-bottom:1px solid #444;padding-bottom:8px}.murmur-list{max-height:300px;overflow-y:auto}.murmur-item{margin-bottom:12px;padding:10px;background-color:#3a3a3a;border-radius:6px;border-left:3px solid #f0c04a;transition:background-color .2s}.murmur-item:hover{background-color:#444}.murmur-message{font-style:italic;color:#e0e0e0;margin:0 0 8px;font-size:.95em;line-height:1.4}.murmur-meta{font-size:.8em;color:#aaa;text-align:right;margin:0}.murmur-list::-webkit-scrollbar{width:8px}.murmur-list::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.murmur-list::-webkit-scrollbar-thumb{background:#f0c04a;border-radius:4px}.murmur-list::-webkit-scrollbar-thumb:hover{background:#d8a830}.room-image-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#333;border:1px solid #555;border-radius:8px;overflow:hidden}.room-image{max-width:100%;max-height:80%;object-fit:contain;border-radius:4px}.room-status{width:100%;padding:5px;text-align:center;background-color:#00000080;color:#e0e0e0;font-size:.8em;margin-top:5px}.room-effects,.room-affections{margin:0;padding:2px 0}.context-menu{position:absolute;box-shadow:2px 2px 5px #0003;z-index:1000;min-width:150px;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:5px;padding:5px}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{position:relative;padding:8px 12px;cursor:pointer}.context-menu li:hover{background-color:var(--primary-color);color:#fff}.context-menu li.has-submenu:after{content:"▶";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.8em}.submenu{position:absolute;left:100%;top:0;box-shadow:2px 2px 5px #0003;z-index:1001;min-width:150px;display:none;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:5px;padding:5px}.submenu ul{position:relative;padding:0;margin:0;cursor:pointer}.submenu li{cursor:pointer}.submenu li:hover{background-color:var(--primary-color);color:#fff}.context-menu li:hover>.submenu{display:block}.context-menu li:hover>.submenu.submenu-left{left:auto;right:100%;background-color:var(--primary-color);color:#fff}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#2a2a2a;border-bottom:1px solid #444;color:#e0e0e0;font-size:.9em}.player-info,.player-name-container{display:flex;align-items:center;gap:5px}.player-name{font-weight:700;color:#8aff8a}.player-stance{font-style:italic;color:#aaa;font-size:.9em}.affections,.effects{color:#ff8a8a}.game-time{display:flex;font-style:italic;color:#aaa}.quit-button{background-color:#555;color:#fff;border:none;padding:8px 15px;cursor:pointer;border-radius:4px;font-size:.9em}.quit-button:hover{background-color:#777}.room-description-container{background-color:#2a2a2a;padding:15px;border-radius:8px;border:1px solid #444;overflow-y:auto;flex:1}.area-name{font-size:1.1em;color:#8aff8a;margin-bottom:5px}.room-name{font-size:1.5em;color:#e0e0e0;margin-bottom:10px}.room-description{font-size:.95em;line-height:1.6;margin-bottom:15px}.room-description p{margin-bottom:10px}.room-description h3{font-size:1em;color:#aaa;margin-top:15px;margin-bottom:5px}.room-description ul{list-style:none;padding:0;margin:0}.room-description li{margin-bottom:3px;color:silver}.room-description a{color:#8aff8a;text-decoration:none}.room-description a:hover{text-decoration:underline}.map-area-container{padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%}.minimap-placeholder,.compass-placeholder{width:100%;text-align:center;margin-bottom:10px}.minimap-placeholder img,.compass-placeholder img{max-width:100%;height:auto;border-radius:4px;border:1px solid #555}.map-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%;margin-top:10px}.map-controls button{background-color:#555;color:#fff;border:none;padding:8px 0;cursor:pointer;border-radius:4px;font-size:.9em}.map-controls button:hover{background-color:#777}.mid-section{display:flex;flex-grow:1;gap:1rem;padding:1rem;position:relative;height:100vh;max-height:100vh;min-height:100vh}.mid-section-left,.mid-section-center,.mid-section-right{flex:1;display:flex;flex-direction:column;gap:1rem}.mid-section-center{position:relative}.travel-progress-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;color:#fff;font-size:1.2em;font-weight:700;text-shadow:1px 1px 2px black}.travel-progress-bar{width:0%;height:20px;background-color:#4caf50;border-radius:5px;transition:width .5s ease-out;margin-top:10px;box-shadow:0 0 5px #00000080}.travel-progress-text{margin-top:10px}.game-log-container{background-color:#000;border-radius:8px;border:1px solid #444;height:100%;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:.9em;line-height:1.5;color:#e0e0e0;display:flex;flex-direction:column}.log-entries-wrapper{flex:1;overflow-y:auto;padding:10px}.log-entry{margin-bottom:2px;white-space:pre-wrap}.log-entry.player-action{color:#8aff8a}.log-entry.npc-dialogue{color:#8a8aff}.log-entry.system-message{color:#ff8a8a}.log-entry.emote{color:#ffff8a}.log-entry h1{font-size:1.2em;margin:.5em 0 .3em}.log-entry h2{font-size:1.1em;margin:.5em 0 .3em}.log-entry h3{font-size:1em;margin:.5em 0 .3em}.log-entry h4,.log-entry h5,.log-entry h6{font-size:.95em;margin:.5em 0 .3em}.log-entry p{margin:.3em 0}.log-entry ul,.log-entry ol{margin:.2em 0;padding-left:1em}.log-entry li{margin:0}.game-log-container p{line-height:1;margin:0 0 1em}.quick-actions-settings-container{background-color:#2a2a2a;padding:15px;border-radius:8px;border:1px solid #444;display:flex;flex-direction:column;justify-content:space-between;height:100%}.quick-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quick-action-item{color:#8aff8a;text-decoration:none;font-size:1em;padding:5px 0;transition:color .2s ease-in-out}.quick-action-item:hover{color:#b3ffb3;text-decoration:underline}.settings{display:flex;flex-direction:column;gap:10px;font-size:.9em}.setting-item{display:flex;align-items:center;gap:5px}.setting-item input[type=checkbox]{margin-right:5px}.setting-item input[type=number]{width:60px;padding:3px 5px;border:1px solid #555;background-color:#333;color:#e0e0e0;border-radius:4px}.bottom-area{display:flex;flex:1;padding:10px 20px;gap:20px;border-top:1px solid #444;height:100%;min-height:0}.game-log-section{flex:0 0 70%;overflow-y:hidden;padding-right:10px;display:flex;flex-direction:column}.game-session-page{display:flex;flex-direction:column;background-color:#1a1a1a;color:#e0e0e0;font-family:Arial,sans-serif;height:calc(100vh - 60px);width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#2a2a2a;border-bottom:1px solid #444;height:50px;position:sticky;top:0;z-index:999}.mid-section{display:flex;height:33vh;max-height:33vh;min-height:430px;padding:10px 20px;gap:20px}.mid-section-container{position:relative;height:33vh;max-height:33vh;min-height:450px}.mid-section-left{flex:0 0 20%;display:flex;flex-direction:column;gap:10px}.mid-section-center{flex:1;overflow-y:auto;display:flex;flex-direction:column}.mid-section-right{flex:0 0 20%;display:flex;flex-direction:column;gap:10px;height:100%}.bottom-area{display:flex;flex:1;padding:10px 20px;gap:20px;border-top:1px solid #444}.game-log-section{flex:0 0 70%;overflow-y:auto;padding:0}.quick-actions-settings-section{flex:1;display:flex;flex-direction:column;justify-content:space-between}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.quantity-modal{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:20px;width:300px;box-shadow:0 4px 6px #0000001a;color:#fff}.quantity-modal h3{margin-top:0;text-align:center}.slider-container{margin-bottom:20px}.slider-container label{display:block;text-align:center;margin-bottom:10px}.quantity-slider{width:100%;height:8px;border-radius:5px;background:#555;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.quantity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.modal-buttons{display:flex;justify-content:space-between}.banking-modal{position:absolute;background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:20px;width:400px;box-shadow:0 4px 6px #000;color:#fff;z-index:999}.banking-modal h2{margin-top:0;text-align:center}.modal-description{text-align:center;margin-bottom:20px;color:#ccc}.currency-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.currency-input{display:flex;flex-direction:column}.currency-input label{display:flex;justify-content:space-between;margin-bottom:5px}.currency-slider{width:100%;height:8px;border-radius:5px;background:#555;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.currency-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.currency-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;margin-top:5px;color:#aaa}.btn-confirm{background-color:#4caf50;color:#fff}.btn-confirm:hover{background-color:#45a049}.btn-balance{background-color:#2196f3;color:#fff}.btn-balance:hover{background-color:#1976d2}.shop-trading-modal{position:absolute;background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:20px;width:600px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #000;color:#fff;z-index:999}.shop-trading-modal h2{margin-top:0;text-align:center}.transaction-summary{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px;background-color:#3a3a3a;border-radius:4px}.transaction-summary div{text-align:center}.transaction-summary span{display:block;font-weight:700;font-size:1.2em;color:#4caf50}.inventory-table-container{max-height:400px;overflow-y:auto;margin-bottom:20px;border:1px solid #444;border-radius:4px}.inventory-table{width:100%;border-collapse:collapse;color:#fff}.inventory-table thead{position:sticky;top:0;background-color:#3a3a3a;z-index:1}.inventory-table th,.inventory-table td{padding:10px;text-align:left;border-bottom:1px solid #444}.inventory-table th{font-weight:700}.inventory-table tbody tr:hover{background-color:#3a3a3a}.item-name{color:#4caf50;cursor:pointer;text-decoration:underline}.item-name:hover{color:#45a049}.item-counts{display:flex;flex-direction:column;font-size:.8em;margin-top:5px}.buy-count{color:#2196f3}.sell-count{color:#ff9800}.quantity-info{text-align:center;font-size:.9em}.buy-button,.sell-button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-weight:700;min-width:120px;text-align:center}.buy-button{background-color:#2196f3;color:#fff}.buy-button:hover{background-color:#1976d2}.buy-button:disabled{background-color:#666;cursor:not-allowed}.sell-button{background-color:#ff9800;color:#fff}.sell-button:hover{background-color:#f57c00}.sell-button:disabled{background-color:#666;cursor:not-allowed}.btn-commit{background-color:#4caf50;color:#fff}.btn-commit:hover{background-color:#45a049}.btn-commit:disabled{background-color:#666;cursor:not-allowed}.error-message{color:#f44336;background-color:#ffebee;border:1px solid #f44336;border-radius:4px;padding:10px;margin-bottom:15px;text-align:center}.communications-modal{position:absolute;background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:20px;width:400px;box-shadow:0 4px 6px #000;color:#fff;z-index:999}.communications-modal h2{margin-top:0;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#ccc}.form-group select,.form-group input{width:100%;padding:8px;border:1px solid #444;border-radius:4px;background-color:#3a3a3a;color:#fff;box-sizing:border-box}.form-group input{margin-bottom:10px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.btn-cancel{background-color:#666;color:#fff}.btn-cancel:hover{background-color:#777}.btn-send{background-color:#4caf50;color:#fff}.btn-send:hover{background-color:#45a049}.character-sheet-modal{position:absolute;background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:20px;width:720px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #000;color:#fff;z-index:999}.character-sheet-modal h2{margin-top:0;text-align:center}.character-sheet-modal h3{margin-top:0;color:#4caf50;border-bottom:1px solid #444;padding-bottom:5px}.modal-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px}.tab-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;background-color:#555;color:#ccc}.tab-button:hover{background-color:#666}.tab-button.active{background-color:#4caf50;color:#fff}.modal-content{margin-bottom:20px}.tab-content{min-height:300px;width:100%}.tab-content h3{padding:10px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{display:flex;justify-content:space-between;padding:8px;background-color:#3a3a3a;border-radius:4px}.stat-label{font-weight:700;color:#ccc}.stat-value{color:#4caf50}.inventory-list,.knowledge-list,.recipes-list,.equipment-list,.skills-list,.combat-info{display:flex;flex-direction:column;gap:10px}.inventory-item,.knowledge-item,.recipe-item,.equipment-item,.skill-item,.combat-slot{display:flex;justify-content:space-between;padding:10px;background-color:#3a3a3a;border-radius:4px;cursor:pointer}.inventory-item:hover,.knowledge-item:hover,.recipe-item:hover,.equipment-item:hover,.skill-item:hover,.combat-slot:hover{background-color:#444}.item-name,.knowledge-name,.recipe-name,.equipment-name,.skill-name,.slot-name{color:#4caf50}.item-quantity,.knowledge-proficiency,.skill-level,.slot-value{color:#2196f3}.item-equipped{margin-left:4px;font-style:italic}.bodypart-hp{margin-left:4px;font-size:.9em}.modal-buttons{display:flex;justify-content:center;margin-top:20px}.modal-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn-close{background-color:#666;color:#fff}.btn-close:hover{background-color:#777}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:15px;cursor:grab}.modal-header button{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.modal-header button:hover{background-color:#d32f2f}.combat-columns{display:flex;gap:20px}.combat-slots,.combat-skills{flex:1;display:flex;flex-direction:column;gap:10px}.combat-slot{position:relative}.clear-button{position:absolute;top:2px;right:2px;background:none;border:none;color:#f44336;cursor:pointer;display:none}.combat-slot:hover .clear-button{display:block}:root{--background-color: #1a1a1a;--text-color: #e0e0e0;--primary-color: #4CAF50;--secondary-color: #333;--border-color: #444;--header-height: 60px;--sidebar-width: 20%;--central-width: 60%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content-block{background-color:var(--secondary-color);border:1px solid var(--border-color);padding:15px;margin-bottom:15px;border-radius:5px}.content-block h2{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-size:1.2em}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-color);padding:0 20px;height:var(--header-height);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.game-name{color:var(--primary-color);font-size:1.8em;font-weight:700;text-decoration:none}.header-center ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}.header-center a{color:var(--text-color);text-decoration:none;font-weight:700;transition:color .3s ease}.header-center a:hover{color:var(--primary-color)}.header-right button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;margin-left:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.header-right button:hover{background-color:#45a049}.main-content-area{flex-grow:1;padding:0;display:flex;justify-content:center;overflow:hidden}.main-content-grid{display:grid;grid-template-columns:var(--sidebar-width) var(--central-width) var(--sidebar-width);gap:20px;max-width:1200px;width:100%}.sidebar-left,.sidebar-right,.central-content{padding:10px}.news-feed{max-height:80vh;overflow-y:auto}.news-article{margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed var(--border-color)}.news-article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.news-article h3{color:var(--primary-color);margin-top:0;margin-bottom:5px;font-size:1.1em}.news-date{font-size:.8em;color:#aaa;margin-bottom:10px}.news-article{cursor:pointer;transition:background-color .3s ease}.news-article:hover{background-color:#4caf501a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;max-width:800px;max-height:50vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--primary-color)}.close-button{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--primary-color)}.modal-body{padding:20px}.modal-body .news-date{margin-top:0;margin-bottom:20px}.article-content{line-height:1.6}.article-content h3{color:var(--primary-color);margin-top:20px;margin-bottom:10px}.article-content ul,.article-content ol{padding-left:20px}.article-content li{margin-bottom:5px}.modal-footer{padding:20px;border-top:1px solid var(--border-color);text-align:right}.modal-footer button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.modal-footer button:hover{background-color:#45a049}.login-page,.register-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:20px}.login-page h1,.register-page h1{color:var(--primary-color);margin-bottom:20px}.login-page form,.register-page form{background-color:var(--secondary-color);padding:30px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.login-page form div,.register-page form div{display:flex;flex-direction:column}.login-page label,.register-page label{margin-bottom:5px;font-weight:700;color:var(--text-color)}.login-page input,.register-page input{padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:#2a2a2a;color:var(--text-color);font-size:1em}.login-page input:focus,.register-page input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5080}.login-page button,.register-page button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease}.login-page button:hover,.register-page button:hover{background-color:#45a049}.log-entry .interactive{color:var(--primary-color);cursor:pointer;text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4f4f4f;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:#4f4f4f transparent}