.mascot{--mascot-margin:max(var(--gut,20px), (100vw - var(--max,1440px)) / 2);--mascot-w:clamp(64px, var(--mascot-margin) - 8px, 108px);--mascot-flip:-1;--mascot-line:1px;--mascot-bulb-core:#fff;--mascot-bulb-light:#fff3d6;--mascot-bulb-warm:#ff7a2f;z-index:40;right:max(8px, env(safe-area-inset-right,0px), (var(--mascot-margin) - var(--mascot-w)) / 2);bottom:max(12px, env(safe-area-inset-bottom,0px) + 6px);width:var(--mascot-w);aspect-ratio:400/620;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;opacity:0;transition:opacity .5s;position:fixed}.mascot[data-ready]{opacity:1}.mascot svg{width:100%;height:100%;transform:scaleX(var(--mascot-flip));filter:drop-shadow(var(--mascot-line) 0 0 #fff3d6) drop-shadow(calc(-1 * var(--mascot-line)) 0 0 #fff3d6) drop-shadow(0 var(--mascot-line) 0 #fff3d6) drop-shadow(0 calc(-1 * var(--mascot-line)) 0 #fff3d6);display:block;overflow:visible}@media (width<=479px){.mascot{--mascot-w:54px}}@media (width>=1740px){.mascot{--mascot-w:clamp(120px, (var(--mascot-margin) - 16px) / 1.18, 190px);--mascot-flip:1;--mascot-line:1.5px;right:auto;left:max(env(safe-area-inset-left,0px), (var(--mascot-margin) - var(--mascot-w)) / 2);bottom:max(20px, env(safe-area-inset-bottom,0px) + 8px)}}@media print{.mascot{display:none}}.mascot #g-bulb-glow{opacity:.3;animation:1.8s ease-in-out infinite mascot-bulb-glow}@keyframes mascot-bulb-glow{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mascot #g-bulb-glow{opacity:.7;animation:none}}
