.relmap{display:flex;flex-direction:column;height:calc(100dvh - var(--navbar-height, 64px));min-height:480px;color:var(--text-primary);line-height:1.6}.relmap-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg-secondary)}.relmap-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.relmap-wrap canvas.is-dragging{cursor:grabbing}.relmap-bar{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;padding:.45rem .9rem;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.relmap-title{display:flex;align-items:center;gap:.4rem;margin:0 .4rem 0 0;font-size:1.05rem;line-height:1.3;white-space:nowrap}.relmap-title .material-symbols-outlined{color:var(--primary-color);font-size:1.35rem}.relmap-search{position:relative;width:210px}.relmap-search input{width:100%;box-sizing:border-box;padding:.35rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:.85rem}.relmap-search input:focus{outline:none;border-color:var(--accent-blue)}.relmap-search .dropdown-content{margin-top:.25rem;z-index:var(--z-dropdown)}.relmap-fit{font-size:.8rem;padding:.3rem .65rem}.relmap-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.relmap-chips{display:flex;flex-wrap:wrap;gap:.35rem}.relmap-chips .chip{font-size:.78rem;background:var(--card-bg)}.relmap-chips .chip:not(.active){opacity:.6}.relmap-chips .chip.active{--chip-accent: var(--card-bg);--chip-accent-text: var(--text-primary);border-color:var(--text-secondary)}.relmap-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;flex:none}.relmap-range{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.2rem .5rem}.relmap-range input{width:90px}.relmap-range b{min-width:1.2em;text-align:right;color:var(--text-primary)}.relmap-count{margin-left:auto;font-size:.78rem;color:var(--text-secondary)}.relmap-help{color:var(--text-secondary);font-size:1.25rem;cursor:help}.relmap-panel{position:absolute;top:12px;right:12px;bottom:12px;width:340px;max-width:calc(100% - 20px);overflow-y:auto;padding:.8rem;font-size:.85rem;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:3}.relmap-head{display:flex;gap:.7rem;align-items:center;margin-bottom:.5rem}.relmap-head img{width:52px;height:52px;border-radius:50%;background:var(--bg-tertiary);flex:none}.relmap-head h2{margin:0;font-size:1.05rem}.relmap-head h2 a{color:inherit;text-decoration:none}.relmap-head h2 a:hover{text-decoration:underline}.relmap-close{margin-left:auto;align-self:flex-start;border:none;background:none;color:var(--text-secondary);font-size:1.3rem;line-height:1;cursor:pointer}.relmap-hint{color:var(--text-secondary);font-size:.78rem}.relmap-section{margin:.8rem 0 .3rem}.relmap-row{display:flex;gap:.55rem;width:100%;padding:.45rem;border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start}.relmap-row:hover,.relmap-row:focus-visible{background:var(--bg-secondary);outline:none}.relmap-row img{width:34px;height:34px;border-radius:50%;flex:none;background:var(--bg-tertiary)}.relmap-row-body{min-width:0;flex:1}.relmap-row-name{font-weight:600;display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.relmap-row-score{margin-left:auto;font-weight:400;color:var(--text-secondary);font-size:.74rem}.relmap-quote{color:var(--text-secondary);font-size:.78rem;line-height:1.45;margin-top:.15rem;overflow-wrap:anywhere}.relmap-quote b{color:var(--text-primary)}.relmap-quote mark{background:color-mix(in srgb,var(--accent-blue) 25%,transparent);color:inherit;border-radius:2px;padding:0 1px}.relmap-quote a{color:var(--accent-blue)}.relmap-play{margin-left:.25rem;padding:0 .35rem;font-size:.68rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.relmap-tip{position:absolute;pointer-events:none;padding:.25rem .5rem;font-size:.78rem;white-space:nowrap;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:4}.relmap-status{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}.relmap-status:empty{display:none}.relmap-status .page-status{pointer-events:auto}@media(max-width:700px){.relmap-bar{padding:.4rem .5rem;gap:.35rem}.relmap-title{font-size:.95rem}.relmap-search{flex:1;width:auto;min-width:0}.relmap-filters{order:5;width:100%;flex-wrap:nowrap;overflow-x:auto}.relmap-chips{flex-wrap:nowrap}.relmap-chips .chip,.relmap-range{flex:none;white-space:nowrap}.relmap-range input{width:70px}.relmap-count{display:none}.relmap-panel{inset:auto 0 0;width:auto;max-width:none;max-height:45vh;border-radius:var(--radius-md) var(--radius-md) 0 0}}