*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#2b1d0e;font-family:Palatino Linotype,Palatino,Book Antiqua,serif;color:#3a220a;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}#header{background:#1a0e05;color:#e8cfa0;padding:8px 20px;display:flex;align-items:center;gap:24px;border-bottom:2px solid #5a3a10;flex-shrink:0;z-index:10}#header h1{margin:0;font-size:1.25rem;font-weight:400;letter-spacing:.08em;white-space:nowrap;color:#f0d080}.filter-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#d4b070}.filter-item span{white-space:nowrap}.filter-item select{background:#2e1a08;color:#e8cfa0;border:1px solid #6a4820;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:.78rem;cursor:pointer}.filter-item select:focus{outline:1px solid #c8922a}.filter-reset{background:#3a1a08;color:#e8cfa0;border:1px solid #6a4820;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:.78rem;cursor:pointer;transition:background .15s}.filter-reset:hover{background:#5a2a10}#content{display:flex;flex:1;min-height:0;position:relative}#map-container{flex:1;min-width:0;position:relative;overflow:hidden}#map-container svg{display:block;width:100%;height:100%}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e0f05d1;color:#e8cfa0;font-size:1.1rem;letter-spacing:.1em;z-index:20}#loading .spinner{width:40px;height:40px;border:4px solid #5a3a10;border-top-color:#c8922a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}#loading-label{margin-bottom:12px}#loading-bar-track{width:220px;height:6px;background:#3a2010;border-radius:3px;overflow:hidden}#loading-bar{height:100%;width:0%;background:#c8922a;border-radius:3px;transition:width .2s ease}@keyframes spin{to{transform:rotate(360deg)}}#side-panel{width:0;overflow:hidden;transition:width .28s ease;background:#f5e8cc;border-left:2px solid #a07840;display:flex;flex-direction:column;flex-shrink:0}#side-panel.panel-open{width:320px}#panel-body{flex:1;overflow-y:auto;padding:0}#panel-body::-webkit-scrollbar{width:6px}#panel-body::-webkit-scrollbar-track{background:#f0e0c0}#panel-body::-webkit-scrollbar-thumb{background:#b08040;border-radius:3px}.panel-header{background:#3a1a08;color:#f0d080;padding:10px 14px;position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:2px}.panel-title{font-size:1rem;font-weight:700}.panel-subtitle{font-size:.8rem;color:#c0a060}.panel-breadcrumb{font-size:.78rem;color:#c0a060}.close-btn,.back-btn{background:none;border:none;color:#e8cfa0;cursor:pointer;font-size:.85rem;padding:0;align-self:flex-end;line-height:1;transition:color .15s}.close-btn:hover,.back-btn:hover{color:#fff}.back-btn{align-self:flex-start;margin-bottom:4px}.inhabitant-list{list-style:none;margin:0;padding:0}.inhabitant-row{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid #dfd0b0;cursor:pointer;transition:background .12s;font-size:.85rem}.inhabitant-row:hover{background:#ecddb8}.hab-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.hab-name{flex:1;color:#3a220a}.hab-level{font-size:.75rem;color:#7a5020;white-space:nowrap}.hab-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.25)}.inhabitant-title{padding:12px 14px 8px;font-size:1.05rem;font-weight:700;color:#3a1a08;border-bottom:1px solid #dfd0b0;display:flex;align-items:baseline;gap:8px}.inhabitant-level{font-size:.8rem;color:#7a5020;font-weight:400}.ability-grid{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid #dfd0b0;flex-wrap:wrap}.ability-cell{flex:1;min-width:44px;text-align:center;background:#3a1a08;border-radius:4px;padding:5px 2px}.ability-name{font-size:.62rem;color:#c0a060;letter-spacing:.05em}.ability-score{font-size:1.1rem;color:#f0d080;font-weight:700;line-height:1.2}.ability-mod{font-size:.7rem;color:#a08040}.stat-table{width:100%;border-collapse:collapse;font-size:.82rem}.stat-table tr{border-bottom:1px solid #dfd0b0}.stat-table th{text-align:left;padding:6px 14px;color:#7a5020;font-weight:400;width:110px;vertical-align:top}.stat-table td{padding:6px 14px 6px 0;color:#3a220a}.tooltip{position:fixed;pointer-events:none;z-index:100;background:#1e0f05ed;color:#e8cfa0;border:1px solid #6a4820;border-radius:5px;padding:8px 12px;font-size:.78rem;max-width:220px;box-shadow:2px 3px 8px #00000080}.tt-title{font-size:.88rem;font-weight:700;color:#f0d080;margin-bottom:4px;border-bottom:1px solid #4a3010;padding-bottom:3px}.tt-row{display:flex;justify-content:space-between;gap:10px;padding:1px 0}.tt-row span:first-child{color:#c0a060}.tt-mods{margin-top:4px;padding-top:3px;border-top:1px solid #4a3010;color:#a08850;font-size:.7rem;line-height:1.5}#legend{position:absolute;bottom:14px;left:14px;background:#1e0f05d1;border:1px solid #6a4820;border-radius:5px;padding:8px 12px;font-size:.7rem;color:#e8cfa0;pointer-events:none;max-width:180px}#legend .legend-title{color:#f0d080;font-size:.75rem;margin-bottom:5px}.legend-item{display:flex;align-items:center;gap:6px;padding:1px 0}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}