:root{--ink: #0F1A2E;--panel: #17253E;--panel-2: #1E2F4C;--deep: #0B1424;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--synapse: #4FE0C4;--signal: #F45D9E;--myelin: #F5B740;--text: #E9EEF9;--muted: #93A0B8;--muted-2: #6B778F;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--r: 16px;--halo-synapse: 0 0 0 1px var(--signal), 0 0 24px -6px var(--signal);--halo-myelin: 0 0 0 1px var(--myelin), 0 0 24px -6px var(--myelin);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:.2px}a{color:var(--synapse);text-decoration:none}:focus-visible{outline:2px solid var(--synapse);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.oh-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:var(--space-5)}.oh-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:var(--space-4)}.oh-btn{font-family:var(--sans);font-weight:600;font-size:15px;padding:10px 18px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.oh-btn:hover{transform:translateY(-1px)}.oh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.oh-btn--primary{background:var(--synapse);color:var(--deep);border-color:transparent}.oh-btn--primary:hover{box-shadow:var(--halo-synapse)}.oh-btn--ghost{background:transparent}.oh-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}.oh-badge--on{color:var(--myelin);border-color:var(--myelin);box-shadow:var(--halo-myelin)}.oh-pip{width:8px;height:8px;border-radius:999px;background:var(--muted-2);display:inline-block}.oh-pip--on{background:var(--synapse);box-shadow:0 0 10px -2px var(--synapse)}.oh-gauge{height:8px;border-radius:999px;background:var(--deep);overflow:hidden}.oh-gauge>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--synapse),var(--myelin));transition:width .6s cubic-bezier(.2,.8,.2,1)}@keyframes oh-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes oh-pulse{0%,to{box-shadow:0 0 #f45d9e59}50%{box-shadow:0 0 0 10px #f45d9e00}}@keyframes oh-grow{0%{width:0}}.oh-pop{animation:oh-pop .45s cubic-bezier(.2,.8,.2,1) both}.oh-bar-anim{animation:oh-grow 1s cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion: reduce){.oh-pop,.oh-bar-anim{animation:none}}@keyframes oh-hotspot{0%,to{box-shadow:0 0 #f45d9e8c,0 2px 6px #0006}50%{box-shadow:0 0 0 8px #f45d9e00,0 2px 6px #0006}}.oh-hotspot-pulse{animation:oh-hotspot 2s ease-out infinite}@media (prefers-reduced-motion: reduce){.oh-hotspot-pulse{animation:none}}.oh-hud{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:10px var(--space-5);background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.oh-hud__logo{height:28px;width:auto;display:block}.oh-hud__logo-btn{background:none;border:none;padding:0;cursor:pointer;display:block;border-radius:8px;transition:opacity .15s}.oh-hud__logo-btn:hover{opacity:.85}.oh-hud__nav{display:flex;gap:var(--space-2);margin-left:var(--space-4)}.oh-menu{position:relative}.oh-menu__btn{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:500;padding:6px 12px;border-radius:10px;background:none;border:none;cursor:pointer;font-family:var(--sans)}.oh-menu__btn:hover{color:var(--text)}.oh-menu__btn.is-open{color:var(--text);background:var(--panel-2)}.oh-menu__chev{font-size:10px;opacity:.7}.oh-menu__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:190px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:var(--panel);border:1px solid var(--line-2);box-shadow:0 12px 32px #00000059}.oh-menu__item{color:var(--muted);font-size:14px;font-weight:500;padding:9px 12px;border-radius:9px;text-decoration:none}.oh-menu__item:hover{color:var(--text);background:var(--panel-2)}.oh-menu__item.active{color:var(--text);background:color-mix(in srgb,var(--synapse) 14%,transparent)}.oh-hud__spacer{flex:1}.oh-hud__xp{display:flex;align-items:center;gap:var(--space-3)}.oh-hud__level{font-family:var(--mono);font-size:12px;color:var(--myelin)}.oh-hud__role{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:5px 12px;border:1px solid var(--line-2);border-radius:999px;background:none;cursor:pointer;font-family:var(--sans)}.oh-hud__role:hover,.oh-hud__role.is-open{color:var(--text);border-color:var(--synapse)}.oh-menu__panel--droite{left:auto;right:0}.oh-menu__entete{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--line-2);color:var(--text);font-size:14px;font-weight:600}.oh-menu__entete span{color:var(--muted);font-size:12px;font-weight:400}.oh-menu__item--bouton{background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--sans)}.oh-shell{max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.oh-footer{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:var(--space-5);color:var(--muted-2);font-size:12px;border-top:1px solid var(--line)}