:root{--bg: #030305;--bg-elev: #0a0a10;--bg-panel: rgba(10, 10, 16, .94);--border: #26263a;--text: #f2f2fa;--muted: #8b8ba8;--neon-cyan: #00f0ff;--neon-magenta: #ff2ec4;--backrooms-yellow: #ffd60a;--neon-purple: #b14bff;--safe: #00e676;--danger: #ff2d55;--radius: 10px;--mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 20% 15%,rgba(0,240,255,.05) 0%,transparent 35%),radial-gradient(circle at 85% 80%,rgba(255,46,196,.05) 0%,transparent 35%),radial-gradient(circle at 30% 20%,#0c0c14 0%,var(--bg) 60%);color:var(--text);font-family:var(--sans);overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:5}.app__title{margin:0;font-family:var(--mono);font-size:20px;letter-spacing:1px;color:var(--backrooms-yellow);text-shadow:0 0 16px rgba(255,214,10,.55)}.app__subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.app__brand{flex:0 0 auto}.search-bar{position:relative;flex:1 1 auto;max-width:380px;margin:0 20px}.search-bar__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.search-bar__input{width:100%;padding:9px 12px 9px 34px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:999px;font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.search-bar__input::placeholder{color:var(--muted)}.search-bar__input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #31d7f533}.search-bar__results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #00000080;z-index:20;max-height:320px;overflow-y:auto}.search-bar__result{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text);font-size:13px;cursor:pointer}.search-bar__result:hover,.search-bar__result.is-active{background:#31d7f51f;color:var(--neon-cyan)}.search-bar__empty{padding:10px;color:var(--muted);font-size:13px;text-align:center}.lang-switcher{display:flex;gap:4px}.lang-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:6px 10px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s}.flag-icon{display:inline-flex;width:16px;height:12px;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.15);flex:0 0 auto}.flag-icon svg{width:100%;height:100%;display:block}.lang-btn:hover{color:var(--text);border-color:var(--neon-cyan)}.lang-btn.active{color:var(--bg);background:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 12px #31d7f580}.sound-toggle{width:32px;height:32px;font-size:15px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.sound-toggle:hover{border-color:var(--neon-cyan);color:var(--text)}.sound-toggle.is-active{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff59}.onboarding-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;max-width:360px;padding:14px 36px 14px 16px;background:var(--bg-panel);border:1px solid var(--neon-cyan);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 24px #00f0ff26}.onboarding-hint p{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--text)}.onboarding-hint p:last-child{margin-bottom:0}.onboarding-hint__close{position:absolute;top:8px;right:10px;width:22px;height:22px;font-size:16px;line-height:1;background:transparent;color:var(--muted);border:none;cursor:pointer}.onboarding-hint__close:hover{color:var(--neon-cyan)}@media (max-width: 640px){.onboarding-hint{left:12px;right:12px;top:56px;transform:none;max-width:none}}.app__body{flex:1;display:flex;min-height:0}.app-footer{flex:0 0 auto;padding:6px 20px;border-top:1px solid var(--border);background:var(--bg-elev);display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.app-footer a{color:var(--muted);font-size:11px;text-decoration:none}.app-footer a:hover{color:var(--neon-cyan);text-decoration:underline}.legal-page{height:100%;overflow-y:auto;background:var(--bg);color:var(--text)}.legal-page__inner{max-width:720px;margin:0 auto;padding:32px 24px 64px}.legal-page h1{font-family:var(--mono);color:var(--backrooms-yellow);text-shadow:0 0 16px rgba(255,214,10,.4);font-size:22px;margin:24px 0 28px}.legal-page h2{font-family:var(--mono);font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan);margin:28px 0 8px}.legal-page p{line-height:1.6;color:var(--text);margin:0 0 10px}.legal-page a{color:var(--neon-cyan)}.legal-page__close{font-family:var(--mono);font-size:13px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:8px 16px;cursor:pointer}.legal-page__close:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.legal-page__updated{margin-top:32px;color:var(--muted);font-size:12px}.app__map{position:relative;flex:1;min-width:0}.map-view{position:absolute;top:0;right:0;bottom:0;left:0}.map-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.55) 100%)}.map-ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.map-ambient:after{content:"";position:absolute;left:-20%;top:-20%;width:140%;height:140%;filter:blur(30px);background:radial-gradient(circle at 30% 30%,rgba(0,240,255,.05),transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,46,196,.045),transparent 40%);animation:ambient-drift 50s ease-in-out infinite alternate}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-4%,3%) scale(1.06)}}@media (prefers-reduced-motion: reduce){.map-ambient:after{animation:none}}.controls-toggle{display:none}.controls{position:absolute;top:16px;left:16px;width:260px;max-height:calc(100% - 32px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;z-index:4;transition:transform .2s ease,opacity .2s ease}.panel-block{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-block__title{margin:0 0 10px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.toggle-row{display:flex;flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s}.toggle__dot{width:9px;height:9px;border-radius:50%;background:var(--border);transition:all .15s}.toggle:hover{border-color:var(--neon-cyan)}.toggle--on{border-color:var(--neon-cyan);color:var(--neon-cyan)}.toggle--on .toggle__dot{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.filter-group{margin-bottom:12px}.filter-label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip--toggle{cursor:pointer;background:var(--bg-elev);transition:all .15s}.chip--toggle.chip--active{color:var(--backrooms-yellow);border-color:var(--backrooms-yellow)}.chip--toggle:not(.chip--active){opacity:.5;text-decoration:line-through}.chip--switch{cursor:pointer;background:var(--bg-elev);display:inline-flex;align-items:center;gap:5px;transition:all .15s}.chip--switch.chip--active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f0ff1a}.chip--tag.chip--active{color:var(--neon-purple);border-color:var(--neon-purple);background:#b14bff1a}.chip__count{font-size:9px;color:inherit;opacity:.65;background:#ffffff14;border-radius:999px;padding:1px 5px}.chip--noclip{color:var(--neon-cyan);border-color:var(--neon-cyan)}.chip--porte{color:var(--backrooms-yellow);border-color:var(--backrooms-yellow)}.chip--escalier{color:var(--neon-purple);border-color:var(--neon-purple)}.chip--autre{color:#9aa3b2;border-color:#6b7280}.chip--dir{color:var(--muted)}.range-row{display:flex;flex-direction:column;gap:8px}.range-row label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.range-row input[type=range]{flex:1;accent-color:var(--neon-cyan)}.range-row output{font-family:var(--mono);color:var(--text);width:14px;text-align:right}.filter-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}.filter-footer__actions{display:flex;gap:12px}.filter-footer .link-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.pathfinder-pickers{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.level-picker{position:relative}.level-picker__input{width:100%;margin-top:4px;padding:7px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px;outline:none}.level-picker__input:focus{border-color:var(--neon-cyan)}.level-picker__results{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px #00000080;z-index:10;max-height:200px;overflow-y:auto}.level-picker__results button{display:block;width:100%;text-align:left;padding:6px 8px;background:transparent;border:none;border-radius:5px;color:var(--text);font-size:12px;cursor:pointer}.level-picker__results button:hover{background:#00f0ff1f;color:var(--neon-cyan)}.pathfinder-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.pathfinder-steps li{display:flex;align-items:center;gap:6px}.pathfinder-steps__arrow{color:var(--safe)}.stats-explored{margin-bottom:14px}.stats-explored__row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}.stats-explored__count{font-family:var(--mono);color:var(--backrooms-yellow)}.stats-explored__bar{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:4px;transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stats-tile{display:flex;flex-direction:column;align-items:center;padding:8px 6px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.stats-tile__value{font-family:var(--mono);font-size:18px;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.3)}.stats-tile__label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stats-hist{display:flex;flex-direction:column;gap:4px}.stats-hist__row{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px}.stats-hist__level{width:10px;color:var(--muted)}.stats-hist__bar-track{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.stats-hist__bar{height:100%;background:linear-gradient(90deg,var(--safe),var(--danger));border-radius:4px}.stats-hist__count{width:20px;text-align:right;color:var(--muted)}.stats-top-entity{margin:10px 0 0}.glossary__intro{color:var(--muted);line-height:1.5;margin-bottom:24px}.glossary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.glossary-entry__header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.glossary-entry__name{font-family:var(--mono);color:var(--neon-magenta);font-size:14px;text-decoration:underline;text-underline-offset:2px}.glossary-entry__levels{display:flex;flex-wrap:wrap;gap:6px}.glossary-chip{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text);text-decoration:none;background:var(--bg-elev)}.glossary-chip:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.legend{position:absolute;bottom:16px;left:16px;width:260px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;overflow:hidden}.legend__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.legend__body{padding:0 12px 12px;font-size:12px}.legend__section h4{margin:10px 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.legend__section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.legend__section li{display:flex;align-items:center;gap:8px}.route-swatch{width:26px;height:0;border-top-width:3px;border-top-style:solid;flex:0 0 auto}.route-swatch--noclip{border-top-style:dashed;border-top-color:var(--neon-cyan)}.route-swatch--porte{border-top-color:var(--backrooms-yellow)}.route-swatch--escalier{border-top-style:dotted;border-top-color:var(--neon-purple)}.route-swatch--autre{border-top-color:#6b7280}.arrow-swatch{width:26px;text-align:center;color:var(--muted)}.danger-gradient{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--safe),var(--backrooms-yellow),var(--danger))}.danger-gradient__labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:3px}.entity-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--neon-magenta);vertical-align:middle}.side-panel{position:relative;width:360px;flex:0 0 360px;border-left:1px solid var(--border);background:var(--bg-elev);padding:20px;overflow-y:auto}.side-panel--empty{display:flex;align-items:center;justify-content:center;text-align:center}.side-panel__toolbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}.side-panel__close,.side-panel__star,.side-panel__share,.side-panel__export{width:30px;height:30px;font-size:15px;line-height:1;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.side-panel__close{font-size:20px}.side-panel__close:hover{color:var(--text);border-color:var(--neon-magenta)}.side-panel__star:hover{border-color:var(--backrooms-yellow)}.side-panel__star.is-active{color:var(--backrooms-yellow);border-color:var(--backrooms-yellow)}.side-panel__export:hover{color:var(--neon-purple);border-color:var(--neon-purple)}.side-panel__share{width:auto;padding:0 10px;font-size:12px;white-space:nowrap}.side-panel__share:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.side-panel__banner{width:100%;height:120px;object-fit:cover;border-radius:var(--radius);margin-bottom:12px;border:1px solid var(--border)}.side-panel__title{margin:0 0 12px;font-family:var(--mono);font-size:18px;color:var(--backrooms-yellow)}.side-panel__desc{color:var(--text);line-height:1.5}.side-panel__section{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.side-panel__section h3{margin:0 0 8px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.side-panel__section p{margin:0;line-height:1.5;font-size:14px}.tips{color:var(--backrooms-yellow)}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.badge{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge--class{color:var(--neon-cyan);border-color:var(--neon-cyan)}.survival{list-style:none;margin:0;padding:0;display:flex;gap:10px}.survival li{font-size:13px;padding:4px 10px;border-radius:6px;border:1px solid var(--border)}.survival .ok{color:var(--safe);border-color:var(--safe)}.survival .ko{color:var(--danger);border-color:var(--danger)}.entities,.connections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.entities li,.connections li{font-size:14px}.entity-icon{margin-right:4px;font-size:11px}.entity-name{font-family:var(--mono);color:var(--neon-magenta);text-decoration:underline;text-underline-offset:2px}.entity-name:hover{text-shadow:0 0 8px var(--neon-magenta)}.connections li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.link-btn{background:none;border:none;padding:0;color:var(--neon-cyan);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:disabled{color:var(--muted);cursor:not-allowed;text-decoration:line-through}.wiki-link{display:inline-block;margin-top:16px;color:var(--neon-cyan);font-family:var(--mono);font-size:13px;text-decoration:none}.wiki-link:hover{text-shadow:0 0 10px var(--neon-cyan)}.muted{color:var(--muted)}.small{font-size:12px}@media (max-width: 860px){.app__body{flex-direction:column}.side-panel{width:100%;flex:0 0 auto;max-height:45%;border-left:none;border-top:1px solid var(--border)}.controls{width:220px}.legend{display:none}}@media (max-width: 640px){html,body,#root{height:auto;min-height:100%}body{overflow:auto}.app{height:auto;min-height:100vh}.app__header{flex-wrap:wrap;row-gap:8px;padding:10px 14px}.app__brand{order:1}.lang-switcher{order:2}.search-bar{order:3;flex:1 1 100%;max-width:none;margin:0}.app__title{font-size:16px}.app__subtitle{display:none}.app__body{height:auto}.app__map{height:62vh;min-height:360px;flex:none}.controls-toggle{display:flex;align-items:center;gap:6px;position:absolute;top:12px;left:12px;z-index:6;padding:8px 14px;background:var(--bg-panel);color:var(--backrooms-yellow);border:1px solid var(--border);border-radius:999px;font-family:var(--mono);font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls{top:56px;left:12px;right:12px;width:auto;max-height:calc(100% - 72px)}.controls--closed{transform:translateY(-12px);opacity:0;pointer-events:none}.legend{display:none}.side-panel{max-height:none;padding:16px}.side-panel--empty{min-height:140px}.side-panel__title{font-size:16px}.lang-btn,.toggle,.chip--toggle,.link-btn{min-height:34px}}