:root{--bg: #070714;--panel: rgba(14, 14, 34, .92);--line: #2a2a4a;--gold: #d4af37;--gold-soft: #f0d98c;--cream: #efe6cf;--muted: #8f86a8}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--cream);font-family:Segoe UI,Tahoma,sans-serif;overflow:hidden}.app{position:relative;width:100%;height:100%}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.app-header{position:absolute;top:0;left:0;right:0;text-align:center;padding:18px 16px 10px;pointer-events:none;z-index:5;background:linear-gradient(180deg,rgba(7,7,20,.85),transparent)}.app-header h1{font-family:Georgia,Times New Roman,serif;color:var(--gold);font-size:2.1rem;letter-spacing:3px;font-weight:600}.app-subtitle{color:var(--muted);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-top:4px}.node-label{font-family:Georgia,serif;color:var(--gold-soft);font-size:15px;text-align:center;line-height:1.25;text-shadow:0 0 8px rgba(7,7,20,.9),0 0 3px #000;white-space:nowrap;-webkit-user-select:none;user-select:none}.node-fonetica{display:block;font-family:Segoe UI,sans-serif;font-size:10px;color:var(--muted);letter-spacing:1px}.pillar-label{color:#8f86a899;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.panel{position:absolute;top:96px;right:20px;bottom:96px;width:372px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 22px;overflow-y:auto;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #0000008c;animation:panelIn .28s ease}@keyframes panelIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.panel-close{position:absolute;top:12px;right:14px;background:transparent;border:1px solid var(--line);color:var(--muted);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;transition:all .2s}.panel-close:hover{color:var(--cream);border-color:var(--gold)}.panel-kicker{color:var(--muted);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.chip-oculta{margin-left:8px;padding:2px 8px;border-radius:12px;background:#b7a8e81f;border:1px solid rgba(183,168,232,.4);color:#b7a8e8;font-size:.68rem;letter-spacing:.5px}.panel-hebreo{font-family:Georgia,serif;color:var(--gold-soft);font-size:2.6rem;font-weight:600;line-height:1.2}.panel-nombre{color:var(--cream);font-size:1.02rem;margin:4px 0 18px}.panel-nombre strong{color:var(--gold)}.panel-block{border-left:2px solid var(--gold);padding:4px 0 4px 14px;margin-bottom:16px}.panel-block-title{color:var(--gold);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.panel-luz{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.panel-luz-he{font-family:Georgia,serif;color:var(--gold-soft);font-size:1.25rem;min-width:74px}.panel-luz-text{color:#cfc6ad;font-size:.9rem}.panel-luz-text strong{color:var(--cream)}.panel-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip-plano,.chip-columna{padding:6px 12px;border-radius:20px;font-size:.78rem;font-weight:600;border:1px solid var(--line);color:var(--muted)}.panel-letra{color:#cfc6ad;font-size:.9rem}.panel-desc{color:#cfc6ad;font-size:.9rem;line-height:1.65;margin-bottom:20px}.panel-nav{display:flex;gap:10px}.panel-nav button{flex:1;padding:12px 10px;border-radius:12px;cursor:pointer;background:#d4af3714;border:1px solid rgba(212,175,55,.35);color:var(--gold-soft);font-size:.85rem;font-weight:700;transition:all .2s}.panel-nav button:hover{background:linear-gradient(135deg,#d4af37,#b8941f);color:#12122b;border-color:var(--gold)}.legend{position:absolute;left:20px;bottom:52px;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.legend-item i{width:11px;height:11px;border-radius:50%;display:inline-block}.rotate-toggle{background:transparent;border:1px solid var(--line);color:var(--gold-soft);padding:6px 12px;border-radius:12px;cursor:pointer;font-size:.78rem;transition:all .2s}.rotate-toggle:hover{border-color:var(--gold)}.hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#8f86a8bf;font-size:.78rem;z-index:4;pointer-events:none}.app-footer{position:absolute;top:86px;left:20px;z-index:5;color:#8f86a88c;font-size:.7rem;letter-spacing:1px;max-width:220px;line-height:1.5;pointer-events:none}@media (max-width: 720px){.panel{top:auto;right:10px;left:10px;bottom:108px;width:auto;max-height:46vh}.legend{left:10px;right:10px;bottom:50px;justify-content:center;gap:10px}.app-footer{display:none}.app-header h1{font-size:1.6rem}}.layers-fab,.layers-close{display:none}.layers-head{display:block}.layers-panel{position:absolute;top:96px;left:20px;bottom:96px;width:264px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 16px;overflow-y:auto;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #0000008c}.layers-title{color:var(--gold);font-size:.78rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.layers-group{margin-bottom:16px}.layers-group-title{color:var(--muted);font-size:.68rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:5px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;cursor:pointer}.switch-text{font-size:.82rem;color:var(--cream);line-height:1.35}.switch-text small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.switch{position:relative;flex-shrink:0;width:38px;height:21px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .knob{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#0a0a1a;border:1px solid var(--line);transition:all .25s}.switch .knob:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--muted);transition:all .25s}.switch.on .knob{background:#d4af372e;border-color:var(--gold)}.switch.on .knob:after{left:19px;background:var(--gold)}.seg{display:flex;gap:5px;margin-bottom:8px}.seg button{flex:1;padding:7px 4px;border-radius:10px;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.74rem;font-weight:600;transition:all .2s}.seg button.active{background:linear-gradient(135deg,#d4af37,#b8941f);color:#12122b;border-color:var(--gold)}.plano-chips{display:flex;flex-wrap:wrap;gap:6px}.plano-chip{padding:6px 10px;border-radius:16px;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.74rem;font-weight:600;transition:all .2s}.plano-chip.active{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}.tour-btn{width:100%;padding:11px;border-radius:12px;cursor:pointer;background:#d4af371a;border:1px solid rgba(212,175,55,.4);color:var(--gold-soft);font-size:.82rem;font-weight:700;margin-bottom:10px;transition:all .2s}.tour-btn:hover,.tour-btn.running{background:linear-gradient(135deg,#d4af37,#b8941f);color:#12122b}.tour-chip,.quiz-chip{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:25;padding:9px 18px;border-radius:24px;font-size:.8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}.tour-chip{background:#d4af3724;border:1px solid rgba(212,175,55,.5);color:var(--gold-soft)}.tour-chip strong{color:var(--gold)}.quiz-chip{top:140px;background:#788cff1f;border:1px solid rgba(120,140,255,.45);color:#b8c4ff}.num-badge{min-width:20px;height:20px;padding:0 5px;border-radius:50%;background:#d4af3729;border:1px solid var(--gold);color:var(--gold-soft);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.letter-senda{font-family:Georgia,serif;color:#cfc3ee;font-size:16px;text-shadow:0 0 8px rgba(7,7,20,.9),0 0 3px #000;-webkit-user-select:none;user-select:none;opacity:.9}.name-letter{font-family:Georgia,serif;font-size:72px;font-weight:600;color:var(--gold);opacity:.75;text-shadow:0 0 24px rgba(212,175,55,.55),0 0 6px rgba(212,175,55,.4);-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:help}.name-btn{background:transparent;border:0;padding:10px;margin:-10px;cursor:pointer;transition:color .2s,opacity .2s,transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.name-btn:hover{opacity:1;transform:scale(1.08)}.name-btn.active{opacity:1;color:var(--gold-soft);text-shadow:0 0 30px rgba(240,217,140,.9),0 0 8px rgba(212,175,55,.8)}.shell-label{font-family:Georgia,serif;color:#e8ddc0;font-size:13px;text-align:center;line-height:1.35;white-space:nowrap;text-shadow:0 0 8px rgba(7,7,20,.95),0 0 3px #000;-webkit-user-select:none;user-select:none}.shell-label span{display:block;font-family:Segoe UI,sans-serif;font-size:9px;color:var(--muted);letter-spacing:.5px}.shell-label.cielo{color:#ccd8f5}.gematria-ref{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:2px 0 6px;padding:8px;background:#ffffff08;border:1px solid rgba(212,175,55,.25);border-radius:8px}.gem-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:16px;color:#e8ddc0;line-height:1.1;padding:3px 0}.gem-cell small{font-family:Segoe UI,sans-serif;font-size:9px;color:var(--muted)}.letter-senda{display:inline-block;transition:color .3s,transform .3s;cursor:pointer}.letter-senda:hover{color:#f0d98c}.letter-senda.active{color:var(--gold);transform:scale(1.5);text-shadow:0 0 12px rgba(212,175,55,.9),0 0 4px #000}.letter-btn{background:transparent;border:0;padding:16px;margin:-16px;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.shell-btn{background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 10px;margin:-8px -10px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.shell-btn:hover{border-color:#d4af3780;color:#f5ecd0}.shell-btn.active{border-color:var(--gold);background:#d4af371f}.shell-chip{display:inline-block;font-family:Georgia,serif;color:#e8ddc0;border:1px solid var(--line);border-radius:10px;padding:3px 9px;margin:2px 4px 2px 0;font-size:14px}.serpiente-chip{border-color:#d4af3799!important}.serp-letra{font-family:Georgia,serif;font-size:15px;color:var(--gold)}.serpiente-hint{display:block;margin-top:4px;font-size:10px;color:var(--muted);line-height:1.35}.panel-senda-letra{font-size:3.2rem!important;line-height:1.1;color:var(--gold-soft)}.panel-senda-extremos{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Georgia,serif;font-size:15px;color:#e8e4f2}.panel-senda-extremos strong{color:var(--gold-soft)}.panel-senda-flecha{color:var(--gold)}.panel-senda-nombres{font-size:11px;color:var(--muted);margin-top:4px}.panel-senda-serp{width:100%;margin-top:4px}.color-mode{margin:4px 0 8px}.color-mode-label{font-size:12.5px;color:#e8e4f2;margin:0 0 6px}.color-mode-opts{display:flex;gap:4px;background:#ffffff0a;border:1px solid var(--line);border-radius:9px;padding:3px}.color-mode-btn{flex:1;border:0;border-radius:6px;padding:5px 0;background:transparent;color:var(--muted);font-family:Segoe UI,sans-serif;font-size:11.5px;cursor:pointer;transition:background .15s,color .15s}.color-mode-btn:hover{color:#e8e4f2}.color-mode-btn.active{background:#d4af372e;color:var(--gold);font-weight:600}.color-mode-hint{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.3}.panel{z-index:30}.legend,.app-header{z-index:20}@media (max-width: 900px){.layers-fab{display:inline-flex;align-items:center;gap:6px;position:fixed;bottom:110px;left:10px;z-index:40;padding:11px 16px;border-radius:24px;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8941f);color:#12122b;border:1px solid var(--gold);font-size:.82rem;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 24px #00000080}.layers-fab.active{opacity:0;pointer-events:none}.layers-panel{display:none;top:auto;bottom:10px;left:8px;right:8px;width:auto;max-height:58vh;max-width:none;border-radius:18px;z-index:45}.layers-panel.open{display:block;animation:panelIn .25s ease}.layers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.layers-head .layers-title{margin-bottom:8px}.layers-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.85rem;flex-shrink:0}.layers-close:hover{color:var(--cream);border-color:var(--gold)}.panel{bottom:10px}.tour-chip,.quiz-chip{top:78px}.app-footer{display:none}}