/* ASK MONDO chat: comic panel, funky borders; bottom-left so it never covers SOUND/MUSIC (bottom-right) */
.ambtn{position:fixed;left:14px;bottom:14px;z-index:910;display:flex;align-items:center;gap:6px;font:400 14px/1 var(--display);color:#000;background:#fff;border:4px solid #000;border-radius:999px;box-shadow:4px 4px 0 var(--pom,#ff5c8a);padding:5px 14px 5px 6px;cursor:pointer}
.ambtn img{width:34px;height:32px;object-fit:contain}.ambtn:hover,.ambtn:focus-visible{background:var(--gold,#ffd54a);outline:0}
.amopen .ambtn{display:none}
.ampanel{position:fixed;left:14px;bottom:14px;z-index:920;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 28px));display:flex;flex-direction:column;background:#fffbea;color:#000;border:5px solid #000;border-radius:22px;box-shadow:8px 8px 0 #000;overflow:hidden;animation:amin .3s cubic-bezier(.3,1.6,.5,1) both}
.ampanel[hidden]{display:none}
@keyframes amin{from{transform:translateY(30px) scale(.9);opacity:0}to{transform:none;opacity:1}}
.amhead{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--gold,#ffd54a);border-bottom:4px solid #000}
.amhead img{width:54px;height:51px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}
.amhead div{flex:1;min-width:0}.amhead b{display:block;font:400 20px/1 var(--display)}.amhead small{font:700 10px/1.2 var(--mono);letter-spacing:.5px}
.amx{all:unset;cursor:pointer;font:400 18px/1 var(--display);width:34px;height:34px;display:grid;place-items:center;border:3px solid #000;border-radius:50%;background:#fff}
.amx:focus-visible{outline:3px solid var(--pom,#ff5c8a)}
.amlog{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(#0001 1px,transparent 1.5px) 0 0/14px 14px}
.ammsg{max-width:86%;display:flex;flex-direction:column;gap:6px}
.ammsg p{margin:0;padding:8px 11px;border:3px solid #000;border-radius:16px;font:400 14px/1.3 var(--display);overflow-wrap:anywhere}
.ammsg.mondo{align-self:flex-start}.ammsg.mondo p{background:#fff;border-bottom-left-radius:4px;box-shadow:3px 3px 0 var(--pom,#ff5c8a)}
.ammsg.me{align-self:flex-end}.ammsg.me p{background:#bff0c0;border-bottom-right-radius:4px;box-shadow:3px 3px 0 #000;font-family:var(--mono);font-weight:700;font-size:13px}
.typing p{display:flex;gap:5px}.typing i{width:7px;height:7px;border-radius:50%;background:#000;animation:amdot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes amdot{0%,100%{opacity:.2}50%{opacity:1}}
.amcard{display:flex;gap:8px;align-items:center;background:#fff;border:3px solid #000;border-radius:12px;padding:5px;color:#000;text-decoration:none;box-shadow:3px 3px 0 #000;max-width:260px}
.amcard img{width:64px;height:48px;object-fit:cover;border-radius:6px;flex:none}.amcard span{font:400 12px/1.2 var(--display);min-width:0}.amcard small{display:block;font:700 10px/1.4 var(--mono);color:#0b3d91}
.amcard:hover,.amcard:focus-visible{background:var(--gold,#ffd54a)}
.amchips{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 2px;border-top:3px dashed #000;-webkit-overflow-scrolling:touch}
.amchips button{flex:none;font:400 11px/1 var(--display);background:#fff;border:2px solid #000;border-radius:999px;padding:6px 9px;cursor:pointer;box-shadow:2px 2px 0 #000}
.amchips button:hover,.amchips button:focus-visible{background:var(--gold,#ffd54a)}
.amform{display:flex;gap:6px;padding:8px 10px}
.amform input{flex:1;min-width:0;font:700 14px/1 var(--mono);border:3px solid #000;border-radius:12px;padding:10px;background:#fff;text-transform:uppercase}
.amform input:focus{outline:3px solid var(--pom,#ff5c8a)}
.amform button{font:400 18px/1 var(--display);width:46px;border:3px solid #000;border-radius:12px;background:var(--gold,#ffd54a);cursor:pointer;box-shadow:2px 2px 0 #000}
.amdis{margin:0;padding:0 10px 8px;text-align:center;font:700 10px/1.2 var(--mono);color:#555;letter-spacing:.4px}
@media (max-width:600px){.ambtn{left:10px;bottom:10px;font-size:12px;padding:4px 11px 4px 5px;border-width:3px}.ambtn img{width:28px;height:26px}
 .ampanel{left:6px;right:6px;bottom:6px;width:auto;height:min(78vh,calc(100vh - 12px));border-radius:18px;border-width:4px;box-shadow:5px 5px 0 #000}
 .ammsg p{font-size:13px}.amform input{font-size:16px}}
@media (prefers-reduced-motion:reduce){.ampanel,.typing i{animation:none}}
/* keep the reduced-motion corner Mondo above the ASK MONDO button */
.rsm.still{bottom:72px}