.alijah-mascot{position:relative;background:radial-gradient(ellipse at 50% 35%,#54789c38,transparent 65%),linear-gradient(135deg,#23283f,#211b36);border:1px solid #ffffff18;border-radius:22px;padding:10px 12px 14px;overflow:hidden;color:#fff;font-family:Arial,Helvetica,sans-serif;isolation:isolate}.mascot-stage{height:200px;position:relative;display:grid;place-items:center}.mascot-stage:after{content:'';position:absolute;bottom:3px;width:100px;height:12px;background:#02081960;border-radius:50%;filter:blur(5px);z-index:-1}.mascot-stage canvas{display:block;width:155px;height:200px;object-fit:contain;transform-origin:50% 90%;filter:drop-shadow(0 5px 5px #0004)}.mascot-star{position:absolute;font-size:22px;color:#ffdb7c;left:15%;top:25%}.mascot-star.two{left:auto;right:15%;top:50%;color:#87e6db;font-size:16px}.alijah-mascot [role=status]{text-align:center;font-size:11px;color:#e9d9fb;min-height:28px;margin:5px 0 6px;line-height:1.5}.mascot-buttons{display:flex;gap:6px}.mascot-buttons button{flex:1;min-height:38px;border:1px solid #ffffff20;border-radius:9px;padding:8px 4px;background:#ffffff0b;color:#e7e0f1;cursor:pointer;font-size:10px;font-family:inherit}.mascot-buttons button:hover,.mascot-buttons button[aria-pressed=true]{background:#7ee8de;color:#102c32;border-color:#7ee8de}.mascot-buttons button:focus-visible{outline:3px solid #ffd76f;outline-offset:2px}.mascot-buttons button:disabled{opacity:.4;cursor:wait}.alijah-mascot[data-action=dance] canvas{animation:mascot-bop .42s ease-in-out infinite alternate}.alijah-mascot[data-action=dance] .mascot-star{animation:mascot-twinkle .5s ease-in-out infinite alternate}.alijah-mascot[data-action=show] .mascot-stage{animation:mascot-glow 1s ease-in-out infinite alternate}.title+.alijah-mascot{margin-bottom:20px}@keyframes mascot-bop{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-7px)}}@keyframes mascot-twinkle{from{transform:scale(.7);opacity:.3}to{transform:scale(1.3);opacity:1}}@keyframes mascot-glow{from{filter:brightness(1)}to{filter:brightness(1.12)}}@media(max-width:550px){.alijah-intro{grid-template-columns:1fr!important}.alijah-intro h1 br{display:none}.alijah-intro .alijah-mascot{max-width:100%}.alijah-intro .mascot-stage{height:180px}.alijah-intro .mascot-stage canvas{width:140px;height:180px}.title+.alijah-mascot{margin:0 0 15px}.mascot-buttons button{min-height:42px;font-size:11px}}@media(prefers-reduced-motion:reduce){.alijah-mascot *{animation:none!important;transition:none!important}}
/* Match reactions run automatically; controls never need manual selection. */
.mascot-buttons{display:none}.alijah-mascot [role=status]{min-height:18px}.mascot-stage{height:170px}.mascot-stage canvas{height:170px;width:132px}
body.focus .alijah-mascot{display:grid!important;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;margin:0 0 8px;border-radius:14px;min-height:90px}
body.focus .alijah-mascot .mascot-stage{height:76px}body.focus .alijah-mascot .mascot-stage canvas{width:59px;height:76px}body.focus .alijah-mascot .mascot-stage:after{width:40px;height:6px}body.focus .alijah-mascot [role=status]{font-size:11px;line-height:1.5;margin:0;min-height:0}body.focus .mascot-star{font-size:10px;left:0}body.focus .mascot-star.two{right:0;left:auto}body.focus .mascot-buttons{display:none}
@media(max-width:600px){body.focus .arena{height:calc(100dvh - 340px)!important;min-height:200px!important}body.focus .cube .arena{height:calc(100dvh - 290px)!important;min-height:330px!important}body.focus .side{display:block!important}body.focus .side>.alijah-mascot{margin-bottom:6px}}
