.mascot-intro{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:16px 20px;min-width:0}
.mascot-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}
.mascot-visual::before{content:"";position:absolute;inset:12% 1% 0;border-radius:50%;background:radial-gradient(ellipse,#8cff7a25,transparent 70%);z-index:-1}
.mascot-image{display:block;width:100%;height:auto;aspect-ratio:704/550;object-fit:contain;transform-origin:50% 90%;pointer-events:none}
.mascot-name{display:block;color:#d2edca;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.mascot-intro p{margin:0;color:#eef8f0;font-size:16px;line-height:1.45;font-weight:650}
.mascot-intro small{display:block;font-size:11px;line-height:1.5;color:#bccfc2;margin-top:7px}
.registration-workspace .mascot-intro{background:linear-gradient(120deg,#dfeeda,#e6f2f4);border-bottom:1px solid #c1d3c7;grid-template-columns:145px minmax(0,1fr)}
.registration-workspace .mascot-name{color:#305b46}
.registration-workspace .mascot-intro p{color:#183e2f;font-size:16px}
.registration-workspace .mascot-intro small{color:#49675b}
.arena-featured .mascot-intro{padding:10px 0 12px;grid-template-columns:160px minmax(0,1fr)}
.mascot-guide{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;padding:16px 20px;background:linear-gradient(110deg,#193d2b,#152c38);border:1px solid #52775e;border-radius:14px;margin:24px 0;color:#eaf4eb;min-width:0}
.mascot-guide .mascot-name{margin-bottom:5px}
.mascot-guide h3{font-size:17px;line-height:1.4;margin:0 0 5px;color:inherit}
.mascot-guide p{font-size:13px;line-height:1.6;margin:0;color:#c9dacf}
.registration-light-section .mascot-guide{background:linear-gradient(110deg,#deecd9,#e4eff3);border-color:#b6cfbf;color:#183e2f}
.registration-light-section .mascot-name{color:#3d624d}
.registration-light-section .mascot-guide p{color:#425f51}
.mascot-guide[data-mascot-state=confirmed],.mascot-guide[data-mascot-state=finished]{border-color:#79b867}
.mascot-finish{display:flex;align-items:center;gap:14px;min-width:0}
.mascot-finish .mascot-visual{width:92px;flex:none}
.mascot-guide{scroll-margin-top:18px}
.registration-final .mascot-visual{width:168px;margin:0 auto 20px}
[data-mascot-motion=on][data-mascot-visible=true].mascot-intro .mascot-image{animation:mascot-welcome .85s ease-out both}
[data-mascot-motion=on][data-mascot-visible=true][data-mascot-state=confirmed] .mascot-image,[data-mascot-motion=on][data-mascot-visible=true][data-mascot-state=finished] .mascot-image{animation:mascot-high-five 1.1s ease-in-out both}
[data-arena-playing=true][data-arena-phase="4"] [data-mascot-motion=on][data-mascot-visible=true] .mascot-image{animation:mascot-high-five 1.1s ease-in-out both}
[data-tournament-arena][data-arena-playing=false] .mascot-image{animation:none!important}
@keyframes mascot-welcome{0%{opacity:.3;transform:translateY(12px) rotate(-3deg)}65%{opacity:1;transform:translateY(-3px) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes mascot-high-five{0%,100%{transform:none}25%{transform:translateY(-8px) rotate(-3deg)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(-4px) rotate(-1deg)}}
@media(max-width:700px){.mascot-intro,.registration-workspace .mascot-intro{grid-template-columns:120px minmax(0,1fr);gap:12px;padding:14px 16px}.arena-featured .mascot-intro{grid-template-columns:130px minmax(0,1fr)}.mascot-guide{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:14px}.mascot-guide h3{font-size:15px}.mascot-guide p{font-size:12px}.mascot-finish .mascot-visual{width:78px}.registration-final .mascot-visual{width:140px}}
@media(max-width:360px){.mascot-intro,.registration-workspace .mascot-intro,.arena-featured .mascot-intro{grid-template-columns:100px minmax(0,1fr)}.mascot-intro p,.registration-workspace .mascot-intro p{font-size:14px}.mascot-guide{grid-template-columns:55px minmax(0,1fr);gap:10px}.mascot-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mascot-image{animation:none!important;transform:none!important}}