.mascot-overlay{position:fixed;inset:0;z-index:35;pointer-events:none;direction:ltr;padding-bottom:env(safe-area-inset-bottom,0);contain:layout style}.mascot-actor{position:absolute;top:0;left:0;pointer-events:none;will-change:transform;isolation:isolate}.mascot-canvas{display:block;width:100%;height:100%;image-rendering:auto;pointer-events:none}.mascot-touch{position:absolute;left:17%;top:23%;width:68%;height:67%;border:0;background:transparent;pointer-events:auto;cursor:grab;touch-action:none;border-radius:12px}.mascot-touch:active{cursor:grabbing}.mascot-touch:focus-visible{outline:3px solid #1FB89E;outline-offset:3px}.mascot-bubble{position:absolute;left:50%;bottom:90%;max-width:calc(100vw - 24px);transform:translateX(-50%);pointer-events:auto;border:2px solid #1a1a1a;background:#FFFDF7;color:#1A1A1A;font-family:inherit;font-size:12px;line-height:1.8;border-radius:8px;box-shadow:4px 4px 0 #1A1A1A;padding:12px 16px;width:240px}.mascot-bubble[data-qbert-glyphs=true]{width:max-content;min-width:50px;padding:6px 9px;color:#D21170;direction:ltr;text-align:center;font:900 17px/1.2 ui-monospace,Consolas,monospace;transform-origin:50% 100%;animation:qbert-symbol-pop 1.2s cubic-bezier(.2,.8,.2,1) both}@keyframes qbert-symbol-pop{0%{opacity:0;transform:translateX(-50%) translateY(7px) scale(.55) rotate(-8deg)}18%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.12) rotate(4deg)}75%{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.92)}}@media(prefers-reduced-motion:reduce){.mascot-bubble[data-qbert-glyphs=true]{animation:none!important}}.mascot-actor[data-mascot-reduced-motion=true] .mascot-bubble[data-qbert-glyphs=true]{animation:none!important}.mascot-restore{min-height:36px;background:#F4F0E6;color:#1A1A1A;border:1px solid #1a1a1a26;border-radius:4px;padding:5px 10px;font:inherit;cursor:pointer}.mascot-restore:focus-visible{outline:2px solid #D21170;outline-offset:2px}.mascot-restore{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:35;font-size:11px;box-shadow:2px 2px 0 #1A1A1A}.mascot-lab{background:#F4F0E6;color:#1A1A1A;min-height:100vh;padding:32px max(20px,calc((100vw - 1160px)/2)) 80px;font-family:var(--font-kalameh),var(--font-vazirmatn),sans-serif}.mascot-lab h1{font-weight:900;font-size:clamp(28px,4vw,44px);margin:8px 0}.mascot-lab h2{font-weight:700;font-size:19px;margin-bottom:12px}.mascot-lab-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.mascot-lab-kicker{color:#D21170;font-size:12px;font-weight:700}.mascot-lab small{color:#655b58}.mascot-lab-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.mascot-lab-card{background:#FFFDF7;border:2px solid #1a1a1a;border-radius:8px;padding:20px;box-shadow:4px 4px 0 #1A1A1A}.mascot-lab button,.mascot-lab input,.mascot-lab select{border:1px solid #39302f55;min-height:40px;border-radius:4px;background:#F4F0E6;padding:6px 12px;font:inherit;font-size:13px;color:#1A1A1A}.mascot-lab button{cursor:pointer}.mascot-lab button:hover{border-color:#D21170}.mascot-lab button:focus-visible,.mascot-lab input:focus-visible,.mascot-lab select:focus-visible,.mascot-lab-stage:focus-visible{outline:3px solid #1FB89E;outline-offset:3px}.mascot-lab .mascot-primary{background:#D21170;color:white;border:1px solid #1a1a1a}.mascot-lab-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.mascot-lab-controls label{display:flex;align-items:center;gap:5px;font-size:12px}.mascot-lab-previews{display:flex;gap:14px;align-items:end;justify-content:space-around;min-height:210px;padding-top:12px;direction:ltr;flex-wrap:wrap}.mascot-lab-previews figure{display:flex;flex-direction:column;align-items:center;gap:10px}.mascot-sprite-preview{position:relative;background-color:#F4F0E6;background-image:linear-gradient(45deg,#39302F08 25%,transparent 0,transparent 75%,#39302F08 0),linear-gradient(45deg,#39302F08 25%,transparent 0,transparent 75%,#39302F08 0);background-size:12px 12px;background-position:0 0,6px 6px}.mascot-sprite-preview canvas{display:block;image-rendering:pixelated;width:100%;height:100%}.mascot-baseline{position:absolute;left:0;right:0;top:87.5%;height:1px;background:#1FB89E}.mascot-pivot{position:absolute;left:50%;top:87.5%;width:5px;height:5px;background:#D21170;transform:translate(-50%,-50%)}.mascot-hitbox{position:absolute;left:25%;top:27.08%;width:50%;height:60.42%;border:1px solid #d21170}.mascot-palette{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mascot-palette span{width:26px;height:26px;border:1px solid #39302f55}.mascot-lab-clips{display:flex;gap:5px;flex-wrap:wrap;direction:ltr}.mascot-lab-clips button{font-family:monospace;min-height:30px;font-size:11px;padding:3px 8px}.mascot-lab-clips button[aria-pressed=true]{background:#1A1A1A;color:#FFFDF7}.mascot-lab-stage{height:320px;position:relative;direction:ltr;margin-top:14px;border:1px solid #39302f55;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#39302F09 0,#39302F09 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#39302F09 0,#39302F09 32px)}.mascot-lab-platform{position:absolute;height:12px;background:#39302F;border-top:4px solid #d21170;color:#FFFDF7;font-size:10px;text-align:center;line-height:26px}.mascot-lab-platform.high{border-top-color:#1FB89E}.mascot-lab-state{font:12px/1.8 monospace;direction:ltr;display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.mascot-lab table{width:100%;font-size:12px;text-align:right;border-collapse:collapse}.mascot-lab td,.mascot-lab th{padding:7px;border-bottom:1px solid #1a1a1a20}.mascot-lab form{display:flex;gap:8px;margin:12px 0}.mascot-lab form input{flex:1;min-width:0}.mascot-lab-note{font-size:12px;line-height:1.9;margin-top:12px}@media(max-width:700px){.mascot-lab-grid{grid-template-columns:1fr}.mascot-lab-header{align-items:start;flex-direction:column}.mascot-lab-card{padding:14px}.mascot-lab-previews{gap:6px;min-height:0}.mascot-lab-previews figure:last-child{width:100%}.mascot-lab-stage{height:280px}.mascot-lab-controls select{max-width:150px}}.mascot-actor:after,.mascot-actor:before{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:0;image-rendering:pixelated}.mascot-actor:before{inset:12%;border-radius:50%;background:radial-gradient(circle,#D2117040 0,transparent 70%);filter:blur(4px)}.mascot-actor[data-mascot-state=idle]:before{animation:pixie-idle-glow 3.2s ease-in-out infinite}.mascot-actor[data-mascot-state=thinking]:before{inset:2%;background:radial-gradient(circle,#1FB89E55 0,transparent 72%);animation:pixie-thinking-glow 1.4s ease-in-out infinite}.mascot-actor[data-mascot-speaking=true]:after,.mascot-actor[data-mascot-state=chatting]:after{inset:-18%;background:radial-gradient(2px 2px at 12% 50%,#1FB89E 85%,transparent),radial-gradient(2px 2px at 76% 18%,#D21170 85%,transparent),radial-gradient(2px 2px at 86% 78%,#1FB89E 85%,transparent),radial-gradient(1px 1px at 22% 18%,#D21170 85%,transparent);animation:pixie-sparkle 2s ease-in-out infinite}@keyframes pixie-idle-glow{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.6;transform:scale(1.08)}}@keyframes pixie-thinking-glow{0%,to{opacity:.28;transform:scale(.94)}50%{opacity:.78;transform:scale(1.12)}}@keyframes pixie-sparkle{0%,to{opacity:.18;transform:translateY(2px) scale(.88)}50%{opacity:.9;transform:translateY(-2px) scale(1)}}@media(prefers-reduced-motion:reduce){.mascot-actor:after,.mascot-actor:before{animation:none!important;opacity:0!important}}.mascot-actor[data-mascot-reduced-motion=true]:after,.mascot-actor[data-mascot-reduced-motion=true]:before{animation:none!important;opacity:0!important}.mascot-actor[data-mascot-chat-open=true]{visibility:hidden;pointer-events:none}@keyframes pixie-head-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pixie-head-think{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.mascot-scene-focus{position:absolute;pointer-events:none;border:1px solid #24bba588;border-radius:6px;background:linear-gradient(180deg,#24bba51b,transparent);transform-origin:center;animation:qbert-hop-stamp 1.05s cubic-bezier(.2,.8,.2,1) both}.mascot-scene-focus[data-hop-phase=pink]{border-color:#d2117088;background:linear-gradient(180deg,#d211701b,transparent)}@keyframes qbert-hop-stamp{0%{opacity:0;transform:scale(.97)}14%{opacity:1;transform:scale(1.015)}58%{opacity:.78;transform:scale(1)}to{opacity:0;transform:scale(1.01)}}.mascot-scene-focus:after,.mascot-scene-focus:before{content:"";position:absolute;width:9px;height:9px;border-color:#24bba5;border-style:solid;pointer-events:none}.mascot-scene-focus:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.mascot-scene-focus:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}@keyframes pixie-scan-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mascot-scene-focus{display:none}}.pixie-chat-loading{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#fff;color:#696371;font:500 14px/1.8 var(--font-vazirmatn),Tahoma,sans-serif}@media(min-width:641px){.pixie-chat-loading{inset:auto;left:24px;bottom:24px;width:min(420px,calc(100vw - 48px));height:96px;border:1px solid #e7e2e9;border-radius:18px;box-shadow:0 24px 80px #28242e26}}