body{margin: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}html,body,#root{height:100%;width:100%;padding:0;margin:0;overflow:hidden}.tp-container{display:flex;flex-direction:column;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative}.tp-header{padding:16px;background-color:#000;color:#fff;z-index:20;position:relative}.tp-title-container{text-align:center;margin-bottom:16px}.tp-title{font-size:36px;font-weight:700;margin:0;color:#4daf7c;text-shadow:0 0 8px rgba(77,175,124,.6);letter-spacing:4px}.tp-subtitle{font-size:18px;margin:8px 0 0;font-weight:400}.tp-header p{font-size:14px;margin:8px 0 0;opacity:.8}.tp-search-container{margin-top:16px}.tp-header input{width:100%;padding:10px;border-radius:4px;background-color:#222;color:#fff;border:1px solid #444;outline:none;font-size:14px;box-sizing:border-box}.tp-header input:focus{border-color:#4daf7c;box-shadow:0 0 0 2px #4daf7c33}.tp-map{position:relative;flex-grow:1;overflow:hidden;min-height:600px;background-color:#122436}.tp-svg-background{position:absolute;width:100%;height:100%;z-index:1}.tp-filter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:transparent;-webkit-backdrop-filter:sepia(.2) contrast(1.1);backdrop-filter:sepia(.2) contrast(1.1);pointer-events:none}.tp-filter-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:overlay;pointer-events:none}.tp-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.tp-bg-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1b50311a}.tp-bg-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#4daf7c;font-size:80px;font-weight:700;opacity:.08;z-index:6;letter-spacing:12px}.tp-grid-horizontal{position:absolute;top:50%;left:0;right:0;height:1px;background-color:#3b82f6;opacity:.15;z-index:6}.tp-grid-vertical{position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#3b82f6;opacity:.15;z-index:6}.tp-water-circle{position:absolute;height:180px;width:180px;border-radius:50%;background-color:#2563eb;opacity:.08;top:40%;left:40%;z-index:6}.tp-marker{position:absolute;cursor:pointer;z-index:10}.tp-marker-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#2563ebcc;box-shadow:0 0 0 2px #fffc,0 4px 6px #0000004d;border:2px solid white;transition:all .3s}.tp-marker-circle span{color:#fff;font-weight:700}.tp-marker-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background-color:#000c;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:20;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s ease}.tp-marker:hover .tp-marker-label{opacity:1}.tp-symbol-panel{position:absolute;z-index:100;width:288px;background-color:#fffffff2;border-radius:8px;box-shadow:0 10px 25px -5px #0000004d;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);top:40px;max-height:calc(100% - 80px);display:flex;flex-direction:column}.tp-panel-header{background-color:#7f1d1d;color:#fff;padding:12px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.tp-panel-header button{color:#fff;font-size:20px;background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.tp-panel-header button:hover{background-color:#fff3}.tp-panel-content{flex:1;overflow-y:auto;max-height:calc(100vh - 250px)}.tp-symbol-item{border-bottom:1px solid #e5e7eb;padding:12px 16px}.tp-symbol-item:last-child{border-bottom:none}.tp-symbol-header{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:4px 0;transition:color .2s}.tp-symbol-header:hover{color:#7f1d1d}.tp-symbol-details{margin-top:12px;font-size:14px;line-height:1.5}.tp-symbol-details p{color:#4b5563;margin-bottom:12px;margin-top:0}.tp-connections{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tp-connection-tag{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:12px;background-color:#f3f4f6;transition:all .2s ease}.tp-clickable-connection{cursor:pointer;position:relative;padding-right:18px;background-color:#e0f2e9;border:1px solid #d1e7dd}.tp-clickable-connection:hover{background-color:#4daf7c;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tp-clickable-connection:after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.6;transition:opacity .2s,transform .2s}.tp-clickable-connection:hover:after{opacity:1;transform:translate(2px,-50%)}@keyframes connectionFound{0%{box-shadow:0 0 #4daf7cb3}70%{box-shadow:0 0 0 8px #4daf7c00}to{box-shadow:0 0 #4daf7c00}}.tp-connection-highlight{animation:connectionFound 1.5s ease-in-out}.tp-footer{padding:16px;background-color:#e5e7eb;font-size:14px;z-index:20;position:relative;border-top:1px solid #d1d5db}.tp-footer p{margin:0 0 8px;line-height:1.5}.tp-footer p:last-child{margin-bottom:0}@media only screen and (max-width: 758px){.tp-footer{text-align:center}}.tp-background{position:absolute;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .5s ease;will-change:opacity;visibility:visible!important}.tp-default-background,.tp-great-northern-background{background-color:transparent}.tp-default-background svg,.tp-great-northern-background svg{width:100%;height:100%;object-fit:cover}.tp-great-northern-background{background-color:#122436}.tp-double-r-diner-background{background-color:#0a1c2e}.tp-background.tp-active{opacity:1;z-index:2}.tp-background.tp-fading{opacity:0;z-index:1}.tp-default-background svg,.tp-great-northern-background svg,.tp-double-r-diner-background svg{width:100%;height:100%;object-fit:cover}.tp-filter-overlay{z-index:3}.tp-bg-overlay{z-index:4}.tp-marker{z-index:10}.tp-symbol-panel{z-index:100}.tp-marker-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#2563ebcc;box-shadow:0 0 0 2px #fffc,0 4px 6px #0000004d;border:2px solid white;transition:all .3s}.tp-marker-circle:hover{background-color:#ef4444cc;transform:scale(1.05)}.tp-marker-circle.tp-selected{background-color:#dc2626cc;transform:scale(1.1)}.tp-marker-circle svg{width:32px;height:32px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.tp-marker-circle span{color:#fff;font-weight:700;font-size:14px}.tp-marker-circle svg[data-location=black-lodge]{color:#8b0000}.tp-marker-circle svg[data-location=fireman-castle]{color:gold}.tp-marker-circle svg[data-location=episode-8-nuclear-origin]{color:orange}.tp-marker-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#2563ebe6;box-shadow:0 0 0 3px #ffffffe6,0 4px 8px #0006;border:2px solid white;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tp-marker-circle:hover{background-color:#ef4444e6;transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 6px 12px #00000080}.tp-marker-circle.tp-selected{background-color:#dc2626e6;transform:scale(1.15);box-shadow:0 0 0 4px #fff,0 8px 16px #0009;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 4px #fff,0 8px 16px #0009,0 0 #dc2626b3}70%{box-shadow:0 0 0 4px #fff,0 8px 16px #0009,0 0 0 10px #dc262600}to{box-shadow:0 0 0 4px #fff,0 8px 16px #0009,0 0 #dc262600}}.tp-marker-circle svg{width:36px;height:36px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all .3s ease}.tp-marker-circle:hover svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transform:scale(1.05)}.tp-marker-circle span{color:#fff;font-weight:700;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tp-marker-circle svg[data-location=black-lodge]{color:#dc2626}.tp-marker-circle svg[data-location=fireman-castle]{color:#f59e0b}.tp-marker-circle svg[data-location=media-landscape]{color:#e5e7eb}.tp-marker-circle svg[data-location=episode-8-nuclear-origin]{color:#f97316}.tp-marker-circle svg[data-location=great-northern]{color:#059669}.tp-marker-circle svg[data-location=double-r-diner]{color:#7c2d12}.tp-marker-circle svg[data-location=palmer-house]{color:#7c3aed}.tp-marker-circle svg[data-location=sheriff-station]{color:#1d4ed8}.tp-marker-circle svg[data-location=roadhouse]{color:#be185d}.tp-marker-circle svg[data-location=convenience-store]{color:#dc2626}.tp-marker-circle svg[data-location=glastonbury-grove]{color:#166534}.tp-marker-circle svg[data-location=packard-mill]{color:#92400e}.tp-marker-circle svg[data-location=power-lines]{color:#fbbf24}.tp-marker-circle svg[data-location=jackrabbits-palace]{color:#8b5cf6}.tp-marker-circle svg[data-location=narrative-theory]{color:#6b7280}.tp-marker-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background-color:#000000e6;color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:20;box-shadow:0 4px 8px #0000004d;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translate(-50%) translateY(5px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tp-marker:hover .tp-marker-label{opacity:1;transform:translate(-50%) translateY(0)}.tp-marker{position:absolute;cursor:pointer;z-index:10;transition:z-index .1s ease}.tp-marker.selected{z-index:50}.tp-panel-header-buttons{display:flex;gap:8px;align-items:center}.tp-timeline-btn{background:#8b0000;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.tp-timeline-btn:hover{background:#a50000;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.tp-timeline-btn:active{transform:translateY(0)}.timeline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.timeline-modal{background:linear-gradient(135deg,#1a1a1a,#2d1b1b);border:2px solid #8B0000;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;color:#fff;box-shadow:0 10px 30px #8b00004d}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #444;background:linear-gradient(135deg,#8b0000,#a50000);border-radius:10px 10px 0 0}.timeline-header h2{margin:0;color:#fff;font-size:1.3rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#fff3;transform:scale(1.1)}.timeline-container{position:relative;padding:40px 20px}.timeline-line{position:absolute;left:50px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#f44,#8b0000,#633);border-radius:2px}.timeline-event{position:relative;margin-bottom:40px;padding-left:80px;animation:fadeInUp .6s ease-out}.timeline-event:nth-child(2n){animation-delay:.1s}.timeline-event:nth-child(odd){animation-delay:.2s}.timeline-marker{position:absolute;left:-77px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--event-color);border:4px solid #1a1a1a;box-shadow:0 0 15px var(--event-color),inset 0 0 5px #ffffff4d;z-index:2}.timeline-year{font-size:1.5rem;font-weight:700;color:var(--event-color);margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.timeline-title{margin:0 0 5px;color:#fff;font-size:1.3rem;font-weight:600}.timeline-subtitle{margin:0 0 12px;color:#ccc;font-size:1rem;font-style:italic;opacity:.9}.timeline-description{margin:0;color:#ddd;line-height:1.6;font-size:.95rem}.timeline-footer{padding:20px;border-top:2px solid #444;background:linear-gradient(135deg,#222,#2d1b1b);border-radius:0 0 10px 10px}.timeline-footer p{margin:0;color:#fff;text-align:center;font-style:italic;font-size:1rem;padding:10px;background:#8b00001a;border-radius:6px;border-left:4px solid #8B0000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.timeline-modal{margin:10px;max-height:95vh}.timeline-header h2{font-size:1.1rem}.timeline-event{padding-left:60px}.timeline-line{left:30px}.timeline-marker{left:-57px}}.double-r-diner-svg{width:100%;height:100%;max-height:70vh}.double-r-diner-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#0a1c2e}.double-r-diner-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:overlay;pointer-events:none}.double-r-sunrise .sky-gradient stop:first-child{stop-color:#ffd8b5}.double-r-sunrise .sky-gradient stop:last-child{stop-color:#ff9d6f}.double-r-night .sky-gradient stop:first-child{stop-color:#051729}.double-r-night .sky-gradient stop:last-child{stop-color:#04080f}.double-r-interactive:hover .neon-sign{filter:drop-shadow(0 0 8px #f472b6)}.double-r-title{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:Courier New,monospace;font-size:24px;letter-spacing:3px;text-shadow:0 0 10px rgba(0,0,0,.8);opacity:.9}.black-lodge-svg{width:100%;height:100%;max-height:70vh}.tp-black-lodge-background{background:radial-gradient(ellipse at center,#2a0000,#1a0000,#000)}@keyframes curtainSway{0%{transform:translate(0)}25%{transform:translate(1px)}50%{transform:translate(0)}75%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes redPulse{0%{opacity:.05}50%{opacity:.08}to{opacity:.05}}@keyframes lampFlicker{0%{opacity:.8}10%{opacity:.9}20%{opacity:.8}30%{opacity:.85}40%{opacity:.8}50%{opacity:.9}60%{opacity:.8}70%{opacity:.85}80%{opacity:.8}90%{opacity:.9}to{opacity:.8}}@keyframes electricalFlash{0%{opacity:0}2%{opacity:.6}4%{opacity:0}6%{opacity:.8}8%{opacity:0}to{opacity:0}}.black-lodge-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#1a0000}.black-lodge-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='redNoiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.8 0 0 0 0.1 0 0.2 0 0 0 0 0 0.1 0 0 0 0 0 0.15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23redNoiseFilter)' opacity='0.12'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:overlay;pointer-events:none}.black-lodge-interactive:hover .main-curtains rect{animation:curtainSway 3s infinite ease-in-out}.black-lodge-interactive:hover .lamps circle:first-child{animation:lampFlicker 2s infinite}.black-lodge-mysterious .particles circle{animation:redPulse 4s infinite alternate}.black-lodge-electric .electrical-effects path{animation:electricalFlash 15s infinite}.black-lodge-enhanced .floor-reflections ellipse{filter:blur(1px);opacity:.4}.black-lodge-title{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#dc143c;font-family:Times New Roman,serif;font-size:28px;letter-spacing:4px;text-shadow:0 0 15px rgba(220,20,60,.8),0 0 25px rgba(220,20,60,.4);opacity:.9;text-transform:uppercase}.main-curtains rect{transform-origin:top center}.main-curtains:hover rect{animation:curtainSway 4s infinite ease-in-out}.lamps circle:last-child{filter:blur(2px)}.shadow-figures ellipse{transform-origin:bottom center}.shadow-figures ellipse:hover{animation:redPulse 6s infinite}.particles circle{filter:blur(.5px)}.particles:hover circle{animation-duration:8s}.electrical-effects path{filter:drop-shadow(0 0 3px #00ffff)}.tp-black-lodge-background .zigzag-pattern{animation:none}@media (max-width: 768px){.black-lodge-svg{max-height:60vh}.black-lodge-title{font-size:20px;letter-spacing:2px}}@media (max-width: 480px){.black-lodge-svg{max-height:50vh}.black-lodge-title{font-size:16px;letter-spacing:1px}}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%;max-width:100%;margin:0;padding:0}.app-container{height:100%;width:100%}