/* Independent neck and shoulder joints from one cutout atlas; no pose/frame swaps. */
.q-mascot{display:block;position:relative;width:116px;height:116px;flex:0 0 auto;background-image:url('/assets/images/robot-wave-v16.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}
.q-mascot.q-rigged{background-image:none}
.q-rig{display:block;position:absolute;inset:0;transform-origin:50% 98%;transform:translateY(var(--q-rise,0px)) rotate(var(--q-lean,0deg))}
.q-rig-part{display:block;position:absolute;background-image:url('/assets/images/robot-rig-v18.png');background-repeat:no-repeat}
.q-rig-body{width:45%;height:50.9694%;left:27.5%;top:47%;background-size:255.9184% 225.9459%;background-position:91.623% 11.4449%;z-index:2}
.q-rig-head{width:53.5%;height:49.9628%;left:23.25%;top:0;background-size:207.2727% 221.9469%;background-position:7.7042% 10.8853%;transform-origin:50% 99%;transform:rotate(var(--q-head,0deg));z-index:4}
.q-rig-arm-left{width:29.3878%;height:45%;left:10%;top:52.5%;background-size:391.875% 255.9184%;background-position:16.06% 92.2775%;transform-origin:81.25% 15.7143%;transform:rotate(var(--q-left,20deg));z-index:1}
.q-rig-arm-right{width:28.6531%;height:45%;left:57.35%;top:52.5%;background-size:401.9231% 255.9184%;background-position:84.7134% 92.2775%;transform-origin:17.6282% 15.7143%;transform:rotate(var(--q-right,-15deg));z-index:1}
.q-mascot-welcome{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:390px;border:1px solid #dce5cf;border-radius:21px;background:#f1f6e8;min-height:91px;padding:0 13px 0 0}
.q-mascot-welcome .q-mascot{width:96px;height:96px;margin:-8px 0 -5px}
.q-mascot-welcome strong,.q-mascot-welcome div>span{display:block}
.q-mascot-welcome strong{font-size:13px;color:#233b2a;line-height:1.4}
.q-mascot-welcome div>span{font-size:11px;line-height:1.6;color:#626967;margin-top:4px}
.q-mascot-play{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;padding:10px;border-radius:50%;border:1px solid #b5ce8f;background:#cbf675;color:#233b2a;cursor:pointer}
.q-mascot-play svg{width:18px;height:18px}
.q-mascot-play:hover{background:#d9ff8f}.q-mascot-play:focus-visible{outline:3px solid #233b2a;outline-offset:3px}
.q-mascot-guide{display:flex;align-items:center;gap:8px;margin:14px 28px -6px;min-height:90px}
.q-mascot-guide .q-mascot{width:90px;height:90px}
.q-mascot-guide p{margin:0;padding:12px 14px;background:#f1f6e8;border:1px solid #dce5cf;border-radius:16px 16px 16px 4px;font-size:12px;font-weight:650;line-height:1.6;color:#233b2a;flex:1}
.q-mascot-contact{display:flex;align-items:center;gap:8px;margin-top:17px;max-width:340px}
.q-mascot-contact .q-mascot{width:132px;height:132px}
.q-mascot-contact p{font-size:13px;line-height:1.6;margin:0;color:#fdfdf7}
.q-mascot-contact p strong,.q-mascot-contact p span{display:block}.q-mascot-contact p strong{color:#fdfdf7}.q-mascot-contact p span{font-size:12px;font-weight:400;margin-top:5px;color:#c0ccb9}


@media(max-width:680px){.q-mascot-welcome{max-width:390px;margin-top:21px;min-height:87px}.q-mascot-welcome strong{font-size:12px}.q-mascot-welcome div>span{font-size:10px}.q-mascot-welcome .q-mascot{width:85px;height:85px}.q-mascot-guide{margin:10px 20px -3px}.q-mascot-guide .q-mascot{width:78px;height:78px}.q-mascot-guide p{font-size:11px;padding:10px}.q-mascot-contact{margin-top:10px}.q-mascot-contact .q-mascot{width:105px;height:105px}}
@media(max-width:360px){.q-mascot-welcome{gap:3px;padding-right:9px}.q-mascot-welcome .q-mascot{width:75px;height:75px}.q-mascot-welcome strong{font-size:11px}.q-mascot-play{width:36px;height:36px}.q-mascot-guide{margin-inline:15px}}