@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";:root{--parchment-light: #f5e6c0;--parchment-mid: #e8d49a;--parchment-dark: #c9a96e;--parchment-edge: #a07840;--ink: #2c1a0e;--ink-faded: #5a3e28;--ink-ghost: rgba(44, 26, 14, .35);--gryffindor: #8B0000;--slytherin: #1a472a;--hufflepuff: #b8860b;--ravenclaw: #003087;--gold: #c8a84b;--sidebar-w: 280px;--info-sidebar-w: 320px;--radius: 6px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--ink)}body{font-family:IM Fell English,Georgia,serif;color:var(--ink)}.app{display:flex;height:100vh;overflow:hidden}.control-bar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;overflow-y:auto;background:linear-gradient(180deg,#2a1a0a,#1c1005);border-right:3px solid var(--gold);display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--parchment-edge) transparent}.control-bar::-webkit-scrollbar{width:5px}.control-bar::-webkit-scrollbar-thumb{background:var(--parchment-edge);border-radius:3px}.control-bar__header{padding:20px 16px 12px;border-bottom:1px solid rgba(200,168,75,.3);text-align:center}.map-title{display:flex;flex-direction:column;gap:4px}.map-title__solemnly{font-family:IM Fell English,serif;font-style:italic;font-size:10px;color:var(--gold);opacity:.7;letter-spacing:.04em}.map-title__main{font-family:Cinzel Decorative,serif;font-weight:700;font-size:15px;color:var(--gold);letter-spacing:.05em;text-shadow:0 0 12px rgba(200,168,75,.4)}.map-title__mischief{font-family:IM Fell English,serif;font-style:italic;font-size:10px;color:var(--gold);opacity:.7;letter-spacing:.04em}.mode-toggle{display:flex;padding:12px;gap:8px}.mode-toggle__btn{flex:1;padding:8px 4px;background:transparent;border:1.5px solid rgba(200,168,75,.35);border-radius:var(--radius);color:var(--parchment-mid);font-family:Cinzel,serif;font-size:11px;cursor:pointer;transition:all var(--transition);letter-spacing:.03em}.mode-toggle__btn:hover{border-color:var(--gold);color:var(--gold);background:#c8a84b14}.mode-toggle__btn--active{background:#c8a84b26;border-color:var(--gold);color:var(--gold);font-weight:600;box-shadow:0 0 10px #c8a84b33 inset}.control-label{padding:8px 14px 4px;font-family:Cinzel,serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.6}.volume-list{padding:0 8px 8px}.volume-list__items{list-style:none;display:flex;flex-direction:column;gap:2px}.volume-btn{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;border-radius:var(--radius);color:var(--parchment-mid);font-family:IM Fell English,serif;font-size:12px;cursor:pointer;text-align:left;transition:all var(--transition)}.volume-btn:hover{background:#c8a84b1a;color:var(--parchment-light)}.volume-btn--active{background:#c8a84b2e;color:var(--gold);font-style:italic}.volume-btn__num{font-family:Cinzel,serif;font-size:10px;font-weight:600;color:var(--gold);opacity:.7;width:14px;text-align:center;flex-shrink:0}.volume-btn__title{line-height:1.3}.scene-list{padding:0 8px 8px;border-top:1px solid rgba(200,168,75,.15);margin-top:4px}.scene-list__items{list-style:none;display:flex;flex-direction:column;gap:2px;margin-top:4px}.scene-list__empty{font-size:11px;color:var(--ink-faded);padding:6px;font-style:italic;opacity:.6}.scene-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;background:transparent;border:none;border-radius:var(--radius);color:var(--parchment-mid);font-family:IM Fell English,serif;font-size:11.5px;cursor:pointer;text-align:left;transition:all var(--transition);line-height:1.35}.scene-btn:hover{background:#c8a84b1a;color:var(--parchment-light)}.scene-btn--active{background:#c8a84b33;color:var(--gold);font-style:italic;font-weight:600}.scene-btn--unavailable{opacity:.45}.scene-btn__badge{font-size:9px;background:#c8a84b26;border-radius:3px;padding:1px 4px;color:var(--gold);white-space:nowrap;flex-shrink:0}.unavailable-banner{margin:8px 12px;padding:8px 10px;background:#8b000026;border:1px solid rgba(139,0,0,.4);border-radius:var(--radius);color:#e8a0a0;font-size:11px;font-style:italic;line-height:1.4}.control-bar__footer{margin-top:auto;padding:12px 14px;border-top:1px solid rgba(200,168,75,.2);font-size:9px;color:#c8a84b59;line-height:1.5;font-style:italic;display:flex;flex-direction:column;gap:8px}.control-bar__disclaimer-link{display:block;text-align:center;font-family:Cinzel,serif;font-style:normal;font-size:8.5px;letter-spacing:.1em;color:#c8a84b73;text-decoration:none;padding:5px 0;border-top:1px solid rgba(200,168,75,.12);transition:color .2s}.control-bar__disclaimer-link:hover{color:var(--gold)}.map-main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--ink)}.character-list-bar{padding:8px 16px;background:var(--ink);border-top:2px solid var(--gold);display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.character-list-bar::-webkit-scrollbar{display:none}.character-list-label{font-family:Cinzel,serif;font-size:9px;color:var(--gold);opacity:.6;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.character-list-items{display:flex;gap:8px}.character-list-item{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0d;border-left:2px solid;border-radius:4px}.character-list-dot{width:6px;height:6px;border-radius:50%}.character-list-name{font-family:IM Fell English,serif;font-size:11px;color:var(--parchment-mid);white-space:nowrap}.map-canvas-wrapper{flex:1;position:relative;overflow:hidden;border:3px solid var(--parchment-edge);border-radius:4px;box-shadow:0 0 40px #000c,inset 0 0 80px #5a3c1440}.map-svg{width:100%;height:100%;display:block}.map-bg{fill:var(--parchment-light)}.room-rect{fill:var(--parchment-mid);stroke:var(--ink);stroke-width:1.5;fill-opacity:.85}.room-label{font-family:Cinzel,serif;font-size:7.5px;fill:var(--ink);font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.floor-label{font-family:Cinzel,serif;fill:var(--ink-ghost);-webkit-user-select:none;user-select:none;pointer-events:none;font-style:italic}.room-tooltip{z-index:9999;background:linear-gradient(135deg,#2a1a0a,#1c1005);border:1.5px solid var(--gold);border-radius:var(--radius);padding:6px 16px;display:flex;align-items:center;gap:8px;pointer-events:none;box-shadow:0 4px 20px #00000080}.room-tooltip__seal{font-size:11px;color:var(--gold);opacity:.7;flex-shrink:0}.room-tooltip strong{font-family:Cinzel,serif;font-size:13px;color:var(--gold);letter-spacing:.04em;white-space:nowrap}.tooltip-house{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-house--gryffindor{background:var(--gryffindor)}.tooltip-house--slytherin{background:var(--slytherin)}.tooltip-house--hufflepuff{background:var(--hufflepuff)}.tooltip-house--ravenclaw{background:var(--ravenclaw)}.tooltip-house--staff{background:var(--parchment-edge)}.tooltip-house--other{background:#7a6a5a}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--parchment-edge);border-radius:3px}@media(max-width:640px){.app{flex-direction:column}.control-bar{width:100%;min-width:0;height:auto;max-height:45vh;border-right:none;border-bottom:3px solid var(--gold)}.map-main{flex:1;min-height:0}}.map-svg--idle{filter:brightness(.42) sepia(.5);transition:filter .6s ease}.map-svg--offmap{opacity:0;pointer-events:none;transition:opacity .5s ease}.marauders-logo-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;padding:24px}.marauders-logo-img{width:min(420px,70%);height:auto;filter:drop-shadow(0 8px 32px rgba(0,0,0,.7));border-radius:8px}.marauders-logo-spell{font-family:IM Fell English,Georgia,serif;font-style:italic;font-size:clamp(14px,2vw,19px);color:var(--parchment-mid);text-align:center;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.8)}.marauders-logo-hint{font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);opacity:.55}.offmap-overlay{position:absolute;inset:0;z-index:15;background:var(--parchment-light);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;gap:20px}.offmap-header{display:flex;flex-direction:column;align-items:center;padding:10px 20px 8px;background:linear-gradient(180deg,#2a1a0a,#1c1005);border-bottom:2px solid var(--gold);gap:3px;flex-shrink:0}.offmap-header__scene{font-family:Cinzel Decorative,serif;font-size:13px;color:var(--gold);letter-spacing:.06em}.offmap-header__location{font-family:IM Fell English,serif;font-style:italic;font-size:11px;color:var(--parchment-mid);opacity:.8}.offmap-map-frame{flex:1;background:var(--parchment-light);min-height:0;position:relative;box-shadow:0 10px 40px #00000026;border:1px solid var(--parchment-edge);display:flex;align-items:center;justify-content:center}.offmap-side-room{width:220px;height:35%;background:var(--parchment-mid);border:1.5px solid var(--ink);position:relative;display:flex;flex-direction:column;box-shadow:3px 3px 10px #0000001f,inset 0 0 15px #5a3c141a;transform:rotate(-.5deg)}.offmap-side-room:before{content:"";position:absolute;inset:-2px;border:1px solid var(--ink);opacity:.3;pointer-events:none}.offmap-side-room__label{padding:8px;font-family:Cinzel,serif;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink);border-bottom:1px solid var(--ink);text-align:center;background:#00000008;font-weight:600}.offmap-side-room__content{flex:1;position:relative;overflow:hidden;background:var(--parchment-mid)}.character-tooltip-static{min-width:140px;justify-content:center;border-width:1.5px}.offmap-map-img{object-fit:contain;display:block}.offmap-footprints-svg{position:absolute;inset:0;pointer-events:none}.offmap-footprints-svg>*{pointer-events:auto}.offmap-map-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-faded);font-family:IM Fell English,serif;font-style:italic;font-size:14px}.offmap-map-placeholder span{font-size:48px}.footprint-ring{fill:none;stroke:var(--ink-faded);stroke-width:.8;opacity:.5}.info-sidebar{width:var(--info-sidebar-w);min-width:var(--info-sidebar-w);height:100vh;overflow-y:auto;background:linear-gradient(180deg,#2a1a0a,#1c1005);border-left:3px solid var(--gold);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--parchment-edge) transparent;z-index:30}.info-sidebar::-webkit-scrollbar{width:5px}.info-sidebar::-webkit-scrollbar-thumb{background:var(--parchment-edge);border-radius:3px}.info-sidebar__content{padding:24px 20px;display:flex;flex-direction:column;gap:32px;flex:1}.info-section{display:flex;flex-direction:column;gap:12px}.info-section__subtitle{font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);opacity:.6}.info-section__title{font-family:Cinzel Decorative,serif;font-size:18px;color:var(--gold);line-height:1.3;text-shadow:0 0 10px rgba(200,168,75,.3)}.info-section__description{font-family:IM Fell English,serif;font-size:14.5px;line-height:1.6;color:var(--parchment-mid);font-style:italic;text-align:justify}.info-sidebar__divider-container{display:flex;align-items:center;gap:12px;margin:8px 0}.info-sidebar__divider{flex:1;border:none;border-top:1px solid rgba(200,168,75,.2)}.info-sidebar__divider-icon{font-size:14px;opacity:.5}.info-section--empty{align-items:center;justify-content:center;text-align:center;padding:40px 0;opacity:.5}.info-section__placeholder{font-style:italic;font-size:13px;color:var(--parchment-mid)}.info-sidebar__footer{padding:24px 20px;border-top:1px solid rgba(200,168,75,.15);text-align:center}.info-sidebar__footer .quote{font-family:Cinzel Decorative,serif;font-size:10px;color:var(--gold);opacity:.7;letter-spacing:.05em;line-height:1.4}@media(max-width:1024px){.info-sidebar{display:none}}.disclaimer-backdrop{position:fixed;inset:0;z-index:9000;background:#140a04eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.disclaimer-modal{background:var(--parchment-light);border:3px solid var(--gold);border-radius:10px;box-shadow:0 0 0 1px #c8a84b33,0 32px 80px #000c,inset 0 0 60px #966e321f;max-width:720px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.disclaimer-header{background:linear-gradient(180deg,#2a1a0a,#1c1005);border-bottom:2px solid var(--gold);padding:24px 32px 20px;text-align:center;flex-shrink:0}.disclaimer-seal{font-size:24px;color:var(--gold);opacity:.75;margin-bottom:6px}.disclaimer-title{font-family:Cinzel Decorative,serif;font-size:20px;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 20px rgba(200,168,75,.4)}.disclaimer-subtitle{font-family:IM Fell English,serif;font-style:italic;font-size:12px;color:var(--parchment-mid);margin-top:6px;opacity:.7}.disclaimer-body{overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:20px;flex:1;scrollbar-width:thin;scrollbar-color:var(--parchment-edge) transparent}.disclaimer-body::-webkit-scrollbar{width:5px}.disclaimer-body::-webkit-scrollbar-thumb{background:var(--parchment-edge);border-radius:3px}.disclaimer-section{display:flex;flex-direction:column;gap:10px}.disclaimer-section-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--parchment-dark);padding-bottom:5px}.disclaimer-text{font-family:IM Fell English,serif;font-size:13.5px;line-height:1.7;color:var(--ink-faded);text-align:justify}.disclaimer-text strong{color:var(--ink)}.disclaimer-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding-left:4px}.disclaimer-list li{font-family:IM Fell English,serif;font-size:13px;line-height:1.65;color:var(--ink-faded);padding-left:16px;position:relative}.disclaimer-list li:before{content:"⚜";position:absolute;left:0;font-size:9px;top:4px;color:var(--gold);opacity:.7}.disclaimer-list li strong{color:var(--ink)}.disclaimer-divider{border:none;border-top:1px solid var(--parchment-dark);margin:4px 0}.disclaimer-link{color:var(--ink);font-style:italic;text-underline-offset:2px}.disclaimer-link:hover{color:var(--ink-faded)}.disclaimer-checks{padding:12px 0 0;display:flex;flex-direction:column;gap:12px}.disclaimer-check-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-family:IM Fell English,serif;font-size:12.5px;line-height:1.6;color:var(--ink-faded)}.disclaimer-check-label:hover{color:var(--ink)}.disclaimer-checkbox{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--ink);cursor:pointer}.disclaimer-footer{padding:16px 0 4px;display:flex;flex-direction:column;align-items:center;gap:8px}.disclaimer-save-btn{font-family:Cinzel,serif;font-size:12px;letter-spacing:.1em;padding:12px 28px;border-radius:6px;border:2px solid var(--parchment-dark);background:var(--parchment-mid);color:var(--ink-faded);cursor:not-allowed;opacity:.5;transition:all .25s ease}.disclaimer-save-btn--active{border-color:var(--gold);background:linear-gradient(135deg,#2a1a0a,#1c1005);color:var(--gold);cursor:pointer;opacity:1;box-shadow:0 4px 20px #0006,0 0 12px #c8a84b26}.disclaimer-save-btn--active:hover{box-shadow:0 4px 28px #00000080,0 0 20px #c8a84b40;transform:translateY(-1px)}.disclaimer-save-hint{font-family:IM Fell English,serif;font-style:italic;font-size:11px;color:var(--ink-faded);opacity:.6}@media(max-width:520px){.disclaimer-modal{max-height:100vh;border-radius:0;border-left:none;border-right:none}.disclaimer-body,.disclaimer-checks,.disclaimer-footer,.disclaimer-header{padding-left:20px;padding-right:20px}}