/* Explicit layers: scene 0, mascot 10, page navigation 30+, settings 12001. */
.nexora-mascot{position:fixed;left:0;top:0;width:180px;height:180px;z-index:10;pointer-events:none;contain:layout style;will-change:transform;filter:drop-shadow(0 0 14px #7b35ff80) drop-shadow(0 0 18px #38ff9c52)}
.nexora-mascot::before{content:"";position:absolute;left:18%;right:18%;bottom:9%;height:14%;border-radius:50%;background:radial-gradient(ellipse,#54ffae70 0,#7b35ff42 42%,transparent 72%);filter:blur(4px);opacity:.88;transform:perspective(80px) rotateX(58deg);pointer-events:none}
.nexora-mascot::after{content:"";position:absolute;inset:6%;border-radius:45%;background:radial-gradient(circle at 50% 32%,#9b5cff1f,transparent 44%),radial-gradient(circle at 60% 72%,#4cffb81c,transparent 48%);opacity:.9;mix-blend-mode:screen;pointer-events:none}
.nexora-mascot[hidden],.nexora-mascot-controls[hidden]{display:none!important}
.nexora-mascot canvas{position:relative;z-index:1;display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.nexora-mascot-hitbox{position:absolute;left:32%;top:18%;width:36%;height:68%;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;color:transparent;border-radius:30%}
.nexora-mascot-hitbox:active{cursor:grabbing}.nexora-mascot-hitbox:focus-visible{outline:2px solid #73f7c8;outline-offset:5px}
.nexora-mascot-bubble{position:absolute;left:50%;bottom:88%;z-index:2;transform:translateX(-50%);max-width:180px;width:max-content;padding:8px 12px;border:1px solid #73f7c875;border-radius:9px;background:linear-gradient(135deg,#12091ff5,#071914f5);color:#eafff8;font:700 12px/1.4 system-ui,sans-serif;box-shadow:0 0 0 1px #a855ff30,0 12px 30px #0006,0 0 24px #42ffb136;text-align:center;text-shadow:0 0 12px #73f7c855}
.nexora-mascot-bubble:empty{display:none}
.nexora-mascot-debug{position:fixed;bottom:8px;left:8px;z-index:12002;background:#050609ed;color:#73f7c8;font:11px/1.5 monospace;padding:12px;white-space:pre;pointer-events:none}
.nexora-mascot.is-debug .nexora-mascot-hitbox{outline:1px dashed #b394ff;background:#7c5cff12}
.nexora-mascot-settings-button{position:fixed;left:12px;bottom:12px;z-index:11;border:1px solid #73f7c842;border-radius:8px;padding:7px 10px;background:linear-gradient(135deg,#141024f0,#0b1b16f0);color:#d7e2ef;font:11px/1.4 system-ui,sans-serif;box-shadow:0 0 18px #6d35ff22;cursor:pointer}
.nexora-mascot-settings-button:hover{color:#73f7c8;border-color:#73f7c875;box-shadow:0 0 24px #73f7c833}
.nexora-mascot-controls{position:fixed;left:12px;bottom:52px;z-index:12001;width:min(300px,calc(100vw - 24px));padding:20px;border:1px solid #73f7c855;border-radius:12px;background:linear-gradient(145deg,#111527,#061913);color:#edf6ff;box-shadow:0 18px 55px #0009,0 0 38px #7538ff2b;font:14px/1.6 system-ui,sans-serif}
.nexora-mascot-controls h2{font:600 18px/1.3 system-ui,sans-serif;margin:0 24px 16px 0}
.nexora-mascot-controls label{display:flex;gap:10px;align-items:center;margin:10px 0}
.nexora-mascot-controls input{accent-color:#73f7c8;width:16px;height:16px}
.nexora-mascot-controls select{margin-left:auto;max-width:125px;padding:5px;border-radius:5px;background:#172030;color:#edf6ff;border:1px solid #ffffff20}
.nexora-mascot-controls small{display:block;color:#a0aabd;font-size:11px;margin-top:12px}
.nexora-mascot-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#edf6ff;cursor:pointer;font-size:22px}
.nexora-mascot-controls button:focus-visible,.nexora-mascot-settings-button:focus-visible{outline:2px solid #73f7c8;outline-offset:4px}
.nexora-energy{position:fixed;height:3px;left:0;top:0;transform-origin:left center;background:linear-gradient(90deg,#a855ff,#73f7c8,#34ff65);box-shadow:0 0 10px #a855ff99,0 0 18px #73f7c875;pointer-events:none;z-index:9;opacity:0}
.nexora-energy.is-active{animation:nexora-beam .45s ease-out}
.nexora-overlay-react{outline:1px solid #73f7c888;outline-offset:4px;box-shadow:0 0 24px #73f7c815}
.nexora-config-entry{margin-top:20px;padding:18px;border:1px solid #ffffff20;border-radius:12px;background:#10151e;color:#edf6ff}
.nexora-config-entry p{color:#a0aabd;margin:8px 0;font-size:13px}
.nexora-config-entry button{padding:9px 14px;border:1px solid #73f7c840;border-radius:8px;background:#13231f;color:#73f7c8;cursor:pointer}
@keyframes nexora-beam{0%{opacity:0}30%{opacity:.7}100%{opacity:0}}
@media(max-width:540px){.nexora-mascot-settings-button{font-size:10px;padding:6px 8px}.nexora-mascot-bubble{font-size:10px;max-width:140px}.nexora-mascot-controls{bottom:48px}}
@media(prefers-reduced-motion:reduce){.nexora-energy.is-active{animation:none}.nexora-mascot{will-change:auto}}