*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}#map-page{background-color:#19150f;justify-content:center;align-items:center;height:100%;display:flex}#container{border:5px solid #e5bb67;width:80%;height:80%;display:flex}#sidebar{background-color:#382e22;border-color:#e5bb67;border-right-style:solid;border-right-width:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:33%;height:100%;display:flex}#sidebar-title{color:#e5bb67;text-align:center;letter-spacing:.05em;font-size:2rem}#sidebar-inner{flex-direction:column;justify-content:space-around;width:90%;height:90%;display:flex}#sidebar-top{scrollbar-width:thin;scrollbar-color:#e5bb67 #19150f;border:1px solid #fff;border-radius:5px;height:55%;padding:10px;overflow-y:auto}#sidebar-top::-webkit-scrollbar{width:5px}#sidebar-top::-webkit-scrollbar-track{background:#19150f}#sidebar-top::-webkit-scrollbar-thumb{background-color:#e5bb67;border-radius:4px}.log-wrapper{flex-direction:column;gap:12px;display:flex}.log-empty{color:#7a6a50;text-align:center;letter-spacing:.04em;padding:20px 8px;font-size:.78rem;font-style:italic}.log-location{color:#e5bb67;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #4a3e2a;margin-bottom:6px;padding-bottom:4px;font-size:.7rem;font-weight:700}.log-entry{color:#c9bfae;padding:2px 0;font-size:.78rem;line-height:1.5}.log-char{color:#e5bb67;font-weight:700}.log-weapon-name{color:#d4a855;font-style:italic}.log-action{display:block}.log-death{color:#c0392b}.log-death .log-char{color:#e74c3c}.log-sex{color:#c084a0}.log-sex .log-char{color:#e091b8;font-weight:700}.log-marry{color:#a3c4bc}.log-marry .log-char{color:#b8ddd5;font-weight:700}.log-weapon{color:#8ab0c4}.log-weapon .log-char{color:#9dc8e0;font-weight:700}.log-location-name{color:#c9bfae}.log-scene-count{color:#7a6a50;float:right;font-size:.72rem}.log-episode-heading{color:#c9a84c;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #6b5a3a;margin-top:10px;margin-bottom:4px;padding-bottom:3px;font-size:.72rem;font-weight:700}.log-character-heading{color:#e5bb67;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid #e5bb67;margin-bottom:10px;padding-bottom:5px;font-size:.78rem;font-weight:700}#sidebar-bottom{border:1px solid #fff;border-radius:5px;flex-direction:column;justify-content:center;gap:16px;height:35%;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-label{color:#e5bb67;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.filter-select{color:#fff;cursor:pointer;background-color:#19150f;border:1px solid #e5bb67;border-radius:4px;width:100%;padding:6px 8px;font-size:.85rem}.filter-select:focus{border-color:#fff;outline:none}#map{background:#a8c8e8;width:67%;height:100%}